/*
before merging the styles in this file with styles.css, please remove all "!important" tags
im using !important here just to actually see the styles working
*/

/* replace */
#menu.top-menu .noHeaderOverlay{
    position: fixed;
}

#menu.top-menu .overlay {
    height: 100% ;
}

#place-publique p strong {
    font-size: 40px !important;    
}
/* Menu Mobile */
.MobileMenu{
    height: 100%;
    padding: 20px 0px 40px;
    display : flex;
    flex-direction : column ;
    justify-content: space-between;
}
.MenuMobileHeader{
    display:flex;    
    justify-content: space-between;
    align-items: center;
}
.MenuMobileHeader #close-btn2{
    padding: 0px 12px;
}
.language-switch-mobile a{
    font-size: 30px;
    font-weight: 600;
    color: #FFF!important;
    text-decoration: none;
}
.MobileMenu .nav-text{
    text-align: left;
    padding: 0px 35px
}
.dropdown2{
    margin: 15px 0px;
}
.LinkDrop {
    display: flex;
    align-items: center;
}
.droparrow{
    background-image: url('/wp-content/uploads/2021/02/arrow-down.png');
    height: 35px;
    width: 20px;
    background-position: center;
    background-size: cover;
    margin: 0px 15px;
}
.ImageMobile img{
    width: 250px;
    height: auto;
}
.dropdown-menu1, .dropdown-menu2, .dropdown-menu3{
    display: none;
    list-style-type: none;
    padding: 0px;
}
.dropdown-menu1 a{
    font-size: 23px!important;
    color: #62AADA!important;
}
.dropdown-menu2 a{
    font-size: 23px!important;
    color: #AFC942!important;
}
.dropdown-menu3 a{
    font-size: 23px!important;
    color: #65C6BF!important;
}
.img-with-border-right {
    box-shadow: 30px 40px 0px #74AAD166 !important;
    margin-bottom: 40px !important;
    margin-right: 30px !important;
}

.img-with-border-left {
    box-shadow: -30px 40px 0px #ABC44566 !important;
    margin-bottom: 40px !important;
    margin-left: 30px !important;
}

#centres-header video {
    box-shadow: 30px 40px 0px #CEB88A66 !important;
    margin-bottom: 40px !important;
    margin-right: 30px !important;
}

#ville-de-slick img {
    height: 300px !important;
}

#ville-de-slick .slick-arrow {
    height: 50px !important;
}

#ville-de-slick .slick-arrow {
    /* filter: invert(1) !important;
    background-color: #000000CC !important;  */
}

.page-template-apprendre p {
    font-size: 24px !important;    
}

.soigner-list li {
    font-family: MyriadPro !important;
    font-size: 24px !important;
}

.page-template-tous_les_elans p, .page-template-tous_les_elans p span, .page-template-tous_les_elans p strong {
    font-family: MyriadPro ;
}


/* remove */
#concept {
    /* position: relative; */
    /* padding-top: 100px; */
    /* margin-top: 100px; */
}


/* add */
#open-btn img {
    height: 50px !important;
}

#close-btn img {
    height: 50px !important;
}

.language-switch ul {
    text-align: center !important;
}

.img-with-border-left-bg1 {
    box-shadow: -30px 40px 0px #74AAD166;
    margin-bottom: 40px;
    margin-left: 30px;
}

#nature-stats-slider img {
    margin: auto;
}

.slider-numbers {
    background: #00EADD;
}

.slider-numbers #thenumber {
    font-size: 120px;
    color: #FFF;
    font-weight: 600;
}

.slider-numbers #thetitle {
    font-size: 60px;
    color: #FFF;
}

.slider-numbers #thedescription {
    font-size: 32px;
    color: #053252;
    top: 55% !important;
}

#vivre_2 p, #img-with-text-vivre p {
    font-size: 24px !important;    
}

.page-template-tous_les_elans p span {
    font-size: 24px !important;    
}

.middle-title-soigner {
    color: #68C6BE !important;
    font-size: 45px !important;
    font-weight: 600 !important;
    width :auto!important;
}

