/*
Theme Name: INVD
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');

h1,h2,h3,p,a,strong{
    font-family: "Poppins", sans-serif!important;
}

h1,h2{
    font-weight: 700!important;
    text-transform: none!important;
}
h1{
    font-size: 4em!important;
}
h2{
    font-size: 3em!important;
}
a:hover{
    color: inherit!important;
}

.full_width .container{
    padding: 0!important;
    max-width: none!important;
}
.full_width .content{
    padding: 0!important;
    
}
.image-overlay{
    display: none!important;
}
.avia-button{
    background-color: transparent!important;
    border: 1px solid #3c9278!important;
    color: #3c9278!important;
    border-radius: 25px!important;
    padding: 10px 50px!important;
}
.btn_white a{
    color: #fff!important;
    border-color: #fff!important;
}
.content{
    padding-top: 100px;
    padding-bottom: 100px;
}

/* Menu */
.logo{
    z-index: 600!important;
}

.btn-menu{
    position: fixed;
    right: 5%;
    top: 2%;
    z-index: 600;
}
.btn-menu a{
    font-weight: 700;
    color: #3c9278;
    border: 1px solid #3c9278;
    background-color: #fff;
    border: 1p solid #3c9278;
    padding: 10px 50px;
    border-radius: 25px;
    background-image: url(/wp-content/themes/invd/img/arrow_verte.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 8%;
}
.btn-menu a:hover{
    color: #3c9278!important;
    text-decoration: none;
}
.main_menu{
    left: -5%;
}
.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after{
    background-color: #000;
}
.av-hamburger{
    background-color: #f1c438;
    border-radius: 50px;
    width: 100%;
}
.av-hamburger-box{
    left: 10px;
    width: 28px;
}
.av-burger-menu-main{
    margin: 45%;
}
.av-burger-menu-main a{
    height: 50px!important;
    line-height: 50px!important;
    width: 50px;
    padding: 0!important;
}
.html_av-overlay-side .av-burger-overlay-scroll{
    left: 0;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
}
.av-burger-overlay-scroll{
    background-color: #f6d733!important;
}
#av-burger-menu-ul{

    padding-left: 25%!important;
    padding-right: 25%!important;
}
#av-burger-menu-ul a{
    font-weight: 700;
    color: #3c9278!important;
    font-size: 1.5em;
    border-color: #fff;
    text-align: center!important;
}

/* HP */

#hp-title p{
    color: #f1c438;
    font-size: 1.5em;
    line-height: 1.3em;
}
#hp-title .flex_column:first-child{
    padding-right: 15%;
    padding-left: 5%;
    padding-top: 5%;
}
#hp-actus .slide-meta-comments,#hp-actus .slide-meta-del{
    display: none;
}
#hp-actus .slide-image{
    background-color: transparent;
}
#hp-actus h3{
    color: #000;
}
#hp-actus time{
    color: #000;
}
#hp-actus header{
    min-height: 55px;
}
#hp-actus .slide-image img{
    border-radius: 30px;
}
#hp-flotte p{
    font-weight: 300;
}
#hp-flotte .slide-image{
    background-color: transparent;
}
#hp-flotte .flex_column{
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
}
#hp-flotte h2{
    padding-top: 50px;
}
.section-flotte .avia-slideshow{
    width: 40%;
    margin: 0 auto;
}
.section-flotte .avia_textblock{
    width: 70%;
    margin: 0 auto;
}
#hp-flotte .avia-slideshow-arrows{
    display: none;
}
#hp-flotte .avia-content-slider{
    margin-top: 8%;
}
#hp-flotte h3{
    min-height: 75px;
    padding-top: 3%;
}
#hp-flotte h3 a,#hp-flotte h3 a:hover{
    color: #1a1b1c!important;
}
#hp-flotte time{
    color: #1a1b1c;
    font-family: "Poppins", sans-serif;
}
#hp-flotte a.more-link{
    color: #1a1b1c;
}
#hp-flotte a.more-link:hover{
    text-decoration: none;
}
#hp-flotte .slide-image img{
    border-radius: 30px;
}
#hp-flotte .avia-button-wrap{
    position: absolute;
    bottom: 3%;
    width: 100%;
}


