/*
 Theme Name:   Agren Construction
 Theme URI:    https://www.agrenconstruction.com
 Description:  Agren Construction
 Author:       SEO National
 Author URI:   https://www.seonational.com
 Template:     Divi
 Version:      1.0.0
 Tags:         Agren Construction
 Text Domain:  https://www.agrenconstruction.com
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* fix header parallax on Firefox */
.gecko .et_pb_section_parallax .et_pb_parallax_css { -webkit-transform: none !important; }





/* NAVIGATION */
/* sub-menu dropdown text size */
#top-menu li li a { font-size: 14px !important; line-height: normal !important; }


/* main menu custom CTA button */
.menu-CTA a, .et-fixed-header #top-menu .menu-CTA a { color: #fff !important; }
.menu-CTA { background: #04683a; height: 40px; padding: 12px 12px 10px 12px !important; border-radius: 20px; }
@media all and (max-width:981px) {
.menu-CTA { height: auto; }
}
.menu-CTA:hover { background: #fff; border: 2px solid #04683a; }
.menu-CTA a:hover { color: #04683a !important; margin-top: -2px; }

/* shrink menu size on mid-resolutions so it all fits on screen in one row */
@media all and (max-width:1400px){
	#top-menu li, #top-menu li a {
		font-size: 14px !important;
	}
}





/* YOAST */
#breadcrumbs { padding: 10px; background: #efefef; text-align: center !important; font-size: 12px; }
#breadcrumbs a, #breadcrumbs span, #breadcrumbs strong { color: #333; }
.home #breadcrumbs { display: none !important; } /* hide breadcrumbs on home page */





/* FOOTER */
/* footer menu */
#menu-footer-menu a { color: #efefef; }
#footer-info a { font-weight: normal; }
.footer-external-credits { font-size: 11px; }





/* RESPONSIVE */
@media all and (min-width:1405px){

}

@media all and (min-width:1100px) and (max-width:1404px) {

}

@media all and (min-width:982px) and (max-width:1099px){
	
}

@media all and (min-width:982px) {
.footer-widget #nav_menu-2{margin-left:50px;}
}
@media all and (max-width:981px) {

}

@media all and (min-width:1071px) and (max-width:1300px) {
	.meeting-drywall{font-size: 22px !important;}
	.meeting-drywall-list{font-size: 18px !important;}
	.meeting-drywall-column{ padding-right: 50px !important; padding-left: 50px !important;}
	}

@media all and (min-width:981px) and (max-width:1070px) {
	.meeting-drywall{font-size: 20px !important;}
	.meeting-drywall-list{font-size: 16px !important;}
	.meeting-drywall-column{ padding-right: 50px !important; padding-left: 50px !important;padding-top:20px !important;}
	}

@media all and (min-width:1140px) and (max-width:1300px) {
	.home-testimonial-column{padding-right: 20px !important; padding-left: 20px !important;padding-top:25px !important;}
	.home-testimonial-text{font-size:15px !important;margin-bottom:15px !important;}
	.home-testimonial-name{font-size:15px !important;}
	.testimonial-quote{margin-bottom:15px !important;}
}

@media all and (min-width:982px) and (max-width:1139px) {
	.home-testimonial-column{padding-right: 20px !important; padding-left: 20px !important;padding-top:10px !important;}
	.home-testimonial-text{font-size:14px !important;margin-bottom:15px !important;}
	.home-testimonial-name{font-size:14px !important;}
	.testimonial-quote{margin-bottom:15px !important;}
}
@media all and (max-width:981px){
.testimonial-quote{margin-bottom:25px !important;}
.home-testimonial-text{margin-bottom:30px !important;}
}
@media all and (min-width:1301px){
.testimonial-quote{margin-bottom:25px !important;}
.home-testimonial-text{margin-bottom:30px !important;}
}
@media all and (min-width:981px) and (max-width:1110px) {
	.home-header-coltext {padding-left:50px !important; padding-right:50px !important;}
}



/* MISCELLANEOUS */
/* format Divi blog grid */
.et_pb_blog_grid .et_pb_post { margin-bottom: 60px !important; height: 510px; width: 320px; overflow: hidden; font-size: 14px; line-height: normal; }
.et_pb_blog_grid .et_pb_image_container { height: 200px; width: 320px; overflow: hidden; }




/* WP Customer Reviews plugin */
/* remove colored blockquote indent */
.wpcr3_in_content blockquote { border: none; }

/* hide website's company name from displaying before all reviews */
.wpcr3_item_name { display: none; } 

/* bold custom review questions and line break the answers */
.wpcr3_review_custom_label { font-weight: 700; clear: both; margin-top: 15px; }

/*Customizing the hello bar */
.hellobar-btn {border: none; background-color: #ffffff; padding: 7px 10px;  cursor: pointer;  display: inline-block; color:#693e91 !important;	margin-left:5px; border-radius: 10px;margin-top: 7px;
margin-bottom: 7px;}
.hello-bar p{text-align:center;}
.hellobar-text {padding-top: 7px !important; padding-bottom: 7px !important;line-height:1.3;}

@font-face {
    font-family: 'Montserrat-Regular';
	src: url('https://www.agrenconstruction.com/fonts/Montserrat-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Light';
	src: url('https://www.agrenconstruction.com/fonts/Montserrat-Light.otf');
    font-weight: normal;
    font-style: normal;
}

html,body {font-family: 'Montserrat-Regular';}

#top-menu a, #et-secondary-nav, #et-info-phone{font-family: 'Montserrat-Light';}

#main-header{box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;}

/* Why choose us? image overlay */
.container-overlay { position: relative; width: 100%;}
.image-overlay {  display: block;  width: 100%;  height: auto;}
.whole-overlay { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%;  height: 0;
  transition: .3s ease;  background-color: #153e72;}
.container-overlay:hover .whole-overlay { height: 100%;}
.text-overlay {cursor: context-menu;
  color: #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,  -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width:200px;}


/* customizing drywall gallery slider */
.rslides_tabs a{color:#333333 !important; border-radius:50px !important; border: 2px solid #c9c9c9 !important;padding: 5px 10px !important;font-size:14px; }
.rslides_tabs li:first-child a{padding: 5px 11.5px !important;}
.rslides_tabs li a{margin-right:5px;}
.rslides_tabs {background: transparent !important;margin-top: 20px !important;}
.rslides_tabs .rslides_here a{color:#333333 !important; border: 2px solid #00a6de !important;}

/* center footer info copyright */
#footer-info { margin-left: auto; margin-right: auto; display: block;text-align: center;clear: both; float: none;}



#footer-widgets .footer-widget li::before{display:none;}
#footer-widgets .footer-widget li {	padding-left: 0px;margin-bottom:0px !important;}
.footer-widget h4{margin-bottom:10px;}



.contact-us-form input[type="text"] {
    border: none; background-color: transparent !important; color: #5a5a5b; border-bottom: #000 solid 1px;
    font-size: 16px; width: 100%; padding: 5px; margin-top: 5px; font-size:16px !important;font-family: 'Montserrat-Light';
}
.contact-us-form .wpcf7-textarea {
    border: none; background-color: transparent !important; color: #5a5a5b; border-bottom: #000 solid 1px;
    font-size: 16px; width: 100%; padding: 5px; margin-top: 5px; font-size:16px !important; height:80px; font-family: 'Montserrat-Light';
}
.contact-us-form .form-file{margin-top:10px; display:block;}

.contact-us-form .wpcf7-submit {  background-color: #ffffff !important; border: #00a6de solid 2px; text-transform: uppercase; color: #00a6de; width: 100%; padding: 12px 40px; font-size:16px; }
.contact-us-form .wpcf7-submit:hover{color: #ffffff; background-color: #00a6de !important;}
.contact-us-form .form-name, .contact-us-form .form-email{margin-bottom:30px; display:block;}
.contact-us-form .form-message {display:block;}