/* Theme myadg */

/* Basics */

*{ -webkit-overflow-scrolling: touch; }
html{
	height: 100%;
    width: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
body{
    height: 100%;
    width: 100%;
	margin: 0;
	padding: 0;
    overflow-x: hidden;
    font-family: 'Galano Grotesque' !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1.75rem !important;
    background-image: url(../img/backgrounds/body-circle-top-left.png), url(../img/backgrounds/body-triangle.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0 0, 15% 80%;
    background-size: 200px 200px, 300px 300px;
}
@media (min-width: 768px){ /* Bootsrap MD */
    body{
        background-position: 0 0, 15% 45%;
    }
}
a, a:link, a:visited{
    color: #24AB83 !important;
}
.ul-mobile-margin-0 ul{
    margin-left: 0;
    padding-left: 20px;
}
@media (min-width: 768px){ /* Bootsrap MD */
    .ul-mobile-margin-0 ul{
        margin-left: 48px;
        padding-left: 40;
    }
}
b{
    font-weight: 600 !important;
}

/* Backgrounds */

.myadg-bg-green-light{
    background: #24AB83;
    color: white;
}
.myadg-bg-green-light:hover{
    background: #143F38;
}
.myadg-bg-green-light a{
    color: white;
}
.myadg-bg-green-light .h_underline{
    border-bottom: solid 1px white;
}
.myadg-bg-green-strong{
    background: #143F38;
    color: white;
}

.myadg-bg-green-strong a{
    color: #24AB83;
}
@media (min-width: 768px){ /* Bootsrap MD */
    .myadg-bg-green-bg-triangle-top-center-rond-bottom-left{
        background-image: url(../img/backgrounds/body-triangle.png),url(../img/backgrounds/body-rond.png);
        background-repeat: no-repeat,no-repeat;
        background-position: 40% 5%,15% 95%;
        background-size: 100px 100px,125px 125px;
    }
}
@media (min-width: 768px){ /* Bootsrap MD */
    .bg-triangle-bottom-left{
        background-image: url(../img/backgrounds/body-triangle.png);
        background-repeat: no-repeat;
        background-position: 0 95%;
        background-size: 300px 300px;
    }
}
@media (min-width: 768px){ /* Bootsrap MD */
    .bg-triangle-bottom-right{
        background-image: url(../img/backgrounds/body-triangle.png);
        background-repeat: no-repeat;
        background-position: 95% 95%;
        background-size: 300px 300px;
    }
}

/* Titres */

.myadg-bg-green-light h1, .myadg-bg-green-light h2, .myadg-bg-green-light h3{
    color: white;
}
h1{
    color: #24AB83;
    font-family: 'Playfair Display' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 2.3rem !important;
}
@media (min-width: 768px){ /* Bootsrap MD */
    h1{
        font-size: 2.5rem !important;
    }
}
h2{
    color: #24AB83;
    font-family: 'Playfair Display' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 1.8rem !important;
}
@media (min-width: 768px){ /* Bootsrap MD */
    h2{
        font-size: 2.5rem !important;
    }
}
.myadg-bg-green-strong h2{
    font-weight: normal !important;
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .h-p-left{
        margin-left: 40px;
    }
}
h3{
    display: block;
    color: #24AB83;
    font-family: 'Playfair Display' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 1.5rem !important;
}
@media (min-width: 768px){ /* Bootsrap MD */
    h3{
        font-size: 1.8rem !important;
    }
}
.h_underline{
    height: 1px;
    width: 100px;
    border-bottom: solid 1px black;
}
.myadg-bg-green-strong-h_underline{
    height: 1px;
    width: 200px;
    border-bottom: solid 1px #24AB83;
}

/* Fil d'Arianne */

.breadcrumbs{
    font-family: 'Playfair Display' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 1.5rem;
}

/* Pictogrammes SVG > fond blanc */

.picto svg{
    height: 60px;
}
.picto-link span{
    display: block;
    margin-top: 10px;
    color: black !important;
}
.picto-link:hover{
    text-decoration: none;
}
.picto-link:hover span{
    color: #24AB83 !important;
}
.picto-link svg{
    height: 80px;
}
.picto svg path, 
.picto-link svg path,
.picto-link svg rect,
.picto-link svg polygon{
    fill: #24AB83;
}
.picto-link:hover svg path,
.picto-link:hover svg rect,
.picto-link:hover svg polygon{
    fill: #143F38;
}
.picto svg rect, .picto-link svg rect{
    fill: #24AB83;
    opacity: 0.2;
}
.picto-link:hover svg rect{
    fill: #24AB83;
    opacity: 0.3;
}

/* Pictogrammes SVG > fond vert clair */

.myadg-bg-green-light .picto-link{
    color: white !important;
}
.myadg-bg-green-light .picto-link:hover{
    text-decoration: none;
}
.myadg-bg-green-light .picto-link:hover svg rect{
    fill: #24AB83 !important;
}
.myadg-bg-green-light .picto-link:hover h1, .myadg-bg-green-light .picto-link:hover h2, .myadg-bg-green-light .picto-link:hover h3{
    color: #24AB83;
}
.myadg-bg-green-light .picto-link svg path, .myadg-bg-green-light .picto-link svg rect{
    fill: white !important;
    text-decoration: none;
}
.myadg-bg-green-light .picto-link:hover svg path{
    fill: #24AB83 !important;
    text-decoration: none;
}

/* Pictogrammes SVG > fond vert foncé */

.myadg-bg-green-strong .picto-link{
    color: white !important;
}
.myadg-bg-green-strong .picto-link span{
    display: block;
    margin-top: 10px;
    color: white !important;
}
.myadg-bg-green-strong .picto-link:hover{
    text-decoration: none;
}
.myadg-bg-green-strong .picto-link:hover span{
    color: #24AB83 !important;
}
.myadg-bg-green-strong .picto-link:hover svg path{
    fill: #ccc !important;
    text-decoration: none;
}

/* Formulaires */

select.select-menu{
    width: 100%;
    height: 40px;
    background: #24AB83;
    color: white;
}
input[type=submit]{
    background: #24AB83;
    border-color: #143F38;
    color: white;
    font-weight: 600;
    padding-bottom: 10px;
}
input[type=submit]:hover{
    background: #143F38;
    border-color: #24AB83;
    color: #24AB83;
}

/* Ninja Forms */

.ninja-forms-field[type=text], .ninja-forms-field[type=email], textarea.ninja-forms-field{
    color: #143F38 !important;
}
.ninja-forms-field[type=button]{
    background: #143F38 !important;
    display: block;
    float: right;
    padding: 3px;
}
.ninja-forms-field[type=button]:hover{
    background: #24AB83 !important;
    color: #143F38 !important;
}
.nf-field-label{
    color: #24AB83;
    font-family: 'Playfair Display' !important;
    font-style: normal !important;
    font-weight: normal !important;
}
.nf-response-msg{
    color: #24AB83;
    font-size: 1.3rem;
    font-weight: 600;
}

/* Header */

.header-logo-link svg{
    width: 160px;
}
.header-logo-link svg path{
    fill: #143F38;
}
.header-logo-link:hover svg path{
    fill: #24AB83;
}

/* Header > Menu desktop */

#primary-menu{
    display: block;
    width: 480px;
    float: right;
}
#primary-menu li{
    list-style: none;
    display: block;
    float: left;
    margin-right: 10px;
}
#primary-menu li a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
    color: black !important;
}
#primary-menu li a:hover{
    color: #24AB83 !important;
    text-decoration: none;
}
#primary-menu li.current_page_item a{
    color: #24AB83 !important;
    font-weight: 600;
    text-decoration: none;
}

