/*
Template:       roofix
Theme Name:     Roofix Child
Theme URI:      https://radiustheme.com/demo/wordpress/themes/roofix
Author:         Axel Joly - FEDERAL DESIGN
Author URI:     https://www.federaldesign.fr
Description:    Roofix is a clean and modern WordPress Theme. This theme comes with all necessary features and pages for a Roofing website.
Version:        1.0
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
License:        Envato split License
License URI:    https://themeforest.net/licenses/terms/regular
*/
.slider-btn{
 color:#fff; 
 background-color: #00794d;
 padding:20px 45px;
 border-radius: 5px; 
}
a.slider-btn:hover{
    color: #fff !important;
    background-color: #984405;
}
a.slider-btn::after{
    color:#984405 !important;
    background-color:#fff;
}
.liste-puce5{
    font-weight: bold;
    color:#00794d;
    font-size: 20px;
}
ul .liste-puces{
    color:#fff;
}
.scrollup.back-top a:hover{
    background-color: #00794d;
    color: #000;
}
.top-footer-layout1 .footer-social ul li a:hover {
    background-color: #984405 !important;
    color: #fff;
  }
.footer-wrap-fix-off {
    background-color: #00794d !important;
}
.liste-puce7{
    font-weight: bold;
    font-size: 25px;
    color:#fff;
    margin-right: 10px;
}
.liste-7{
    font-weight: bold;
    font-size: 20px;
}
/*#clip-les7{
    background-color:#00794d;
    -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    width: 80%;
    -webkit-box-shadow: 5px 5px 40px 1px #656565;
-moz-box-shadow: 5px 5px 40px 1px #656565;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#656565', Positive='true');
zoom:1;
box-shadow: 5px 5px 40px 1px #656565;
}
#clip-video{
    margin-left: -150px;
    background-size: cover;
}*/
a.entry-title {
    word-break: keep-all;    
    word-wrap: break-word;
} 

#clip-contact{
    background-color: #984405;
    -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
    margin-left:-110px;
} 
#boite-tel{
    color:#fff;
    text-align: center;
    width: 60%;
    margin: 0 auto 0 auto;
    font-size:23px;
    font-weight: bold;
    margin-top:50px;
    text-transform: uppercase;
}
#boite-tel2{
    color:#fff;
    text-align: center;
    width: 100%;
    margin: 0 auto 0 auto;
    font-size:45px;
    font-weight: bold;
}
#mailpoet_form_1 form.mailpoet_form {
    padding: 0 !important;
}
p.mailpoet_form_paragraph.mailpoet-has-font-size a{
    color: #fff;
    text-decoration: underline;
}
p.mailpoet_form_paragraph.mailpoet-has-font-size a:hover{
    color:#000;
}
.footer-wrap-fix-off .footer-bottom-wrap-layout1 .copyright{
    color: #fff;
}
.footer-wrap-fix-off .footer-bottom-wrap-layout1 .copyright a:hover{
    color: #000;
}
.footer-wrap-fix-off .footer-top-wrap-layout1{
    padding: 50px 0 50px 0;
}
.footer-wrap-fix-off .footer-bottom-wrap-layout1{
    border-top: 1px solid #fff;
 }
.top-footer-layout1 {
    background-color: #00794d;
}
.top-footer-layout1 .row.align-items-center {
    border-bottom: 0;
    padding:0;
}
.top-footer-layout1 .footer-logo-wrp .footer-logo img{
    width: max-content;
}
.footer-wrap-fix-off .footer-box-layout1 ul.menu > li a {
    color: #fff;
}
.header-search .header-search-form .search-btn{
    background-color: #00794d;
}
.header-search .header-search-form .search-btn:hover{
    background-color: #984405;
}
.header-search .close{
    color: #00794d;
}
.header-search .close:hover{
    color: #984405;
}
/*.content-area {
    padding-bottom: 0;
}*/
.inscription a:hover, .mailpoet_paragraph.inscription input.mailpoet_submit a:hover, input.mailpoet_submit a:hover{
    background-color: #984405;
}
.header-menu.menu-layout4 .container-fluid .primary-bg-brind{
    background-color: #fff;
}
ul.header-left-4layout{
    background-color:#00794d;
}
ul.header-left-4layout li span, ul.header-left-4layout li a, ul.header-left-4layout.header-right-4layout li.mailto-li a{
    color:#fff;
}
ul.header-left-4layout li a:hover, ul.header-left-4layout.header-right-4layout li.mailto-li a:hover{
    color:#000;
}
.col-md-6{
    background-color:#00794d;
}
i.fas.fa-envelope, i.fas.fa-phone-alt, i.fas.fa-map{
    background-color: #fff;
    padding: 10px;
    border-radius: 100%;
}
i.fab.fa-facebook-f{
    color: #fff;
}
.footer-wrap-fix-off .footer-bottom-wrap-layout1 {
    border-top: 1px solid #fff;
    background: #984405;
}
.item-beforetitle.item-subtitle a{
    color: #fff;
    text-decoration:underline;
}

