/*
Theme Name: Wastia Child
Theme URI: http://demo.cmssuperheroes.com/themeforest/wastia/
Description:  Wastia Child Theme
Author: CMSSuperHeroes
Author URI: https://cmssuperheroes.com/
Template: wastia
Version: 1.0.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: wastia-child
Tags: One Click Demo Import, Elementor Page Builder, WooCommerce Shop
Description: Wastia is a theme run on Elementor Page Builder Plugin
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.2.2
*/

/* =Font
------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700;800&display=swap');

/*  =Général
------------------------*/
.sous-titre p{
    font-size: 15px;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Fira Sans', sans-serif!important;
}
body .cms-eptitle .cms--content {
    max-width: 1000px;
    padding: 120px 0;
}
body .cms-eptitle .cms--content h1{
    font-size: 48px;
}
body .cms-eptitle-2 .cms--content .cms-desc {
    max-width: 900px;
    font-size: 16px;
    font-weight: normal;
    padding-top: 45px;
}
body .cms-eptitle .cms-breadcrumb{
    display: none;
}
.box-shadow{
    -webkit-box-shadow: 0px 0px 35px 15px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 35px 15px rgba(0,0,0,0.19);
    padding: 15px;
    border-radius: 7px;
}

/*  =Header
------------------------*/
.site-header-phone a:hover,
.site-header-phone:hover a{
    color: #6bff21;
}
#cms-header .primary-menu {
    gap: 85px;
    margin-right: 35px !important;
}
#cms-header .primary-menu > li > a {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}
#cms-header .primary-menu > li > a:hover,
#cms-header .primary-menu > li.current-menu-item > a{
    color: #a8a8a8;
}
#cms-header .primary-menu > li > a:hover::before,
#cms-header .primary-menu > li.current-menu-item > a::before{
    background-color: #a8a8a8;;
}

/*  =Footer
------------------------*/
#section-ctaFooter .elementor-icon{
    width: 64px;
    height: 67px;
    background: url('images/icon-cta-contact.png') no-repeat center center / contain;
}
#section-ctaFooter .elementor-icon i::before{
    display: none;
}
#section-ctaFooter h3{
    font-size: 24px;
}
#section-ctaFooter p{
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    line-height: 1.3;
    font-weight: normal;
    max-width: 675px;
}
#section-ctaFooter .elementor-button.elementor-size-md {
    font-size: 18px;
}
#section-ctaFooter .elementor-button.elementor-size-md:hover{
    background-color: #17559d;
}
#section-footer h2{
   font-size: 18px; 
   font-weight: bold;
}
#section-footer .footer-description p{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
#section-footer .footer-links .cms-menu li a:hover{
    color: #fff;
}
#section-footer .footer-contact .cms-desc{
    color: #fff;
    font-size: 15px;
}
#section-footer .footer-contact a{
    color: #fff;
    margin-bottom: 8px;
}
#section-footer .footer-contact a span{
    color: #2e75b8;
    font-size: 22px;
}
#section-footer .footer-contact a.cms-email{
    font-size: 16px;
}
#section-footer .footer-contact a.cms-phone{
    font-size: 19px;
}

