/*
 Theme Name:   Le Juste Tri
 Theme URI:    http://qwery.ancorathemes.com
 Description:  Qwery Child Theme
 Author:       AncoraThemes
 Author URI:   http://ancorathemes.com
 Template:     qwery
 Version:      1.3
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  qwery
*/


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

/* Mise en page */
h2{
    color: #86312e;
    font-weight: 900!important;
    text-transform: uppercase;
}
h3{
   color: #86312e;
    font-weight: 700;
    font-size: 2em;
}
.sc_title .sc_item_subtitle{
    color: #86312e;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Playpen Sans", sans-serif;
}
.sc_button,.elementor-button{
    background-color: #30ad66!important;
    text-transform: uppercase!important;
    font-weight: 700!important;
     background: linear-gradient(to left, #30ad66 50%, #b6c931 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    transition: all 1s ease;
    border-radius: 25px;
}
.sc_button:hover,.elementor-button:hover{
    background-color: #b6c931!important;
    background-position: left bottom;
}

.contact-btn a,.contact-btn a:hover{
    background-color: transparent!important;
    border: none!important;
    background-image: none;
    color: #86312e!important;
}
.elementor-button .elementor-button-text{
    line-height: 20px;
}

.btn-vert a{
    background: linear-gradient(to left, #b6c931 50%, #30ad66 50%);
    background-color: #b6c931!important;
    font-style: italic;
    background-size: 200% 100%;
    background-position:right bottom;
    font-size: 1.3em;
    pointer-events: none;
}
.btn-vert a:hover{
    background-color: #30ad66!important;
}

.tri-ancres .sc_button{
    padding: 10px!important;
    font-size: 15px!important;
    color: #30ad66!important;
    background-color: #fff!important;
    background: linear-gradient(to left,#fff  50%, #30ad66  50%);
    background-size: 200% 100%;
    background-position:right bottom;
}
.tri-ancres .sc_button:hover{
    background-color: #30ad66!important;
    color: #fff!important;
    background-position: left bottom;
}



/* Menu Principal */

#menu_main li a{
    color: #30ad66;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-btn a{
    color: #86312e;
    font-weight: 700;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    font-size: 1em;
}
.contact-btn a:hover{
    color: #30ad66;
}
#menu_main .sub-menu{
    background-color: #fff;
    box-shadow: none;
    
}

#menu_main .sub-menu li a{
    color: #30ad66!important;
}
#menu_main .sub-menu li a:hover{
    color:  #86312e!important;
}

/* HP */
.hp-title h1{
    color: #86312e;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5%;
}
.hp-title p{
    text-transform: uppercase;
}

.hp-pictos .sc_icons_item{
    padding: 15%;
    border: 3px solid #fff;
    border-radius: 25px;
    min-height: 450px;
}
.hp-pictos h4{
    color: #e94e1b!important;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 125px;
}
.hp-pictos h4 a{
    color: #e94e1b!important;
}
.hp-zt .sc_services_item {
    min-height: 500px;
    text-align: left;
}
.hp-zt .sc_services_item_content_inner_bottom {
    display: none;
}
.hp-zt .sc_services_item_title {
    font-weight: 700;
    text-transform: uppercase;
}
.hp-zt .sc_services_item_content_inner {
    align-items: flex-start;
    justify-content: flex-end;
}
.hp-zt .sc_services_minimal .sc_services_item.with_image .sc_services_item_featured_image::before{
    background-color: #e94e1b;
    opacity: 0;
}
.hp-zt .sc_services_minimal .sc_services_item.with_image:hover  .sc_services_item_featured_image::before{
    opacity: 0.8;
}
.hp-zt .sc_services_item_text{
    min-height: 50px;
}

#hp-content{
    background-image: url(/wp-content/themes/tri/img/bg-deco1.png);
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: 0% 65%;
}