.item-beforetitle.item-subtitle a:hover{
    text-decoration:none;
}
.col-md-6 .actus, .blog-box-wrp.rtin-item.post-each.col-lg-6.col-md-6.col-sm-6.col-12, .col-lg-6.col-md-6.col-sm-6.col-xs-12.no-equal-item {
    background-color: #fff;
}
.topbar-information4 .header-left-4layout > li:first-child:before {
    clear: both;
    background-color:#00794d;
}

.fw-btn-fill a:hover{
    background-color: #00794d;
}
.mean-container .mean-bar .logo-small {
    width: 230px;
}
.wpcf7 input.wpcf7-form-control.has-spinner.wpcf7-submit.item-btn.fw-btn-fill.mg-t-10.bg-Primary.text-textprimary.disabled a:hover{
	background-color: #00794d;
}
.wpcf7 .wpcf7-form input[type="submit"]:hover {
    background-color: #00794d;
}
.wpcf7 .wpcf7-form .form-title{
    font-weight: bold;
}
.wpcf7 .wpcf7-form .widget-form .contact-form-box .form-group .item-btn:hover{
    background-color: #00794d;
}
.top-footer-layout1 .footer-social ul {
    margin: 0;
    padding: 0 26px 0 0;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-pack: end;
    justify-content: flex-start;
  }
  .top-footer-layout1 .footer-contact-email {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .top-footer-layout1 .footer-contact-email .info {
    font-size: 24px;
  }
  .top-footer-layout1 .footer-contact-email .title {
    font-size: 18px;
    font-weight: 400;
  }
  .top-footer-layout1 .footer-contact-email .media-body.space-sm {
    text-align: left;
  }
  .top-footer-layout1 .footer-contact-email i.fas.fa-envelope {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    background-color:#984405;
    color: #fff;
    line-height: 3;
    text-align: center;
    padding:0;
  }
  .top-footer-layout1 .footer-contact-email .info a{
      color: #fff;
  }
  .top-footer-layout1 .footer-contact-email .info a:hover{
      color: #000;
  }
  input.mailpoet_submit:hover{
    background-color: #984405;
    color:#fff;
  }
@media (max-width: 400px){
    .slider-btn{
        font-size: 20px;
        margin-left: -20px;
       }
    .wp-image-4690{
          margin-left: 30px; 
    }
    .wp-image-4691{
        margin-left:15px;
    }
    #clip-les7{
    margin-left: -200px;
    }   
    #clip-contact{
        background-color: #984405;
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        margin-left:0;
    }
    .elementor-4351 .elementor-element.elementor-element-5d426e4c > .elementor-element-populated{
        margin-left: 0 !important;
    }
    #boite-tel{
        color:#fff;
        text-align: center;
        width: 60%;
        margin: 0 auto 0 auto;
        font-size:23px;
        font-weight: bold;
        margin-top: 50px;
        text-transform: uppercase;
    }
    #boite-tel2{
        color:#fff;
        text-align: center;
        width: 100%;
        margin: 0 auto 0 auto;
        font-size:35px;
        font-weight: bold;
    }
    .top-footer-layout1 .footer-contact-email {
        margin: 30px 0 0 100px;
    }
}
@media (max-width: 768px){
    .top-footer-layout1 .footer-logo-wrp .footer-logo img {
        margin-left: -35px;
    }
    .col-lg-4.col-md-6 .text-center{
            margin-left: -115px;
    }
    .top-footer-layout1 .footer-social {
        /*justify-content: inherit;*/
        margin: -180px 0 0 240px;
    }
}
@media (min-width: 768px){
    .col-md-6-2 {
        margin-left: -20px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}
@media only screen and (max-width: 1440px) {
       .topbar-information4 .header-left-4layout li a span.phone-label {
      display: contents;
    }
}