/*  =Accueil
------------------------*/
#section-top-solution h2{
    font-size: 30px;
}
#section-top-solution h2 b,
#section-top-solution h2 strong{
    color: #4bb118;
}
#section-top-solution .elementor-widget:not(:last-child) {
    margin-bottom: 25px;
}
#section-top-solution .sous-titre p{
    color: #d6f1ff;
    max-width: 1070px;
    margin: 0 auto;
}
#section-list-solution .cms-fancybox-3{
    -webkit-box-shadow: 5px 5px 55px 15px rgba(0,0,0,0.19); 
    box-shadow: 5px 5px 55px 15px rgba(0,0,0,0.19);
    min-height: 270px;
}
#section-list-solution .cms-fancybox-3 img{
    -webkit-box-shadow: 0px 0px 35px 15px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 35px 15px rgba(0,0,0,0.19);
}
#section-list-solution.elementor-section.elementor-section-boxed > .elementor-container{
    max-width: 1430px;
}
#section-list-solution h4{
    color: #000;
    font-size: 24px;
}
#section-list-solution h4 b,
#section-list-solution h4 strong{
    color: #17559d;
}
#section-list-solution p{
    color: #6e6e6e;
    font-size: 14px;
}
#section-optimisation .elementor-widget:not(:last-child) {
    margin-bottom: 25px;
}
#section-optimisation h2{
    font-size: 36px;
}
#section-optimisation h2 b,
#section-optimisation h2 strong{
    color: #2a7e00;
}
#section-optimisation .sous-titre p{
    color: #000;
    max-width: 1014px;
    margin: 0 auto;
}
#section-optimisation .optimisation-couts .elementor-accordion-item {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    border: 0px;
}
#section-optimisation .optimisation-couts .elementor-tab-title:not(.elementor-active){
    background: transparent;
}
#section-optimisation .optimisation-couts .elementor-tab-title:not(.elementor-active) a{
    color: #000!important;
}
#section-optimisation .optimisation-couts .elementor-tab-title:not(.elementor-active):hover{
    background: #2A7E00;
}
#section-optimisation .optimisation-couts .elementor-tab-title:not(.elementor-active):hover a{
    color: #fff!important;
}
#section-optimisation .optimisation-couts .elementor-accordion-item .elementor-tab-content{
    border: 1px solid #2A7E00;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
#section-optimisation .optimisation-couts .elementor-accordion-item:nth-of-type(1) .fa-clock{
    background: url('images/icon-optimisation.png') no-repeat center center / contain;
    width: 25px;
    height: 26px;
    margin-left: -9px;
    margin-top: -3px;
}
#section-optimisation .optimisation-couts .elementor-accordion-item:nth-of-type(2) .fa-clock{
    background: url('images/icon-amelioration-ramassage-2.png') no-repeat center center / contain;
    width: 30px;
    height: 30px;
    margin-left: -9px;
    margin-top: -3px;
}
#section-optimisation .optimisation-couts .elementor-accordion-item:nth-of-type(3) .fa-clock{
    background: url('images/icon-reduire-impacts-environnement-2.png') no-repeat center center / contain;
    width: 25px;
    height: 25px;
    margin-left: -9px;
    margin-top: -3px;
}
#section-optimisation .optimisation-couts .elementor-accordion-item:nth-of-type(4) .fa-clock{
    background: url('images/icon-recueillir-des-donnees-2.png') no-repeat center center / contain;
    width: 30px;
    height: 30px;
    margin-left: -9px;
    margin-top: -3px;
}
#section-optimisation .optimisation-couts .fa-clock:before,
#section-optimisation .optimisation-couts .fa-clock:after{
    display: none;
}
#section-optimisation .optimisation-couts a{
    font-size: 20px;
    margin-left: 10px;
}
#section-optimisation .optimisation-couts p{
    font-size: 14px;
    line-height: 1.8;
}
#section-optimisation h3{
    font-size: 20px;
}
.amelioration-ramassages .elementor-icon-box-icon{
    background: url('images/icon-amelioration-ramassage.png') no-repeat center center / contain;
    width: 50px;
    height: 50px;
}
.reduire-impacts .elementor-icon-box-icon{
    background: url('images/icon-reduire-impacts-environnement.png') no-repeat center center / contain;
    width: 50px;
    height: 50px;
}
.reccueil-donnees .elementor-icon-box-icon{
    background: url('images/icon-recueillir-des-donnees.png') no-repeat center center / contain;
    width: 50px;
    height: 50px;
}
.reccueil-donnees .elementor-icon-box-icon i,
.reduire-impacts .elementor-icon-box-icon i,
.amelioration-ramassages .elementor-icon-box-icon i{
    display: none;
}
.amelioration-ramassages .elementor-icon-box-icon 
#section-deploiement h2{
    font-size: 36px;
}
#section-deploiement .elementor-widget:not(:last-child) {
    margin-bottom: 25px;
}
#section-deploiement h2 b,
#section-deploiement h2 strong{
    color: #17559d;
}
#section-deploiement .sous-titre p{
    color: #000;
}
#section-deploiement .deploiement-box .elementor-widget-container{
    -webkit-box-shadow: 0px 0px 55px 15px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 55px 15px rgba(0,0,0,0.19);
    border-radius: 7px;
    padding: 20px;
}
#section-deploiement .deploiement-box.grey .elementor-image-box-img{
    border-radius: 10px;
    overflow: hidden;
    background: #767676;
}
#section-deploiement .deploiement-box.grey h3{
    color: #262626;
}
#section-deploiement .deploiement-box.blue .elementor-image-box-img{
    border-radius: 10px;
    overflow: hidden;
    background: #17559d;
}
#section-deploiement .deploiement-box.blue h3{
    color: #17559d!important;
}
#section-deploiement .deploiement-box.green .elementor-image-box-img{
    border-radius: 10px;
    overflow: hidden;
    background: #2a7e00;
}
#section-deploiement .deploiement-box.green h3{
    color: #2a7e00!important;
}
#section-deploiement .deploiement-box .elementor-image-box-description{
    color: #000;
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    line-height: 1.2;
    font-weight: 600;
}

