/*
  Theme Name: Butte Roofing
  Description: Avada Child theme for Butte Roofing
  Author: MC2
  Author URI: https://mc2design.com
  Template: Avada
  Version: 1.0.0
  Text Domain:  Avada
*/

.home-hero-bg{height: 592px !important; position: relative;}
.home-hero-bg:before {
    content: "";
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    background: -moz-linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(107,111,123,.75) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(107,111,123,.75) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(107,111,123,.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#6B6F7B",GradientType=1);
  }
  .home-hero-inner .title-separator::after{width:100px;height:9px;}
  .home-hero-inner .title-separator{padding-bottom: 46px !important;margin-bottom: 24px !important;}

  .video-container video{object-fit: cover; position: absolute;  top: 0; left: 0; object-position: center;
    height: 100% !important;}
  .video-container .fusion-video, .video-container .video-wrapper{height: 100% !important;}
  .header-nav .fusion-button{white-space: nowrap;}
  .header-nav .current-menu-item a.awb-menu__main-a_regular{color: #FFFFFF !important;}
  .header-nav .current-menu-item a.awb-menu__main-a_regular:hover, .header-nav .awb-menu__main-li_regular:hover .awb-menu__main-a_regular{color:#838793 !important}
  .awb-menu__main-li > .awb-menu__main-background-active{display:none !important}
  .title-separator::after { content: ""; width: 70px; height: 6px; background-color: #934C2C; position: absolute; left: 0; bottom: 0; }
  .title-separator{padding-bottom: 26px !important; position: relative !important;}

  .fusion-footer .title-separator{padding-bottom: 16px !important; margin-bottom: 18px !important;}
  .fusion-footer .title-separator:after{width:40px}
  .footer-contact-info .icon-wrapper{font-size: 20px;}
  .footer-copyrights ul{margin: 0 !important; display: flex; align-items: center;padding:0 !important; justify-content: center;}
  .footer-copyrights ul li{ padding: 0 10px; margin: 0 !important;font-size: 14px !important; position: relative; list-style:none}
  .footer-copyrights ul li:before{content: "|"; position: absolute; left: -3px; top: 50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%);}
  .footer-copyrights ul li:first-child:before{display:none}
  .footer-copyrights ul li a:hover, .footer-copyrights ul li a:focus, .footer-copyrights ul li a:active{color:#838793 !important }

  .take-the-worry-block i{align-self: flex-start !important;}
  .take-the-worry-block i:hover{color: #934C2C !important;}

  .how-it-works-section{position: relative;}
  .how-it-works-section:after { content: ""; display: block !important;  position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background-color:rgba(255,255,255,.75); }
  .how-it-works-block .heading h2{line-height: 1 !important;}
  .how-it-works-block .content-container h4{margin: -10px 0 8px 0 !important; font-size:24px !important;}

  .testimonials-block .awb-quote{ padding:0px 15px !important; padding-top:0 !important; padding-bottom:0 !important}
  .testimonials-block .author{margin-top:26px !important}
  .testimonials-block .company-name{font-weight: 300 !important;}
  .testimonials-block .company-name strong{font-weight: 700 !important;}
  .fusion-testimonials .testimonial-pagination{justify-content: flex-start !important; align-items:  flex-end !important;}
  .fusion-testimonials .testimonial-pagination a.activeSlide{height: 6px !important; background-color: #934C2C !important;}
  .fusion-testimonials .testimonial-pagination a{width:60px !important; height: 2px !important; background-color: #FFFFFF !important;border:none !important;border-radius:0px !important}
  .testimonials-section:after { content: ""; display: block !important;  position: absolute; z-index: 0;width:424px; top: 0; right: 0; bottom: 0; background: rgba(107,111,123,.75);
    background: -moz-linear-gradient(225deg, rgba(0,0,0,.75) 0%, rgba(107,111,123,.65) 100%);
    background: -webkit-linear-gradient(225deg, rgba(0,0,0,.75) 0%, rgba(107,111,123,.65) 100%);
    background: linear-gradient(225deg, rgba(0,0,0,.75) 0%, rgba(107,111,123,.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#6B6F7B",GradientType=1); }

.fusion-page-title-bar{position: relative; margin-bottom: 126px;}
.fusion-page-title-bar::after {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; background: -moz-linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(107,111,123,.75) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(107,111,123,.75) 100%); background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(107,111,123,.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#6B6F7B",GradientType=1); z-index: 0; }
.fusion-page-title-row{position: relative; z-index: 1;}
.fusion-page-title-captions{ display: flex; align-items: center; justify-content: center; background: #000; height: 276px; top: 150px; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative;box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;}
.fusion-page-title-bar .fusion-page-title-row h1{position: relative; padding-bottom: 50px;top:-18px}
.fusion-page-title-bar .fusion-page-title-row h1:after{content: ""; width: 100px; height: 9px; background-color: #934c2c; position: absolute; left: 0; right:0;margin:0 auto; bottom: 0;}

.team-block .fusion-imageframe img{width:100% !important; height: auto !important; border-bottom: 7px solid #934C2C !important;} 
.team-block .fusion-imageframe{width:100% !important; height: auto !important; } 
.team-block i{ color: #934C2C !important;} 
.lets-started-section h4{margin-top: 10px; margin-bottom: 15px !important;font-weight: 700 !important;}

.services-block .fusion-checklist .icon-wrapper, .services-block ul.fusion-checklist .icon-wrapper{font-size: 6px;}
.services-block .fusion-li-item-content{margin-left: 31px !important;}
.services-block .fusion-li-item{padding-left: 12px !important;}

.see-more-work-section .gallery img, .services-block .fusion-imageframe img{width:100%;min-height: 100%; height:auto; object-fit: cover;}
.see-more-work-section .fusion-imageframe, .services-block .fusion-imageframe{width:100%;}
.see-more-work-section .fusion-layout-column .fusion-column-wrapper .fusion-image-element {display:flex;height:100%}

.team-detail-block p{margin-bottom: 8px !important;}
.team-detail-block p:last-child{margin-bottom: 0px !important;}
.team-detail-block .fusion-imageframe, .team-detail-block .fusion-imageframe img { width: 100% !important; height: auto !important;}


.form-control input, .form-control textarea, .form-control select{background-color: #fff !important; background-clip: padding-box !important;padding: 8px 15px !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #2c2b31 !important;  border: 1px solid #343a40 !important;height:40px !important;border-radius: 0 !important;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.gform_wrapper .top_label .gfield_label{font-size: 14px !important; line-height: 24px !important; text-transform: uppercase !important; letter-spacing: 2px !important; margin-bottom: 10px !important;}
.gfield_label .gfield_required{display:none}

.gform-theme--foundation .gform_fields{ -moz-column-gap: 30px !important; column-gap: 30px !important;row-gap: 26px !important; grid-row-gap: 26px !important;}
.form-control textarea{height:146px !important}
.gform_button{background-color: #934C2C !important; border-color: #934C2C !important; color: #FFFFFF !important;font-size: 22px !important; line-height: 30px !important; font-weight: 700 !important; letter-spacing: 0 !important; padding: 10px 15px !important; border-radius: 0px !important; min-width: 186px !important;}
.gform_button:hover { background-color: #6e3921 !important; border-color: #6e3921 !important; color: #FFFFFF !important;}
.form-control input:focus, .form-control textarea:focus { border-color: #934C2C !important;box-shadow: none !important;}
.gform_validation_errors{display:none !important}

.gform_wrapper .gfield_error .gfield_validation_message, .gform_wrapper .gform_validation_errors{ background: none !important; border-color: transparent !important; text-align: left !important;}

.lets-get-started-section h4{font-size:24px !important; line-height: 1.2; font-weight: 700 !important;margin-top: 14px !important; margin-bottom: 14px !important;}

.lets-get-started-section .contact-info li{font-weight:600}

.gform_wrapper .gsection{border-bottom:none !important;padding-bottom:0px !important}
.gsection_title{margin-top: 26px !important; margin-bottom: 0; font-size:26px !important}
.ginput_container_date .datepicker{width:100% !important}
.gform_wrapper .ginput_complex .address_country .gravity-select-parent{width:100% !important}
.gform-theme--foundation .gform-grid-row{row-gap: 14px !important; margin-inline: -15px;}
.gform-theme--foundation .gform-grid-col{padding-inline: 15px !important;}
.gform_wrapper .gform_footer{width:100%;display:flex !important; justify-content:center}

.gfield_error input, .gfield_error select{border-color:red !important}
.gform_wrapper .gfield_error label, .gform_wrapper .gfield_error .gfield_validation_message{color:#000000 !important}
.gform_wrapper .gfield_error .gfield_validation_message{font-size:14px !important}
.gform-field-label--type-sub{color: #000000 !important;}
.error404 .entry-title {color: #FFFFFF !important;}


@media screen and (max-width: 1200px){
  .menu-container{width:auto !important}
  .header-nav .fusion-column-wrapper {flex-direction: row-reverse !important;  justify-content: flex-start !important;}
  .header-nav .fusion-button.button-flat{margin-right: 15px !important;}

  .take-the-worry-block h4{font-size: 26px !important;}
  .take-the-worry-block i.fb-icon-element{font-size: 40px !important;}

  .how-it-works-block h2.content-box-heading{font-size: 64px !important ;}

  .testimonials-section::after{width:200px}
	
	.header-nav .fusion-button.button-flat{font-size:18px !important}
	
	.how-it-works-block .content-container h4{font-size:20px !important;}
	.certified-by-organizations-section .fusion-title-heading h3 br{display:none}

  .error404 .fusion-page-title-wrapper{width:100%}

  
}

@media (min-width:768px) and (max-width:991px) {
  .home-hero-inner h1{ font-size: 42px !important; line-height: 1.2 !important;}
  .home-hero-inner .title-separator { padding-bottom: 26px !important; margin-bottom: 14px !important; }
  .home-hero-bg{height: 476px !important;}

  .testimonials-section::after{display:none !important}

  .gform-theme--foundation .gform_fields{column-gap: 18px !important;   -moz-column-gap: 18px !important;   grid-row-gap: 14px !important;}

  .fusion-page-title-bar .fusion-page-title-row h1{top:0;}
}
@media (min-width:992px) and (max-width:1200px) {
  .home-hero-inner h1{ font-size: 50px !important; line-height: 1.2 !important;}
  .home-hero-inner .title-separator { padding-bottom: 26px !important; margin-bottom: 14px !important; }

  h2.fusion-title{font-size: 40px !important; line-height: 1.2 !important;}
}

@media screen and (max-width: 767px){
  .logo{max-width: 100px !important;}

  .header-nav .fusion-button.button-flat{padding:10px 15px !important; font-size: 16px !important;}
  .header-nav .fusion-button.button-flat{margin-right: 0px !important;}

  .home-hero-inner h1{ font-size: 40px !important;}
  .home-hero-inner .title-separator { padding-bottom: 26px !important; margin-bottom: 14px !important; }
  .home-hero-bg{height: 400px !important;}

  .home-hero-inner .title-separator::after { height: 6px;}

  .certified-by-organizations-section .btn-block .fusion-button{width: 100% !important;}
  .certified-by-organizations-section .btn-block .fusion-column-wrapper div{width: 100% !important;}
  .testimonials-section::after{display:none !important}

  .testimonials-block blockquote .awb-quote{padding-right: 0px !important;}

  .footer-link-block .fusion-column-wrapper, .footer-contact-info  .fusion-column-wrapper{justify-content: center !important; align-items: center !important; text-align: center;}

  .footer-link-block  .awb-menu__main-a{justify-content: center !important;}
  .fusion-footer .title-separator::after{ left:0;right:0; margin: 0 auto;}
  .footer-contact-info ul.fusion-checklist{max-width:300px}
  .footer-contact-info .fusion-li-item{display: inline-flex; align-items: center; justify-content: center;}
  .footer-contact-info .fusion-li-item-content{margin-left:0 !important}

  .footer-copyrights ul{flex-direction: column;}
  .footer-copyrights ul li:before{display:none}
  .footer-copyrights ul li{padding:2px 15px}

  .fusion-page-title-bar .fusion-page-title-row h1{padding-bottom: 0 !important;top: 0 !important;}
  .fusion-page-title-bar .fusion-page-title-row h1::after{display:none}

  .fusion-page-title-captions{height:176px}
  .fusion-page-title-bar{height:276px !important;padding-left: 15px !important; padding-right: 15px !important;}
  .fusion-page-title-bar .fusion-page-title-row h1{font-size:40px !important; line-height: 1.2 !important;}
  .fusion-page-title-captions{top:180px}

  .fusion-page-title-bar{margin-bottom:76px;}
  
  .gform-theme--foundation .gform_fields{column-gap:0px !important;-moz-column-gap:0px !important}
}

@media screen and (max-width: 640px){
  .gform-theme--foundation fieldset .ginput_container.gform-grid-row{margin-inline: 0px !important;}
  .gform-theme--foundation fieldset  .ginput_container.gform-grid-row .gform-grid-col { padding-inline: 0px !important;}
}
@media screen and (max-width: 400px){
  .header-nav .fusion-button.button-flat{white-space: wrap !important; width:146px !important}

  .home-hero-inner h1{ font-size: 32px !important;}
  .footer-copyrights ul{}
}