.page-template-se_soigner .title strong {
    font-size: 60px !important;    
}

.partner_logo img {
    width: 300px !important;
}

#img-with-text-vivre p strong, .page-template-apprendre #apprendre_2 p strong {
    font-size: 40px !important;
    font-family: GothamRnd !important;
}

#parc-central .container {
    padding-left: 15px !important;
    padding-right: 15px !important; 
}

#parcours-sportif ul li {
    font-family: MyriadPro !important;    
}
.page-template-se_soigner p strong{
    font-family: GothamRnd !important; 
}
.page-template-se_divertir p, .page-template-se_divertir p strong, .page-template-se_divertir p span, .page-template-se_soigner p, .page-template-se_divertir p span {
    font-family: MyriadPro !important;    
}

.page-template-se_soigner h2, .page-template-se_soigner h2 strong {
    font-family: GothamBold !important;  
    font-size: 60px !important;
    line-height: 1.2 !important;
}

.parc_accroche strong {
    color : #aac355!important;
    font-family: GothamBold !important;
}
#parc-central p strong {
    font-size: 40px !important;
}
#parc-central p strong span {
    font-size: 24px !important;
}
#parc-central .parc_accroche p strong span {
    font-size: 40px !important;
}
    
.main.tabs.container h2 {
    cursor: pointer !important;
}
#vivre-main .main.tabs.container{
        margin-bottom:80px
    }
.sport-list{
        margin: 30px auto;
    }
