/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/*font*/
@font-face{
	font-family: 'yarra-regular';
	font-weight: normal;
    src: url(https://mckenziedev.com.au/motific-rebuild/wp-content/themes/Divi-child/fonts/YaroRg.ttf);
}

h1{
	font-size:40px!important;
	font-family: 'yarra-regular';
	font-weight: bold;
}

h2{
	font-size:40px!important;
	font-family: 'yarra-regular';
	font-weight: bold;
}

h3{
	font-size:25px!important;
	font-family: 'yarra-regular';
}

h4{
	font-size:16px!important;
	font-family: 'yarra-regular';
}

body p{
	font-size:16px!important;
}

/*Navbar*/
#top-menu li a{
    font-family: 'yarra-regular';
}
.mobile_menu_bar:before{
color: #72d5cb !important;
}
/*Navbar - selected page*/
#top-menu li.current-menu-item>a {
background: transparent;
background-image: linear-gradient(80deg, #72d5cb, #7dd993);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/*laptop image*/
@media only screen and (min-width: 960px) and (max-width:1000px)
{
#laptop {
	
    position: relative !important; 
    bottom: -620px;
    margin-bottom: -520px;

	}
}
@media only screen and (min-width: 1000px) and (max-width:1100px)
{
#laptop {
	
    position: relative !important; 
    bottom: -570px;
    margin-bottom: -520px

	}
}
@media only screen and (min-width: 1100px) and (max-width:1200px)
{
#laptop {
	
    position: relative !important; 
    bottom: -500px;
    margin-bottom: -15px;
	}
}

@media only screen and (min-width: 1200px) and (max-width:1300px)
{
#laptop {
	
    position: relative !important; 
    bottom: -450px;
    
	}
}
@media only screen and (min-width: 1300px) and (max-width:1400px)
{
#laptop {
	
    position: relative !important; 
    bottom: -305px;
    
	}
}
@media only screen and (min-width: 1400px) and (max-width:1500px)
{
#laptop {
	
    position: relative !important; 
    bottom: -270px;
    
	}
}


@media only screen and (min-width: 1500px) and (max-width:1600px)
{
#laptop {
	
    position: relative !important; 
    bottom: -240px;

	}
}
@media only screen and (min-width: 1600px) and (max-width:1800px)
{
#laptop {
	
    position: relative !important; 
    bottom: -210px;

	}
}
@media only screen and (min-width: 1800px) and (max-width:1920px)
{
#laptop {
	
    position: relative !important; 
    bottom: -70px;

	}
}
@media only screen and (min-width: 1920px)
{
#laptop 
  {
	position: relative;
    bottom: -30px;
  }
}
/*Header - search icon*/
#et_top_search span #et_search_icon::before, #et_search_icon{
    visibility: hidden !important
;	
}


#wpcf7-f152-o1{
	width:90%;
	padding-left: 10%;
}

#wpcf7-f152-o1 .wpcf7-form {
	width:100%;
}

::placeholder {
  color: #000!important;
}
/*
#wpcf7-f152-p48-o1 form.wpcf7-form:nth-child(2){
	width:40%;
	float:left;
}

#wpcf7-f152-p48-o1 form.wpcf7-form:nth-child(3){
	width:40%;
	float:right;
}*/

@media only screen and (min-width: 600px){
	/*Name*/
	#wpcf7-f152-o1 form.wpcf7-form p:nth-child(2){
	width:100%;
	display: inline-block;
	color: blue;
	margin-right:1.30%;	
	}
	
	#contact-name{
	height:40px;
	margin-bottom:15px;
	margin-right: 2%;	
	width:49%;
	}
	
	/*Email*/
	#wpcf7-f152-p48-o1 form.wpcf7-form p:nth-child(3){
	width:49%;
	display: inline-block;
	color: green;
    padding-left:10px;
    }
	#contact-email{
	height:40px;		
	width: 49%;	
	padding:10px;
	}

}	
	