/* =Solution
-------------------------*/
#section-aQui h2,
#section-fonctionnement h2,
#section-solutions h2{
    font-size: 36px;
}
#section-solutions h2 b,
#section-solutions h2 strong,
#section-aQui h2 b,
#section-aQui h2 strong{
    color: #17559d;
}
#section-aQui .cms-hiw-2 .cms-hiw-icon{
    border-radius: 8px;
}
#section-solutions .sous-titre p{
    color: #000;
    max-width: 1014px;
    margin: 0 auto;
}
#section-solutions .box-shadow{
    min-height: 400px;
}
#section-solutions h4{
    color: #17559d;
}
#section-caractCapteur p,
#section-solutions p{
    color: #333;
}
#section-fonctionnement .elementor-widget:not(:last-child) {
    margin-bottom: 25px;
}
#section-fonctionnement .elementor-widget-cms_heading .cms-desc{
    opacity: 0.75;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.5;
}
.section-pourquoiNous .cms-fancybox .cms-icon{
    float: left;
    min-height: 100px;
    margin-right: 15px;
}
.section-pourquoiNous .cms-fancybox h4{
    width: calc(100% - 85px);
    clear: none;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
}
.section-pourquoiNous .cms-fancybox .cms-desc{
    width: calc(100% - 85px);
    clear: none;
    float: left;
    font-size: 14px;
    padding: 8px 0 0;
}
#section-aQui h4{
    color: #000;
}
#section-aQui .cms-hiw-2 .btn{
    display: none!important;
}
#section-aQui .cms-hiw-2 .cms-hiw-content {
    margin-top: 0;
    transform: initial;
}

/* =Capteur
-------------------------*/
#section-caractCapteur h2{
    font-size: 36px;
}
#section-caractCapteur h2 b,
#section-caractCapteur h2 strong{
    color: #17559d;
}
#section-caractCapteur .sous-titre p{
    color: #000;
    max-width: 1014px;
    margin: 0 auto;
}
#section-caractCapteur .box-shadow{
    min-height: 375px;
}
#section-caractCapteur h4{
    color: #17559d;
}