/* Responsive */
@media only screen and (max-width: 768px) {
    .accroche h2 , .accroche p, .accroche span , .accroche strong {
        font-size: 20px !important;
        font-weight: bold;
    }
    .pentagone img {
        width: 70% !important;  
    }
    
    #menu-closed.overlay .main h1 {
        font-size: 55px !important;
    }
    
    #menu-closed.overlay .main h3 {
        font-size: 18px !important;
    }
    
    #menu-open.overlay .main img {
        width: 70% !important;
    }
    
    #menu-open.overlay .main .nav-text a {
        font-size: 38px !important;
    }
    
    .sec_nav .content_sec h2 {
        font-size: 44px !important;
        margin: 30px 0 30px;
    }
    
    .sec_nav .content_sec p {
        font-size: 18px !important;
        height: 43vh !important;
        width: unset !important;  
    }
    
    .page-template-home h2 span {
        font-size: 40px !important;
    }
    
    
    #menu .bg-video {
        object-fit: cover !important;    
    }
    
    #menu .social-links img {
        height: 40px !important;
        z-index: 1000 !important;
    }
    
    #concept {
        padding-top: 50px !important;   
    }
    
    #concept .t1, .t2{
        margin-bottom: 10px !important;   
    }
    
    #chiffres-cles .slick-track img {
        height: 60px !important;    
    }
    
    #chiffres-cles .counting {
        font-size: 26px !important;    
    }
    
    .t1 {
        font-size: 30px !important;
    }
    
    .t2 {
        font-size: 26px !important;
    }
    
    p span {
        font-size: 18px !important;
    }
    
    #sec_video h2, #sec_video2 h2 {
        font-size: 26px !important;    
    }
    
    #sec_video2 p strong, #sec_video2 p {
        font-size: 18px !important;
    }
    
    #map h4 {
        font-size: 26px !important;  
    }
    
    #map p {
        font-size: 18px !important;  
    }
    
    .text-over-map {
        display: none !important;    
    }
    
    #ville-de-arrow-target h2 {
        font-size: 32px !important;
        margin: 0px !important;
    }
    
    #ville-de-arrow-target p, #ville-de-arrow-target p strong {
        font-size: 18px !important;  
    }
    
    #nature_section1 h2, #nature_section2 h2, #espace-vert h2, #nature_section5 h2, .section_innover h2, #video_1_innovation h2, #video_2_innovation h2, #mobilite-header h2, #mobilite-header h2 strong, #mobilite_sec3 h2, #mobilite_sec4 h2, #centres_vie h2 {
        font-size: 32px !important;
    }
    
    #nature_section1 p, #nature_section1 p strong, #espace-vert p, #espace-vert p strong, #nature_section5 p, #nature_section5 p strong, .section_innover p span, #video_1_innovation p, #video_1_innovation p strong, #video_2_innovation p, #video_2_innovation p strong, #mobilite-header p, #mobilite-header p strong, #mobilite_sec3 p, #mobilite_sec3 p strong, #mobilite_sec4 p, #mobilite_sec4 p strong, #centres_vie p, #centres_vie p strong {
        font-size: 18px !important;
    }
    
    #nature_video video {
        height: unset !important;   
    }
    
    #mobilite_sec5 .row {
        display: block !important;    
    }
    
    #mobilite_sec5 .bloc-1_sec5 {
        margin-bottom: 15px !important;    
    }
    
    #mobilite_slider_1 {
        height: unset !important;
    }
    
    #nature-stats-slider .slick-arrow {
        height: 30px;
        cursor: pointer;
    }
    
    #nature-stats-slider .slick-prev {
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
    }
    
    #nature-stats-slider .slick-next {
        position: absolute;
        right: -15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
    }
    
    #goto-page h2 {
        font-size: 40px !important;
    }
    
    #goto-page h3 {
        font-size: 20px !important;
    }
    
    .section_innover p {
        line-height: 0.75 !important;    
    }
    
    #mobilite-header p {
        text-align: left !important;    
    }
    
    #mobilite_slider_3 {
        height: unset !important;    
    }
    
    .slider-numbers #thenumber {
        font-size: 80px !important;
    }
    
    .slider-numbers #thetitle {
        font-size: 60px !important;
    }
    
    .slider-numbers #thedescription {
        font-size: 24px !important;
        left: 12% !important;
    }
    
    #abs-slider, #abs-slider img {
        height: unset !important;    
    }
    
    #tous-les-elans-arrow-target h2 span {
        font-size: 30px !important;
    }
    
    #tous-les-elans-arrow-target p strong {
        font-size: 24px !important;
    }
    
    #parc-central p strong {
        font-size: 18px !important;
    }
    #place-publique p strong {
        font-size: 18px !important;
    }
    
    .middle-title-soigner {
        font-size: 18px !important;
    }
    .page-template-se_soigner h2, .page-template-se_soigner h2 strong{
        font-size: 30px !important;
        padding-bottom : 0!important;
    }
    .soigner-list li {
        font-size: 18px !important;
    }
    .sport-list li span {
        font-size: 18px !important;
    }
    .sport-list{
        margin: 15px auto;
    }
    .main.tabs.container .row {
        flex-wrap: nowrap !important;    
    }
    
    .main.tabs.container .row img {
        height: 40px !important;    
    }
    
    .main.tabs.container .row h2 {
        font-size: 16px !important;    
    }
    
    #vivre_2 h2, #parc-central .h2, #vivre-main h2, #apprendre_2 h2, #apprendre_2 p strong, #apprendre_4 h2, .page-template-se_soigner .title strong, #divertir_2 h2, #partners h2 {
        font-size: 30px !important;    
    }
    .firstSection .h2{
        font-size: 30px !important;
    }
    
    #vivre_2 .accroche-vivre_2 strong span {
        font-family: GothamBold !important;
    }
    #vivre_2 p {
        font-size: 18px !important;
    }
    .page-template-vivre p {
        font-size: 18px !important;
    }
    
    .page-template-vivre #menu-open.overlay .main .nav-text a {
        font-size: 24px !important;
    }
    #apprendre_2 p {
        font-size: 18px !important;
    }
    #apprendre_4 p {
        font-size: 18px !important;
    }
    #apprendre_2 p strong {
        font-size: 24px !important;
    }
    .page-template-tous_les_elans p span {
        font-size: 18px !important;
    }
    .p-Elans h2 {
        line-height: 36px;
    }
    #vivre-main .main.tabs.container .row h2{
        font-size: 16px !important;
    }

}