.chiffres-slider h3{
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 15%;
    padding-right: 15%;
    color: #30ad66;
}
.chiffres-slider p{
    font-size: 6em;
    color: #30ad66;
    line-height: 1em;
    margin-bottom: 2%;
}
.chiffres-slider .swiper-pagination{
    margin-top: 5%;
}
.chiffres-slider .swiper-pagination-bullet-active{
    background-color: #30ad66;
}
.chiffre-hp{
    font-size: 2em;
}
.chiffre-hp .elementor-counter-number-suffix{
    font-size: 0.4em;
}
.hp-blog h2{
    color: #30ad66;
}
.hp-blog h4 a{
    font-weight: 700;
    color: #86312e;
    min-height: 75px;
}
.hp-blog .post_categories a{
    color: #000!important;
    font-weight: 700;
    text-transform: uppercase;
}
.hp-blog .post_header::before{
    background-color: #000!important;
}
.hp-blog .post_featured{
    border-radius: 25px;
}

/* La Collecte */

.slider-txt h1{
    color: #86312e!important;
    font-size: 3em;
    font-weight: 700;
    text-transform: uppercase;
}
.slider-txt p{
    color: #86312e!important;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.1em;
}

.txt-orange p{
    text-align: center;
    color: #e94e1b;
    font-weight: 700;
    font-size: 1.5em;
    padding-top: 5%;
    text-transform: uppercase;
    min-height: 135px;
}
.txt-orange2 p{
    text-align: center;
    color: #e94e1b;
    font-weight: 700;
    font-size: 1.5em;
    padding-top: 5%;
    text-transform: uppercase;
}
.collecte-bacs span{
    font-weight: 700;
    color: #e94e1b;
}
.collecte-bacs span.elementor-button-text{
    color: #fff;
}
.collecte-bacs strong{
    text-transform: uppercase;
}
.big-white em{
    font-weight: 700;
    text-decoration: underline;
    color: #fff;
    font-size: 2.5em;
}
.collecte-date p{
    text-align: center;
    color: #86312e;
    font-weight: 700;
    font-size: 3.5em;
    padding-bottom: 5%;
    
}

.collecte-secteur p{
    text-align: center;
    color: #86312e;
    font-weight: 700;
    font-size: 1.8em;
    text-transform: uppercase;
}
.coll-tabs .e-n-tab-title-text{
    text-transform: uppercase;
    font-weight: 700;
    color: #4a4a49;
}
.coll-tabs .e-n-tab-title[aria-selected="true"]{
    background-color: transparent!important;
    border-top: 1px solid #30ad66;
}
.coll-communes .e-n-tab-title-text{
    text-transform: none;
    font-weight: 400;
}
.coll-communes .e-n-tab-title{
    background-color: transparent!important;
    position: relative;
    padding-left: 0;
    justify-content: flex-start;
    padding: 5px 0px;
}
.coll-communes .e-n-tab-title[aria-selected="true"]{
    border: none;
}
.coll-communes .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text::after{
     content: "";
    background-color: #30ad66;
    height: 1px;
    width: 80px;
    position: absolute;
    bottom: 5px;
    left: 0;
}

/* Compostage */

.compost-bac strong{
    text-transform: uppercase;
}
.compost-bac p a,.compost-bene p a{
    color: #4a4a49;
    text-decoration: underline;
}

.compost-content .e-n-accordion{
    border-top: 1px solid #30ad66;
     border-bottom: 1px solid #30ad66;
}
.compost-content .e-n-accordion-item-title{
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #30ad66!important;
    font-size: 1.5em!important;
    padding: 0;
    padding-bottom: 3%;
    padding-top: 3%;
}
.compost-content .e-n-accordion-item-title-text{
    font-size: 1em!important;
    line-height: 1.1em;
}
.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span > svg,.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span > svg{
    fill: #30ad66!important;
}
.compost-content .e-n-accordion-item .e-con{
    border: none;
    padding: 0;
    padding-top: 3%;
    padding-bottom: 3%;
}
.compost-content .e-n-accordion-item p span{
    color: #30ad66;
    font-weight: 700;
}
.compost-content .fleche{
    stroke: #30ad66!important;
    stroke-width: 3px;
}
.compost-content h4{
    font-size: 1.3em;
}