@media only screen and (max-width: 600px){
	/*Name*/
	#wpcf7-f152-o1 form.wpcf7-form p:nth-child(2){
	width:100%;
	display: block;
	color: blue;
	}
	#contact-name{
	height:40px;		
	padding-left:10px;	
	width:100%;
	}
	
	/*Email*/
	#wpcf7-f152-o1 form.wpcf7-form p:nth-child(3){
	width:100%;
	display: block;
	color: green;
    }
	
	#contact-email{
	height:40px;		
	width: 100%;
	margin: 5% 0;
	padding-left:10px;
	}

}	

/*Phone*/
#wpcf7-f152-o1 form.wpcf7-form p:nth-child(4){
	width:100%;
	color: red;
	font-family: yarra-regular;
	margin: -16.5px 0px;
	text-align:right;
}

#wpcf7-f152-o1 #contact-tel {
	width: 100%;
	height:40px;
	padding:10px;
}

#wpcf7-f152-o1 .your-message .wpcf7-textarea{
	width: 100%;
	padding:10px;
	margin-top: -28px;
}

/*submit button*/
#wpcf7-f152-o1 .wpcf7-submit{
	background-color:#000;
	border-radius:4px;
	color: #fff;
	font-family: 'yarra-regular';
	padding-top:7px;
	padding-bottom:4px;
	padding-left:15px;
	padding-right: 15px;
}

#wpcf7-f152-o2 > form.wpcf7-form:nth-child(2){
	text-align: right;
}

#wpcf7-f152-o1 p:nth-child(6){
	text-align:right;
}
.wpcf7-spinner{
	display:none;
}

#contact-us-button{
	border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
	color: #000;
}

/*Stay in touch bubble*/
/*@media only screen and (max-width:1023px)
{
	#stayintouch-bubble-contactus{
	position: relative;
	padding-top: 30px;
	}
}
@media only screen and (min-width: 1024px) and (max-width:1400px)
{
	#stayintouch-bubble-contactus{
	position: relative;
	padding-top: 30px;	
	}
}

@media only screen and (min-width: 1400px)
{
	#stayintouch-bubble-contactus{
	position: relative;
	padding-top: 30px;	
	}
}*/
@media only screen and (min-width: 966px) and (max-width: 1000px)
{
#stayintouch-bubble-contactus {
    position: relative;
    top: 480px;
 }
}


@media only screen and (min-width: 1000px) and (max-width: 1200px)
{
#stayintouch-bubble-contactus {
    position: relative;
    top: 450px;
 }
}


@media only screen and (min-width: 1200px) and (max-width: 1400px)
{
#stayintouch-bubble-contactus {
    position: relative;
    top: 330px;
 }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px)
{
#stayintouch-bubble-contactus {
    position: relative;
    top: 280px;
 }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px)
{
	#stayintouch-bubble-contactus {
	position: relative;
	top: 190px;
	}
}
@media only screen and (min-width: 1800px) and (max-width: 2000px)
{
	#stayintouch-bubble-contactus{
	position: relative;
	top: 120px;
	}
}

@media only screen and (min-width: 2000px) and (max-width: 2200px)
{
	#stayintouch-bubble-contactus{
	position: relative;
	top: 80px;
	}
}

/*Contact us - contact form 7*/
#wpcf7-f152-o1 form span input, #wpcf7-f152-o1 form span textarea{
border-width: 2px;
border-image-slice: 1;
border-radius: 4px;
border-image-source:linear-gradient(to top right,#72d5cb, #7dd993);
}

/*stay in touch form - contact form 7*/
#wpcf7-f1040-p30-o1
{
	width:90%;
	padding-left:10%;
}
#wpcf7-f1040-p30-o1 #contact-name, #wpcf7-f1040-p30-o1 #contact-email, #wpcf7-f1040-p30-o1 #contact-tel, #wpcf7-f1040-p30-o1 #business-name,#wpcf7-f1040-p30-o1 #contact-message{
	border-width: 2px;
    border-image-slice: 1;
    border-radius: 4px; 
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
}

#wpcf7-f1040-p30-o1 #contact-tel, #business-name
{
	height:40px;
	width:100%;
}

#wpcf7-f1040-p30-o1 #contact-message
{
	width:100%;
}
/*Submit button*/
#wpcf7-f1040-p30-o1 > form.wpcf7-form:nth-child(2){
	text-align: right;
}

#wpcf7-f1040-p30-o1 .wpcf7-submit {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    font-family: 'yarra-regular';
    padding-top: 7px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
}