#invd-projets time{
    display: none;
}
#invd-projets article{
    margin-left: 0;
    width: 25%;
}
#invd-projets .slide-image,#invd-projets .slide-image img{
    border-radius: 0px;
}
#hp-partenaire h2{
    color: #fff;
    padding-bottom: 5%;
}
#hp-partenaire .sp-lc-logo{
    border: none!important;
}

#hp-flotte{
    background-position: 50% 15%;
    background-size: 100%;
}

#invd-projets h2{
    padding-left: 3%;
    padding-top: 5%;
    padding-bottom: 5%;
}
#invd-projets .slide-content {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 10%;
  top: 0;
}
#invd-projets h3{
    color: #fff;
    font-weight: 700;
    font-size: 2em; 
}
#invd-projets .slide-image{
    margin-bottom: 0;
}
#invd-projets .read-more-link{
    position: absolute;
    bottom: 10%;
}
#invd-projets .read-more-link a{
    color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    padding: 5px 20px;
}
#hp-chiffres .avia-image-container img{
    border-radius: 25px;
    margin-top: 3%;
}
#hp-chiffres .zt-chiffres{
    border-radius: 25px;
    border: 1px solid #cbcbcb;
    padding: 8%;
    margin-bottom: 10%;
}
#hp-chiffres strong{
    font-size: 4em;
}
#hp-chiffres .flex_column.avia-builder-el-last{
    margin-top: 5%;
}
#hp-roulons h2,#hp-roulons p,#hp-roulons strong{
    color: #fff;
}
#hp-roulons h2{
    padding-bottom: 5%;
}
#hp-roulons strong{
    font-size: 5em;
}
#hp-roulons p{
    font-size: 2em;
    line-height: 1.5em;
}
#hp-roulons .avia-no-number{
    opacity: 1;
    font-size: 1em;
}

/* flotte */
#flotte-intro{
    padding-top: 15%;
    padding-right: 3%;
    background-size: 30%;
}
#flotte-intro h1{
    padding-bottom: 8%;
    padding-left: 5%;
}
#flotte-content{
    background-position: 50% 35%!important;
}
#flotte-content h3{
    color: #fff;
    font-weight: 700;
}
.flotte-content_2 .content{
    padding-top: 0!important;
}
#flotte-content .av-special-heading{
    margin-top: 0;
}
#flotte-zt .flex_column_table_cell{
    display: inline-block;
}
#flotte-zt  .flex_column{
    min-height: 600px;
}
#flotte-zt h3{
    color: #fff;
    font-weight: 700;
}
#flotte-zt .av-special-heading{
    position: absolute;
    bottom: 5%;
    left: 5%;
}

/* INVD */
#invd-intro{
    background-size: 30%;
}

#invd-intro .content{
    display: block;
}
#invd-intro .av-subheading p{
    font-size: 3em;
    font-weight: 700;
    color: #f1c438;
    line-height: 1.1em;
}
#invd-intro .avia_textblock p{
    font-weight: 700;
}
#invd-qui p a{
    text-decoration: underline;
}
#invd-equipe{
    background-size: 20%;
}
#invd-equipe p span{
    font-size: 0.7em;
}
.intro-vert p{
    font-weight: 700;
    color: #3c9278;
}
#invd-equipe h3{
    font-weight: 400;
    color: #000;
    text-align: center;
    font-size: 1em;
}
#invd-equipe .avia-team-member img{
    border-radius: 55%;
}
.actions-col{
    margin-top: 15%!important;
}
#invd-actions{
    background-size: 30%;
}
#invd-actions .content,#invd-occitanie .content{
    border-bottom: 1px solid #3c9278!important;
}
#invd-occitanie{
    background-size: 25%;
}
.copyright p{
    font-size: 0.6em; 
}
/* Histoire */
.date h3{
    color: #f1c438;
    font-size: 5em;
}
#hist-2018{
    background-image: url(/wp-content/themes/invd/img/puce-histoire.png),url(/wp-content/themes/invd/img/histoire-deco.jpg),url(/wp-content/themes/invd/img/histoire_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 90%,98% 14%,0% 99%;
    padding-bottom: 10%;
    background-size: 5%, 22%, 32%;
}
#hist-2019{
    padding-bottom: 10%;
    background-position: 50% 140%;
}
#hist-2020{
    padding-bottom: 10%;
    background-position: 50% 80%;
}
#hist-rul{
    background-position: 50% 100%;
}
#hist-wello{
    background-position: 50% 60%;
}
#hist-roul{
    background-position: 50% 84%;
}
.puce-hist{
    background-image: url(/wp-content/themes/invd/img/puce-histoire.png);
    background-repeat: no-repeat;
    background-position: 50% 130%;
    background-size: 5%;
}
#adhesion-hist h2,#adhesion-hist p,#adhesion-hist strong{
    color: #fff;
}
#adhesion-hist a{
    font-weight: 700;
    min-width: 225px;
}
.btn-adherer a{
    background-color: #fff!important;
    border-color: #fff!important;
    margin-bottom: 5%!important;
}
.btn-bulletin a{
    background-color: #f1c438!important;
    border-color: #f1c438!important;
    background-image: url(/wp-content/themes/invd/img/pdf-icon.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 12%;
}

/* Notre journal */
#journal-content{
    background-size: 25%;
}