/* Les dechetteries */
.dechet-horaires .e-n-accordion,.dechet-savoir .e-n-accordion{
    border-top: 1px solid #30ad66;
     border-bottom: 1px solid #30ad66;
}
.dechet-horaires .e-n-accordion-item-title,.dechet-savoir .e-n-accordion-item-title{
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #30ad66!important;
    font-size: 1.5em!important;
    padding: 0;
    padding-bottom: 3%;
    padding-top: 3%;
}
.dechet-horaires .e-n-accordion-item-title-text,.dechet-savoir .e-n-accordion-item-title-text{
    font-size: 1em!important;
    line-height: 1.1em;
}
.dechet-horaires .e-n-accordion-item .e-con,.dechet-savoir .e-n-accordion-item .e-con{
    border: none;
    padding: 0;
    padding-top: 3%;
    padding-bottom: 3%;
}
.dechet-horaires .e-n-accordion-item-title svg,.dechet-savoir .e-n-accordion-item-title svg{
    fill: #30ad66!important;
}
.dechet-horaires .slide_title{
    font-size: 3em!important;
    text-transform: uppercase;
    color: #afcb08;
}
.dechet-horaires .slide_cats{
    font-size: 1.5em!important;
    text-transform: uppercase;
    color: #2fac66;
    padding-bottom: 3%;
}
.dechet-horaires .slide_content table{
    width: 100%;
}
.dechet-horaires .swiper-pagination-bullet-active{
    background-color: #afca08!important;
    border-color: #afca08!important;
}
.dechet-horaires table{
    border-spacing: 5px;
    border-collapse: separate;
}
.dechet-horaires th{
    background-color: #fff;
    color: #e94e1a;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px;
}
.dechet-horaires .ferme{
    background-color: #e94e1a!important;
    text-transform: uppercase;
    font-weight: 700;
}
.dechet-horaires td{
    color: #fff;
    background-color: #afcb08!important;
    padding: 8px;
}
.dechet-savoir h4{
    font-weight: 700;
    text-transform: uppercase
}
.dechet-savoir h4 span{
    color: #e94e1b;
    text-transform: none;
    font-size: 0.7em;
}