/* =Contact
------------------------*/
.margin-neg{
    margin: 0 -30px !important;
    width: calc(100% + 50px) !important;
}
.tel-contact,
.mail-contact{
    min-height: 165px;
}
.tel-contact .elementor-icon-box-icon,
.mail-contact .elementor-icon-box-icon{
    margin-bottom: 0 !important;
}
.tel-contact a{
    color: #000;
    font-size: 24px;
    font-weight: bold;
}
.mail-contact a{
    color: #000;
}
.tel-contact a:hover,
.mail-contact a:hover{
    color: #17559d;
}
#section-formContact{
    background: #fff;
    -webkit-box-shadow: 0px 0px 55px 15px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 55px 15px rgba(0,0,0,0.19);
    border-radius: 7px;
    padding: 35px 50px;
    margin-top: -100px;    
    margin-bottom: 75px;
}
#section-formContact .gform_required_legend{
    display: none;
}
#section-formContact .gform_wrapper.gravity-theme label,
#section-formContact .gform_wrapper.gravity-theme .gfield_label{
    color: #17559d;
}
#section-formContact input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not(.qty):not(.select2-search__field), 
#section-formContact select, 
#section-formContact .select2-container.select2-container--default .select2-selection {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}
#section-formContact .gform_wrapper.gravity-theme .gfield-choice-input{
    margin-right: 15px;
}
#section-formContact .gform_wrapper.gravity-theme .gfield-choice-input + label {
    max-width: calc(100% - 50px);
    line-height: 1;
}
#section-formContact .gform_wrapper.gravity-theme .gform_footer input{
    padding: 15px 45px;
    line-height: 1;
    height: inherit;
    min-height: auto;
    margin-top: 15px;
    font-size: 18px;
}


/*  =RESPONSIVE
------------------------*/
@media screen and (max-width: 1670px) {
    #cms-header .primary-menu {
        gap: 40px;
        margin-right: 0 !important;
    }
}
@media screen and (max-width: 1200px) {
    .site-navigation{
        overflow: hidden!important;
    }
    #section-optimisation .optimisation-couts .elementor-tab-title{
        display: flex;
        align-items: center;
    }
    #section-aQui .flex-col-tablet-extra-2 > * {
        flex: 0 0 25%;
        padding: 40px 25px;
    }
    #section-ctaFooter .elementor-col-50 {
        width: 100%;
    }
    #section-caractCapteur .box-shadow,
    #section-solutions .box-shadow {
        min-height: auto;
    }
    #section-formContact{
        padding: 0 20px;
    }
}
@media screen and (max-width: 990px) {
    
    #section-aQui .flex-col-tablet-extra-2 > * {
        flex: 0 0 33.33%;
        padding: 40px 25px;
    }
    #section-intro h2{
        font-size: 28px;
        line-height: 1.3;
    }
    body .cms-eptitle .cms--content h1 {
        font-size: 41px;
        line-height: 1.3;
    }
    #section-formContact{
        margin-top: 0;
    }
    .margin-neg{
        margin: 0!important;
        width: 100%!important;
    }
}
@media screen and (max-width: 500px) {
    body .cms-eptitle .cms--content h1 {
        font-size: 28px;
        line-height: 1.3;
    }
    body .cms-eptitle .cms--content {
        padding: 50px 0;
    }
    body .header-layout-1 > .container--full {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    body .site-branding img {
        max-width: 200px;
        margin-left: 10px;
    }
    #section-intro h2,
    #section-aQui h2, 
    #section-fonctionnement h2, 
    #section-solutions h2,
    #section-optimisation h2 {
        font-size: 24px;
    }
    #section-intro h2 br{
        display: none;
    }
    #section-optimisation .optimisation-couts a {
        font-size: 18px;
    }
    #section-list-solution .cms-fancybox-3 {
        min-height: auto;
        flex-wrap: wrap;
        padding: 25px;
        text-align: center;
        justify-content: center;
        margin-top: 25px;
    }
    #section-list-solution .cms-fancybox-3 > .ml-n10{
        margin-inline-start: 0;
        margin-top: -50px;
    }
    #section-list-solution .cms-fancybox-3 > .flex-basic{
        flex: 1 1 100%;  
    }
    #cms-footer .elementor-col-33{
        width: 100%!important;
    }
    #section-aQui .flex-col-tablet-extra-2 > * {
        flex: 0 0 50%;
        padding: 40px 25px;
    }
    #section-solutions .box-shadow{
        margin: 0 -15px;
        width: calc(100% + 30px);
    }
    .margin-neg{
        margin: 0 -15px !important;
        width: calc(100% + 30px) !important;
    }
}