.journal-pdf{
    display: inline-block;
    width: 65%;
}
.journal-pdf div{
    float: left;
    width: 30%;
}
.journal-pdf div:first-child{
    width: 70%;
}
.journal-pdf a{
    font-size: 0.8em;
    background-image: url(/wp-content/themes/invd/img/pdf-icon.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    line-height: 3.3em;
    padding: 10px 50px;
    background-size: 20%;
}
#journal-content .av_textblock_section{
    padding-top: 15%;
}
/* Nos projets */
#projets-title{
    padding-bottom: 10%;
    background-size: 25%;
}

/* Page Projet */
#projet_content{
    padding-top: 12%;
    padding-right: 5%;
    padding-bottom: 25%;
    background-size: 25%;
}
#projet_content .av-subheading p{
    font-size: 2em;
    font-weight: 700;
    color: #f1c438;
}
#projet_content .av-special-heading{
    padding-left: 5%;
}
#projet_content .avia-button{
    color: #000!important;
    border-color: #000!important;
}
.projet-template-default #main{
    padding-top: 0!important;
}
.projet-template-default #header_main{
    border: none;
}
.projet-content{
    padding-bottom: 0;
}

/* Actualités */
#actu-title{
    background-size: 25%;
}
#actus-content h3,#actus-content .av-masonry-date{
    color: #000;
}
#actus-content figcaption{
    background-color: #fff;
    padding-left: 0;

}
#actus-content .avia-arrow{
    display: none;
}

.post-template-default #main{
    padding-top: 0!important;
}
.post-template-default #header_main{
    border: none;
}
.post-template-default article{
    display: inline-block;
}
.big-preview,.post-template-default article .entry-content-wrapper{
    width: 50%;
    float: left;
}
.post-template-default .post-title{
    font-size: 1.5em!important;
    color: #000;
    text-align: left!important;
}
.post-template-default .entry-content-wrapper{
    text-align: left;
    padding-left: 5%;
}
.post-template-default .text-sep{
    display: none;
}
.post-template-default time{
    color: #000!important;

}
.post-template-default .post-meta-infos{
    text-align: left!important;
}
.post-template-default .av-social-sharing-box{
    width: 30%;
}
.post-template-default .avia-button-wrap{
    margin-bottom: 5%!important;
}

/* Contact */
#contact-content form{
    padding-top: 10%;
}
#contact-content{
    background-size: 30%;
}
#contact-content label{
    font-weight: 400;
}
#contact-content input,#contact-content textarea{
    border-radius: 25px!important;
    border: 1px solid #3c9278!important;
    background-color: transparent!important;
}
#contact-content input.button{
    background-image: url(/wp-content/themes/invd/img/fleche_icon.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    padding: 10px 50px;
    color: #3c9278;
}
#contact-content p:nth-child(8){
    width: 33.33%;
    float: right;
}
#contact-content p:nth-child(9){
    text-align: right;
}
/* Footer */