.owce-carousel-container{
    padding: 0 3%;
}
.dechet-caroussel .owl-item{
    margin-right: 0!important;
}
.dechet-caroussel .item{
    background-color: #fff!important;
    border-left: 3px solid #d5d0cf!important;
    display: inline-block!important;
    width: 100%;
    border-radius: 0;
    
}
.dechet-caroussel .item .owl-thumb{
    float: left!important;
}
.dechet-caroussel .owl-content{
    font-style: normal!important;
    font-weight: 700!important;
    float: right!important;
    text-align: left;
    width: 65%;
    line-height: 2em;
}
.dechet-caroussel .owl-nav i{
    color: transparent;
}
.dechet-caroussel .item img{
    width: 70%;
}
.owce-carousel .owl-stage-outer{
    padding-top: 0;
    height: 90px!important;
}
.owl-theme .owl-nav{
    margin-top: 0;
}
.owce-carousel-basic .owl-nav .owl-prev, .owce-carousel-basic .owl-nav .owl-next{
    top: 25%;
}
.eicon-chevron-left {
  background-image: url(/wp-content/themes/tri/img/fleche-gauche-carou.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.eicon-chevron-right {
  background-image: url(/wp-content/themes/tri/img/fleche-droite-carou.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.pneus-dechets strong span{
    text-transform: uppercase;
}
.table-dechets,.table-dechets td,.table-dechets th{
    border: 1px solid #a1a99f;
    color: #000;
}
.table-dechets th{
    text-align: left;
    text-transform: uppercase;
    color: #000;
    background-color: #c8c8c8;
}
.table-vert{
    background-color: #b5dfaf!important;
    text-align: left;
}

.compteur-dechets .elementor-counter-number{
    color: #e94e1c;
    font-weight: 700;
}
.list-legende ul{
    list-style: none;
}
.list-legende ul li:first-child{
    list-style-image: url(/wp-content/themes/tri/img/list/vert.png);
}
.list-legende ul li:nth-child(2){
    list-style-image: url(/wp-content/themes/tri/img/list/marron.png);
}
.list-legende ul li:nth-child(3){
    list-style-image: url(/wp-content/themes/tri/img/list/vert2.png);
}
.list-legende ul li:nth-child(4){
    list-style-image: url(/wp-content/themes/tri/img/list/orange.png);
}
.list-legende ul li:nth-child(5){
    list-style-image: url(/wp-content/themes/tri/img/list/bleu.png);
}
.list-legende ul li:nth-child(6){
    list-style-image: url(/wp-content/themes/tri/img/list/rouge2.png);
}
.list-legende ul li strong{
    display: inline-block;
    width: 70px;
}
.textile-list strong{
    text-transform: uppercase;
}
.qwery-infinite-rotate{
    animation-duration: 5s!important;
}
/* Le financement */
.list-red ul,.list-green ul{
    list-style: none;
}
.list-red li{
    background-image: url(/wp-content/themes/tri/img/puce-orange.png);
    background-repeat: no-repeat;
    padding-left: 45px;
    background-size: 25px;
}
.financement-chiffres .elementor-counter-number-wrapper{
    color: #e94e1c;
    font-weight: 700;
}
.financement-chiffres .elementor-counter-title{
    text-transform: uppercase;
    font-weight: 700;
    color: #e94e1c;
    text-align: center;
    min-height: 50px;
}
.chiffres-small{
    font-size: 0.8em;
    text-align: center;
}
.chiffres-big{
    font-size: 1.3em;
    text-align: center;
}
.list-green li{
    background-image: url(/wp-content/themes/tri/img/puce-verte.png);
    background-repeat: no-repeat;
    padding-left: 45px;
    background-size: 25px;
}
.bold-vert strong{
    color: #30ad66;
}
#financement p span{
    text-transform: uppercase;
}
/* Sensibilisation */

.list-num ol{
    list-style: none;
}
.list-num li{
    background-repeat: no-repeat;
    padding-left: 45px;
    background-size: 25px;
}
.list-num li:first-child{
    background-image: url(/wp-content/themes/tri/img/chiffre1-vert.png);
}
.list-num li:nth-child(2){
    background-image: url(/wp-content/themes/tri/img/chiffre2-vert.png);
}
.list-num li:nth-child(3){
    background-image: url(/wp-content/themes/tri/img/chiffre3-vert.png);
}
.list-num li:nth-child(4){
    background-image: url(/wp-content/themes/tri/img/chiffre4-vert.png);
}
.list-num li:nth-child(5){
    background-image: url(/wp-content/themes/tri/img/chiffre5-vert.png);
}
.list-num li:nth-child(6){
    background-image: url(/wp-content/themes/tri/img/chiffre6-vert.png);
}
.sensi-publics b{
    text-transform: uppercase;
}
.sensi-publics a{
    color: #4a4a49;
    text-decoration: underline;
}
.sensi-slide .slide_content p{
    font-family: "Playpen Sans", cursive;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1em;
}
.sensi-slide .slider_prev{
    display: none!important;
    
}
.sensi-slide .slider_next{
    background-color: transparent!important;
}
.sensi-slide .slider_next::before{
    font-size: 30px!important;
}

/* Actualites */

.actu-content h2{
    color: #30ad66;
}
.actu-content h4 a{
    font-weight: 700;
    color: #86312e;
    min-height: 75px;
}
.actu-content .post_categories a{
    color: #000!important;
    font-weight: 700;
    text-transform: uppercase;
}
.actu-content .post_header::before{
    background-color: #000!important;
}
.actu-content .post_featured{
    border-radius: 25px;
}

/* Article Blog */
.post-template-default .post_categories a{
    pointer-events: none;
    background-color: #30ad66!important;
}
.post-template-default h1{
    color: #86312e!important;
    font-weight: 700;
}
.post-template-default .page_content_wrap{
    background-color: #fff;
}

/* Mentions légales */

.ml-content h1{
    color: #86312e;
    font-weight: 700;
    text-transform: uppercase;
}
.ml-content h2{
    color: #30ad66;
    font-size: 1.3em;
    
}
/* Contact */
#contact-form p a{
    color: #000;
    text-decoration: none;
}
#contact-form h2{
    text-transform: none;
}
#contact-form .sc_item_subtitle{
    color: #000;
}
#contact-form .submit-style-in{
    background-color: #30ad66;
}
.wpcf7 .wpcf7-submit-style:hover .wpcf7-submit + .submit-style-in{
    background-color: #86312e!important;
}