/* Header > Menu mobile */

#mobile-menu li a{
    color:white;
    text-align: center;
    font-size: 1.5rem;
    padding: 25px 0 25px 0;
}
#mobile-menu li.current_page_item{
    background: #24AB83;
}
#mobile-menu li.current_page_item a{
    color: #143F38 !important;
}
#my-menu {
    --mm-color-background: #143F38;
}
#my-menu:not( .mm-menu ) {
    display: none;
}
.mburger{
    z-index: 90;
    display: block !important;
    position: fixed !important;
    top: 0px;
    right: 0px;
    color: #143F38 !important;
}
@media (min-width: 768px){ /* Bootsrap SM */
    .mburger{
        display: none !important;
    }
}

/* Header > linkedin */

.header-linkedin-link svg{
    width: 30px;
}
.header-linkedin-link svg path{
    fill: #24AB83;
}
.header-linkedin-link:hover svg path{
    fill: #143F38;
}

/* Titre de page (titre + intro + image) */

.w-100-title{
    height: auto;
}
@media (min-width: 768px){ /* Bootsrap MD */
    .w-100-title{
        height: 350px;
        background-image: url(../img/backgrounds/rect-325-465.jpg), url(../img/backgrounds/points-120-65.png);
        background-repeat: no-repeat, no-repeat;
        background-position: top 0 right 0, top 230px right 290px;
        background-size: 200px 300px, 120px 65px;
    }
}
@media (min-width: 992px){ /* Bootsrap LG */
    .w-100-title{
        background-position: top 0 right 0, top 99% right 51%;
        background-size: 200px 450px, 120px 65px;
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .w-100-title{
        height: 500px;
        background-position: top 0 right 150px, top 380px left 320px;
        background-size: 325px 465px, 120px 65px;
    }
}
.w-100-title img{
    display: none;
}
@media (min-width: 768px){ /* Bootsrap MD */
    .w-100-title img{
        display: block;
        float: right;
        width: 50%;
        margin-top: 5%;
        box-shadow: 0px 12px 21px -6px rgba(0,0,0,1);
        -webkit-box-shadow: 0px 12px 21px -6px rgba(0,0,0,1); 
    }
}
@media (min-width: 992px){ /* Bootsrap LG */
    .w-100-title img{
        margin-top: 2%;
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .w-100-title img{
        margin-top: 30px;
        margin-right: 175px;
    }
}
@media (min-width: 768px){ /* Bootsrap MD */
    .title-content{
        position: absolute;
        width: 50%;
        top: 10%;
        left: 0;
    }
}
@media (min-width: 992px){ /* Bootsrap LG */
    .title-content{
        padding-right: 20px;
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .title-content{
        width: 400px;
        top: 25px;
        left: 50px;
        padding-right: 0;
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .w-100-title h1{
        width: 300px;
    }
    .title-content-text{
        padding: 15px 15px 15px 0;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 75%);
    }
}

/* Accueil */

.home-btn-about{
    display: block;
    width: 175px;
    padding: 5px;
    background: #143F38;
    color: #24AB83;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.home-btn-about:hover{
    background: #24AB83;
}
.home-btn-about a{
    color: #24AB83 !important;
}
.home-btn-about:hover a{
    background: #24AB83;
    color: #143F38 !important;
    text-decoration: none;
}

/* Accueil > Solutions */

.home-solution-content-text{
    opacity: 0;
}
.home-solution-content-text ,.home-solution-content-text{
    height: 0;
    -webkit-transition: all .3s linear;
    -moz-transition:    all .3s linear;
    -o-transition:      all .3s linear;
    -ms-transition:     all .3s linear;
    transition:         all .3s linear;
}
.home-solution-container:hover .home-solution-content-text, .home-solution-content-text p{
    display: block;
    opacity: 1;
    height: 250px;
    -webkit-transition: all .3s linear;
    -moz-transition:    all .3s linear;
    -o-transition:      all .3s linear;
    -ms-transition:     all .3s linear;
    transition:         all .3s linear;
}
.home-solution-bottom-link-container{
    width: 100%;
    height: 30px;
    background: #65c4a7;
}
.home-solution-container:hover .home-solution-bottom-link-container{
    background: #15493f;
}
.home-solution-bottom-link{
    float: right;
    width: 85px;
    height: 30px;
    padding-top: 3px;
    font-weight: 600;
    text-align: center;
    background: #143F38;
    color: #24AB83;
}
.home-solution-bottom-link:before{
    content: 'Voir >';
}
.home-solution-container:hover .home-solution-bottom-link{
    background: #15493f;
}
.home-solution-container:hover .home-solution-bottom-link:before{
    content: 'Lire plus >';
}

/* Accueil > Avantages > carousel Bootstrap */

#home-avantages-carousel{
    height: 300px;
}
#home-avantages-carousel h3{
    font-size: 2.3rem !important;
}
#home-avantages-carousel a{
    color: #24AB83 !important;
}
@media (min-width: 768px){ /* Bootsrap MD */
    #home-avantages-carousel{
        height: 500px;
        background-image: url(../img/backgrounds/rect-325-465.jpg), url(../img/backgrounds/points-120-65.png);
        background-repeat: no-repeat, no-repeat;
        background-position: top 0 right 50px, top 0 left 320px;
        background-size: 200px 400px, 120px 65px;
    }
}
@media (min-width: 992px){ /* Bootsrap LG */
    #home-avantages-carousel{
        height: 600px;
        background-position: top 0 right 150px, top 0 left 320px;
        background-size: 225px 465px, 120px 65px;
    }
}
.carousel-control-prev{
    position: absolute !important;
    top: 225px !important;
    left: 150px !important;
    width: 50px !important;
    height: 50px;
    background: #143F38;
    opacity: 1 !important;
}
@media (min-width: 768px){ /* Bootsrap MD */
    .carousel-control-prev{
        top: 300px !important;
    }
}
@media (min-width: 992px){ /* Bootsrap LG */
    .carousel-control-prev{
        top: 375px !important;
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .carousel-control-prev{
        top: 450px !important;
    }
}
.carousel-control-next{
    position: absolute !important;
    top: 225px !important;
    left: 205px !important;
    width: 50px !important;
    height: 50px;
    background: #143F38;
    opacity: 1 !important;
}
@media (min-width: 768px){ /* Bootsrap MD */
    .carousel-control-next{
        top: 300px !important;
    }
}
@media (min-width: 992px){ /* Bootsrap LG */
    .carousel-control-next{
        top: 375px !important;
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .carousel-control-next{
        top: 450px !important;
    }
}
.w-carousel-title{
    height: auto;
}
@media (min-width: 768px){ /* Bootsrap MD */
    .w-carousel-title{
        height: 350px;
    }
}
@media (min-width: 992px){ /* Bootsrap LG */
    .w-carousel-title{
        height: 400px;
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .w-carousel-title{
        height: 500px;
    }
}
.w-carousel-title img{
    display: none;
}
@media (min-width: 768px){ /* Bootsrap MD */
    .w-carousel-title img{
        display: block;
        float: right;
        width: 50%;
        margin-top: 5%;
        box-shadow: 0px 12px 21px -6px rgba(0,0,0,1);
        -webkit-box-shadow: 0px 12px 21px -6px rgba(0,0,0,1); 
    }
}
@media (min-width: 992px){ /* Bootsrap LG */
    .w-carousel-title img{
        margin-top: 2%;
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .w-carousel-title img{
        margin-top: 40px;
        margin-right: 175px;
    }
}
@media (min-width: 768px){ /* Bootsrap MD */
    .carousel-title-content{
        position: absolute;
        width: 50%;
        top: 10%;
        left: 0;
    }
}
@media (min-width: 992px){ /* Bootsrap LG */
    .carousel-title-content{
        padding-right: 20px;
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .carousel-title-content{
        width: 400px;
        top: 150px;
        left: 50px;
        padding-right: 0;
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .w-carousel-title h1{
        width: 300px;
    }
    .carousel-title-content-text{
        padding: 15px 15px 15px 0;
        background: rgb(255,255,255);
    }
}

/* Accueil > Références */

.home-references p{
    font-size: 0.9rem;
}
.home-reference-bottom{
    border-bottom: solid 1px grey;
    width: 100%;
    height: 1px;
}
@media (min-width: 992px){ /* Bootsrap LG */
    .home-references-image{
        background-image: url(../img/backgrounds/rect-175-470.jpg);
        background-repeat: no-repeat;
        background-position: 0 100px;
        background-size: 300px 500px;
        height: 250px;
    }
    .home-references-image img{
        box-shadow: 0px 12px 21px -6px rgba(0,0,0,1);
        -webkit-box-shadow: 0px 12px 21px -6px rgba(0,0,0,1);
    }
}
@media (min-width: 1200px){ /* Bootsrap XL */
    .home-references-image{
        background-position: 0 200px;
        height: 350px;
    }
}
.home-reference-btn-more{
    display: block;
    width: 175px;
    padding: 5px;
    margin: 0 auto;
    background: #143F38;
    color: #24AB83;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.home-reference-btn-more:hover{
    background: #24AB83;
}
.home-reference-btn-more a{
    color: #24AB83 !important;
}
.home-reference-btn-more:hover a{
    background: #24AB83;
    color: #143F38 !important;
    text-decoration: none;
}

/* Images d'illustraion (largeur 50% en desktop) */

.w-50-image{
    background-image: url(../img/backgrounds/rect-175-470.jpg);
    background-repeat: no-repeat;
    background-position: 75px 0;
}
.w-50-image img{
    margin-top: 40px;
    box-shadow: 0px 12px 21px -6px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 12px 21px -6px rgba(0,0,0,1); 
}

/* Partenaires */

.partenaires-container{
    background: #e9f6f2;
}
.partenaires-container img{
    opacity: 0.4;
}


/* Footer */

.footer-container{
    background: #143F38;
    color: white;
}
.footer-container a{
    color: white !important;
}
.footer-container a:hover{
    color: #24AB83 !important;
    text-decoration: none;
}
.footer-logo-link svg{
    width: 100px;
}
.footer-logo-link svg path,
.footer-logo-link svg rect,
.footer-logo-link svg polygon{
    fill: #24AB83;
}
.footer-logo-link:hover svg path,
.footer-logo-link:hover svg rect,
.footer-logo-link:hover svg polygon{
    fill: white;
}
#footer-menu li{
    list-style: none;
    display: block;
    float: left;
    margin-right: 10px;
}
#footer-menu li a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
}
.footer-linkedin-link svg{
    width: 25px;
}
.footer-linkedin-link svg path{
    fill: #24AB83;
}
.footer-linkedin-link:hover svg path{
    fill: white;
}

/* Cookie consent */

.cli-bar-btn_container a[data-cli_action=accept]{
    background: #143F38 !important;
}

/*================================================================================================ */
/* =================================== RESPONSIVE BREACKPOINTS =================================== */
/*================================================================================================ */
.jcBPdebug{position:fixed;right:0;bottom:0;z-index:999999;background:yellow;color:black;display:block !important;}
@media (max-width: 575.98px){ /* Bootsrap auto */
    .jcBPdebug:after{content:'{auto}';font-size:smaller;}
}

@media (min-width: 576px){ /* Bootsrap SM */
    .jcBPdebug:after{content:'{SM}';font-size:smaller;}
}

@media (min-width: 768px){ /* Bootsrap MD */
    .jcBPdebug:after{content:'{MD}';font-size:smaller;}
}

@media (min-width: 992px){ /* Bootsrap LG */
    .jcBPdebug:after{content:'{LG}';font-size:smaller;}
}

@media (min-width: 1200px){ /* Bootsrap XL */
    .jcBPdebug:after{content:'{XL}';font-size:smaller;}
}