#footer-page{
    border: none;
}
#footer-content .flex_column:first-child{
    padding-left: 5%;
}
#footer-content hr{
    margin: 0;
    border-color: #000!important;
}
#footer-content p{
    margin: 0;
}
.footer-phone{
    background-image: url(/wp-content/uploads/2022/09/arrow_left.png);
    background-position: center right;
    background-repeat: no-repeat;
}
.footer-adh{
    background-image: url(/wp-content/themes/invd/img/footer-adherez.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 25%;
}
.footer-mail{
    background-image: url(/wp-content/themes/invd/img/footer-mail.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 25%;
}

.footer-fb div{
    display: inline-block;
    width: 140px;
    position: absolute;
    right: 0;
    bottom: 55px;
}
.footer-fb a{
    float: left;
    width: 50%;
}
#footer-content .av-special-heading{
    position: absolute;
    top: 70%;
    left: 5%;
}

#footer-content h3{
    position: absolute;
    font-weight: 700;

}
#footer_adherez,#footer_mail{
    border: 1px solid #dadada;
    border-top: none;
}
#footer_adherez h3{
    padding-top: 20%;
    background-image: url(/wp-content/themes/invd/img/footer-adherez.png);
    background-repeat: no-repeat;
    background-size: 75%;
    font-size: 1.5em;
}
#footer_mail h3{
    padding-top: 20%;
    background-image: url(/wp-content/themes/invd/img/footer-mail.png);
    background-repeat: no-repeat;
    background-size: 45%;
    font-size: 1.5em;
}
#socket .avia_textblock{
    border-top: 1px solid #dadada!important;
}
#socket li{
    display: inline-block;
    color: #9d9d9c;
    padding-right: 5%;
    font-size: 1em;
}
#socket a{
    font-weight: 400;
    color: #9d9d9c;
}
.footer-adh a,.footer-mail a{
    display: block;
}

/* responsive */

@media (max-width: 767px){
    #av-burger-menu-ul{
        padding-left: 5% !important;
        padding-right: 5%!important;
    }
    .html_av-overlay-side .av-burger-overlay-scroll{
        width: 100%
    }
    .main_menu{
        left: -22%!important;
        right: auto!important;
    }
    .av-logo-container{
        left: 10%;
    }
    .btn-menu{
        position: absolute;
        top: 4%;
    }
    .btn-menu a{
        padding: 10px 25px;
    }
    #hp-title .avia_codeblock{
        display: none;
    }
    h1{
        font-size: 2.5em!important
    }
    h2{
        font-size: 1.8em!important;
    }
    #hp-title .flex_column:first-child{
        padding-left: inherit;
        padding-right: inherit;
        
    }
    #hp-title p{
        font-size: 1.2em;
    }
    #hp-flotte .container,#invd-projets .container{
        width: 100%!important;
        max-width: none!important;
    }
    .section-flotte .avia-slideshow{
        width: 100%;
    }
    #hp-flotte .flex_column{
        margin-bottom: 0!important;
    }
    #invd-projets .slide-entry{
        width: 50%!important;
        margin-left: 0!important;
        margin-bottom: 0!important;
    }
    #invd-projets h3{
        font-size: 1.2em;
    }
    #invd-projets .read-more-link a{
        padding: 0px 15px;
        font-size: 0.8em;
    }
    #hp-roulons .flex_column{
        width: 33.33%!important;
    }
    #hp-roulons strong{
        font-size: 2em;
    }
    #hp-roulons p{
        font-size: 1em;
    }
    #socket li{
        padding-right: 0%;
    }
    #footer-content .flex_column{
        margin-bottom: 40px!important;
    }
    #actu-title,#projets-title{
        background-image: none;
    }
    .footer-fb div{
        position: relative;
        bottom: auto;
    }
    .big-preview, .post-template-default article .entry-content-wrapper{
        width: 100%;
    }
    #invd-intro,#invd-equipe,#invd-actions,#flotte-intro{
        background-image: none;
    }
    #flotte-content{
        background-image: none;
        background-color: #f1c438;
    }
    #hist-2018{
        background-position: 50% 100%;
        background-image: url(/wp-content/themes/invd/img/puce-histoire.png);
    }
    #hist-2019,#hist-roul,#hist-wello,#hist-2020{
        background-position: 50% 100%;
    }
    #contact-content p:nth-child(8){
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1080px){
    #hp-title .avia_codeblock{
        display: none;
    }
    #hp-title .flex_column:first-child{
        width: 100%;
    }
}