#contact-form input::placeholder{
    color: #868686;
}
#contact-form .line{
    background-color: #868686!important;
}
#contact-form .line::before{
    background-color: #30ad66!important;
}
/* Footer */

.footer-coor p a{
    color: #fff!important;
}
.footer-rs h5{
    color: #fff!important;
    font-weight: 700!important;
}
.footer-rs .social_icon{
    background-color: transparent!important;
    border: 1px solid #fff!important;
    color: #fff!important;
}
.footer-rs .social_icon span:hover{
    color: #30ad66!important;
}
.copyright a{
    color: #fff!important;
    margin-left: 3%!important;
}

/* Menu Mobile */
.menu_mobile_overlay,.menu_mobile,.menu_mobile .menu_mobile_inner{
    background-color: #fff!important;
}
.menu_mobile .menu-item a{
    text-transform: uppercase;
    font-weight: 700!important;
    color: #30ad66!important;
}
.menu_mobile .menu_mobile_inner .current-menu-item > a{
    color: #30ad66!important;
}
.menu_mobile .socials_mobile{
    display: none;
}
.menu_mobile .menu_button_close_icon{
    color: #000!important;
}
.menutri-mobile li a{
    text-transform: uppercase;
    font-weight: 700!important;
    color: #30ad66!important;
}


/* Responsive */

@media (max-width: 768px){
    .elementor-spacer-inner{
        max-height: 30px;
    }
    .sc_item_title:not(.sc_typed) br{
        display: block;
    }
    .menu_mobile .sc_layouts_logo img{
        max-height: 100px!important;
    }
    .hp-title p,.slider-txt p{
        font-size: 2em;
    }
    h1{
        font-size: 26px!important;
    }
    .hp-pictos .sc_icons_item{
        padding: 5%;
        min-height: 0;
    }
    .hp-pictos h4{
        min-height: 0;
    }
    .txt-orange p{
        min-height: 0;
    }
    .coll-saison{
        margin-top: 3%;
    }
    #coll-dechets{
        background-image: none!important;
    }
    .slide_content table,.slide_content thead,.slide_content tbody,.slide_content th, .slide_content td, .slide_content tr{
        display: block;
    }
    .slide_content  thead tr {
    display: none;
  }
  
  .slide_content td {
    display: block;
    position: relative;
    padding-left: 50%;
  }
  
  .slide_content td:before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 50%;
    padding-left: 10px;
    font-weight: bold;
  }
    .owce-carousel-container{
        padding: 0 10%;
    }
    .dechet-savoir table{
        overflow: auto;
    }
    #sensi-gestes{
        background-image: none;
    }
}

@media (min-width: 769px) and (max-width: 1080px){
    .hp-title,.slider-txt{
        margin-top: 5%!important;
    }
    .hp-pictos .sc_icons_item{
        padding: 5%;
        min-height: 0;
    }
    .txt-orange p{
        min-height: 0px;
    }
    .financement-chiffres .elementor-counter-number-wrapper{
        font-size: 3em!important;
    }
    .elementor-spacer-inner{
        max-height: 80px;
    }
}