/*stay in touch form - divi form*/
/*border color*/
#wpcf7-f152-p48-o1  span.wpcf7-form-control-wrap input.wpcf7-form-control{
    border-width: 2px;
    border-image-slice: 1;
    border-radius: 4px;
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
}

#wpcf7-f152-p48-o1 .wpcf7-form-control-wrap .wpcf7-textarea{
	border-width: 2px;
    border-image-slice: 1;
    border-radius: 4px;
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
}

#et_pb_contact_name_0, #et_pb_contact_email_0, #et_pb_contact_title_0, #et_pb_contact_details_0{
    border-width: 2px;
    border-image-slice: 1;
    border-radius: 4px;
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
}
/*Newsletter form*/
/*desktop & ipad*/

#wpcf7-f177-o4 form.wpcf7-form input.wpcf7-submit {
    background: linear-gradient(to top right, #72d5cb, #7dd993);
    border-image-slice: 1;
    border-radius: 4px;
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
    color: #fff;
    height: 36px;
}

#wpcf7-f177-p48-o2 .wpcf7-form{
	border-width: 2px;
    border-image-slice: 1;
    border-radius: 4px; 
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
	margin-top: -12%;
}
#wpcf7-f177-p48-o2 .wpcf7-form input{
	color:white;
	border-width: 2px;
	border-image-slice: 1;
	border-radius: 1px;
	border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
	height:40px; 
}

.your-email #newsletter-email::placeholder {
	font-family:'Open Sans',Helvetica,Arial,Lucida,sans-serif;
	color: #666666 !important;
	text-align: center;
}

#newsletter-email{
	border-width: 2px;
    border-image-slice: 1;
    border-radius: 4px;
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
	height: 36px;
    /*margin-top: -12%;*/
	padding-bottom: 3px;
	width: 75%;
}
/*newsletter submit button*/
#wpcf7-f177-o1 .wpcf7-submit {
	background: linear-gradient(to top right, #72d5cb, #7dd993);	
    border-image-slice: 1;
    border-radius: 4px;
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
	color: #fff;
	height: 36px;    
	margin-top: -12%;
}
#wpcf7-f177-p48-o2 .wpcf7-form .wpcf7-submit{
background: linear-gradient(to top right, #72d5cb, #7dd993);
}


/*mobile*/
#wpcf7-f177-p48-o3 .wpcf7-form input{
	border-width: 2px;
	border-image-slice: 1;
	border-radius: 4px;
	border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
	height:30px; 
}


#footer-bottom{
	display:none;
}

/*About us page*/
/*Linear gradient*/
#preproduction-aboutus, #production-aboutus, #postproduction-aboutus{
 border-width: 2px;
 border-image-slice: 1;
 border-radius: 5px;
 border-image-source: linear-gradient(to bottom, rgba(125, 217, 147, 1), rgba(125, 217, 147, 0) 80%);
}

/*Our work page*/
#post-36 .et_pb_video_overlay_hover {
    background: black;
    width: 100%;
    opacity: 0.35;
    height: 100%;
    position: absolute;
    z-index: 100;
    transition: all .5s ease-in-out;
}

/*Contact us page*/
/*sign up email*/
#wpcf7-f177-o3 form label  .wpcf7-submit {  
	background: linear-gradient(to top right, #72d5cb, #7dd993);
    border-image-slice: 1;
    border-radius: 4px;
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
    color: #fff;
    height: 36px;
    margin-top: -12%;
}

/*Submit button*/
 #wpcf7-f177-o2 form.wpcf7-form  input.wpcf7-submit{
    background: linear-gradient(to top right, #72d5cb, #7dd993);
    border-image-slice: 1;
    border-radius: 4px;
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
    color: #fff;
    height: 36px;
}

/*Height of contact name and email*/
#et_pb_contact_name_0, #et_pb_contact_email_0{
	height:50px;
}

/*border of the business name, phone and message in the contact us page*/
#et_pb_contact_business_name_0, #et_pb_contact_business_phone_0, #et_pb_contact_message_0{
	
    border-width: 3px;
    border-image-slice: 1;
    border-radius: 5px;
    border-image-source: linear-gradient(to top right, #72d5cb, #7dd993);
	
}