/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    httpss://twentytwenty.com
 Description:  Thème Enfant Genetiss
 Author:       Geoffroy Crabieres
 Author URI:   httpss://geoffroycrabieres.com
 Template:     twentytwenty
 Version:      0.1.0
*/

/* GLOBAL */
html, body {
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p, span, ul, li, ol, a {
    font-family: 'Manrope', sans-serif!important;
    color: #232932;
}
p, a, ul, li, ol, span {
    font-size: 14px;
    line-height: 22px!important;
}
a {
    text-decoration: none!important;
}
h1 {
    font-size: 32px;
    font-weight: 800;
}
h1.left-aligned {
    margin: 0!important;
}
h2 {
    font-size: 32px;
}
h3 {
    font-size: 24px;
}
ul, ol {
    margin-left: 10px!important;
}
.entry-header {
    padding: 0!important;
}
.entry-header h1 {
    margin-top: 10vh;
}
.no-margin {
    margin: 0!important;
}
.no-margin-bottom {
    margin-bottom: 0!important;
}
.no-margin-top {
    margin-top: 0!important;
}
a.wp-element-button {
    padding: 6px 16px 8px 16px;
    transition: all 0.2s ease-in-out;
}
a.wp-element-button {
    text-transform: none;
}
.orange-button a:hover {
    background-color: #FF8F51!important;
}
.blue-button a:hover {
    background-color: #8ABFF5!important;
}
.separator-line {
    height: 1px;
    width: 556px;
    background-color: #A1AEC1;
    margin: 60px auto;
}
.images-banner .wp-block-image {
    margin-top: 0!important;
}
a.wp-element-button {
    font-size: 14px!important;
    padding: 15px 16px 15px 16px;
    font-weight: 400;
}

/* HEADER */
#site-header {
    border-bottom: 1px solid #232932;
}
#site-header .header-titles-wrapper {
    position: relative;
}
#site-header .header-titles-wrapper::after {
    content: "";
    position: absolute;
    height: 40px;
    width: 1px;
    background-color: #232932;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
}
#site-header nav ul li a {
    color: #232932;
    text-decoration: none!important;
    font-weight: 800;
    font-size: 15px;
}
#site-header .current-menu-item {
    position: relative;
}
header#site-header.white .current-menu-item::after {
    content: "";
    position: absolute;
    bottom: -33px;
    width: 100%;
    height: 3px;
    background-color :white!important;
}
header#site-header.white .current-menu-item a {
    color: white!important;
}
#site-header .current-menu-item::after {
    content: "";
    position: absolute;
    bottom: -33px;
    width: 100%;
    height: 3px;
    background-color :#036bcb!important;
}
.current-menu-item a {
    color: #036bcb!important;
}
#site-header .header-inner {
    max-width: 120rem;
    width: 120rem;
}
.modal-menu {
    margin-left: 0!important;
}
.close-nav-toggle .toggle-text {
    display: none;
}
.site-logo img.custom-logo {
    height: 45px;
}

/* WHITE HEADER */
#site-header.white {
    background-color: transparent;
    position: absolute;
    width: calc(100vw - 17px);
    border-bottom: 1px solid white;
}
#site-header.white .header-titles-wrapper::after {
    background-color: white;
}
#site-header.white nav ul li a {
    color: white;
}
#site-header.white .current-menu-item::after {
    background-color: white;
}

/* ACCUEIL */
.homepage-banner {
    padding: 150px 0!important;
}
.homepage-banner .wp-block-cover__inner-container {
    max-width: 120rem;
    width: 120rem!important;
    padding: 0;
    margin: 0 auto!important;
}
.homepage-banner .wp-block-cover__inner-container h1 {
    max-width: 100%!important;
    font-weight: 400;
    font-size: 36px!important;
}

/* CAROUSEL PROGRAMMES */
/* .carousel-container .ebpg-carousel-post {
    pointer-events: none;
} */
/* .carousel-container .ebpg-entry-thumbnail, .carousel-container .ebpg-entry-wrapper {
    pointer-events: none;
} */
.carousel-container .eb-parent-wrapper {
    max-width: 100%!important;
}
.carousel-container .ebpg-entry-media {
    width: calc(100% + 76px);
    margin-left: -38px;
}
.carousel-container .ebpg-entry-media img {
    border-radius: 4px 4px 0 0!important;
}
.eb-post-carousel-wrapper.style-1 .ebpg-carousel-post-holder {
    padding: 0 38px!important;
}
.ebpg-categories-meta a {
    font-size: 16px!important;
    font-weight: 800;
}
.ebpg-carousel-post-link {
    font-size: 20px!important;
    font-weight: 800;
    color: #232932!important;
}
.ebpg-header-meta, .ebpg-header-meta a, .ebpg-footer-meta {
    margin-bottom: 0!important;
}
.ebpg-footer-meta {
    margin-top: -6px!important;
}
.eb-post-carousel-wrapper.style-1 .ebpg-carousel-post-holder:after {
    background-color: #eff2f6!important;
}
article.ebpg-carousel-post:hover .ebpg-carousel-post-holder:after {
    background-color: #232932!important;
}
article.ebpg-carousel-post:hover .ebpg-carousel-post-link {
    color: white!important;
}
.eb-post-carousel-wrapper .slick-next, .eb-post-carousel-wrapper .slick-prev {
    top: unset!important;
    bottom: -46px!important;
    width: fit-content!important;
}
.slick-arrow.slick-next {
    left: calc(50% + 75px)!important;
    transform: translateX(-50%)!important;
    right: unset;
}
.slick-arrow.slick-prev {
    left: calc(50% - 71px)!important;
    right: unset;
    transform: translateX(-50%)!important;
}
ul.slick-dots {
    margin-left: 0!important;
}
.eb-post-carousel-wrapper.eb-post-carousel-r7aubwe.eb-slider-dots, .eb-post-carousel-wrapper.eb-post-carousel-r7aubwe.slick-dotted.slick-slider {
    margin-bottom: calc(144px + 20px);
}
.blog .featured-media {
    display: none;
}


/* QUI SOMMES NOUS */
.grey-background {
    background-color: #EFF2F6;
    padding: 54px 77px 57px 66px;
}
.structures {
    margin-top: 16px!important;
    margin-bottom: 0px!important;
}
.structures h2 {
    font-size: 24px;
}
.structures .wp-block-columns {
    margin-top: 14px!important;
}
.website-link {
    margin-bottom: 0!important;
}
.website-link figure {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.website-link a {
    color: #da570d;
    text-decoration: underline!important;
}

/* PARTENAIRES */
.wp-block-columns.qui-sommes-nous-block .wp-block-columns {
    margin-bottom: 0;
}
.wp-block-columns.qui-sommes-nous-block figure {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.wp-block-columns.qui-sommes-nous-block h2 {
    margin-top: 0;
}

/* CONTACT OLD */
/* .contact-block {
    padding: 39px;
}
.contact-block .wp-block-group, .contact-block .wp-block-group figure, .contact-block .wp-block-group p {
    margin: 0!important;
}
.contact-block .wp-block-group p:nth-of-type(1) {
    margin-bottom: 20px!important;
}
.contact-block .wp-block-group figure {
    min-width: calc(100% + 78px);
    margin-left: -39px!important;
    margin-top: -39px!important;
}
.phone-number-black {
    position: relative;
    padding-left: 22px;
}
.phone-number-black::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 18px;
    width: 18px;
    background-image: url(https://production.geoffroycrabieres.com/wp-content/uploads/2023/06/Vector-3.svg);
    background-position: center;
    background-size: 75%;
    background-repeat: no-repeat;
} */

/* CONTACT NEW */
label {
    font-size: 14px;
}
.wpcf7-submit {
    border-radius: 20px!important;
    background-color: #036bcb!important;
    text-transform: none!important;
    font-size: 14px !important;
    padding: 15px 16px 15px 16px!important;
    font-weight: 400!important;
    transition: all 0.2s ease-in-out!important;
}
.wpcf7-submit:hover {
    background-color: #8ABFF5 !important;
    text-decoration: none!important;
}
.contact-left-column h2 {
    margin-top: 0!important;
}
.contact-left-column p img {
    float: left;
    margin-right: 10px;
}

/* PROGRAMMES */
.blue-background {
    background-color: #3F95EF;
    padding: 50px 54px;
    border-radius: 4px;
}
.blue-background p {
    color: white;
}
.programmes-content-container {
    background-color: #EFF2F6;
    padding: 55px 66px;
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.programmes-content-container .wp-block-group__inner-container > *, article.post .post-inner .entry-content > * {
    max-width: 100%!important;
}
.programmes-intro p {
    font-size: 18px;
}

/* OLD ARTICLE FORMAT */
article.post {
    max-width: 120rem;
    width: 120rem;
    margin: auto;
    /* display: flex; */
}

/* REGUlAR ARTICLE FORMAT */
article.post {
    display: flex;
    margin-top: 10vh;
}
article.post .featured-media {
    display: none;
}
article.post .entry-header-inner {
    max-width: 100%;
}
article.post h1 {
    text-align: left;
}
article.post .post-meta-single {
    margin-left: 0;
}
article.post .entry-categories .entry-categories-inner a {
    color: #da570d;
    background-color: transparent;
    font-size: 16px!important;
    padding-left: 0;
}
article.post .post-meta .post-date a {
    color: #98A2B3!important;
    font-size: 13px!important;
    font-weight: 400!important;
}
.pagination-single {
    display: none;
}

/* SUITE */
article.post header.entry-header {
    padding: 0!important;
    min-width: 33.33%;
    max-width: 33.33%;
}
article.post .post-inner {
    min-width:66.66%;
    padding-top: 0;
}
article.post header.entry-header .entry-header-inner h2.entry-title {
    font-size: 32px;
    font-weight: 800;
    text-align: left;
}
article.post header.entry-header .entry-header-inner .post-meta-wrapper {
    margin-top: 10px;
}
.entry-categories {
    margin-bottom: 8px;
}
.entry-categories-inner {
    justify-content: flex-start;
    margin: 0;
}
.entry-categories a {
    font-size: 12px!important;
    text-transform: none;
    border-bottom: none;
    margin: 0;
    background-color: #DA570D;
    color: white;
    padding: 6px 16px;
    border-radius: 20px;
}
.post-meta-single-top .post-meta {
    justify-content: flex-start;
    margin: 0!important;
}
.post-meta-single-top .post-meta .post-author, .post-meta-single-top .post-meta .post-comment-link {
    display: none;
}
.post-meta li {
    margin: 0;
}
.post-meta li.post-date .meta-text a {
    color: #DA570D;
    font-size: 16px;
    font-weight: 800;
}
.post-meta li.post-date .meta-icon {
    display: none;
}
.programmes-blue-background {
    margin-top: 14px!important;
}
.post-separator {
    width: 40%;
    margin-top: 0;
}
.programmes-blue-background .wp-block-columns.no-margin, .blue-background .wp-block-columns.no-margin {
    margin: 0!important;
}
.programmes-blue-background .wp-block-columns.with-margin-top, .blue-background .wp-block-columns.with-margin-top {
    margin-top: 15px!important;
    margin-bottom: 0!important;
}

/* ACTUALITES */
.all-blogs-container .eb-parent-wrapper {
    max-width: 100%!important;
    width: 100%!important;
}
.eb-post-grid-wrapper.eb-post-grid-t5f8s .ebpg-entry-thumbnail img {
    border-radius: 5px 5px 0 0;
}
.eb-post-grid-wrapper.eb-post-grid-t5f8s .ebpg-categories-meta a {
    color:#DA570D!important;
    background-color: transparent!important;
    font-size: 16px!important;
    font-weight: 800;
    padding: 0;
}
.all-blogs-container .ebpg-grid-post-holder {
    background-color: #eff2f6;
    border-radius: 5px;
}
/* .ebpg-entry-header, .ebpg-entry-meta {
    padding-left: 38px;
    padding-right: 38px;
} */
.ebpg-footer-meta {
    padding-bottom: 10px;
}
.ebpg-grid-post-holder .ebpg-entry-header, .ebpg-grid-post-holder .ebpg-header-meta, .ebpg-grid-post-holder .ebpg-footer-meta {
    padding-left: 20px;
}


/* PROGRAMMES */
.no-margin-bottom {
    margin-bottom: 0!important;
}
.margin-top-fifty {
    margin-top: 50px!important;
}

/* FORMULAIRE RECHERCHE RESSOURCES */
.asl_w_container {
    background-color: #efefef;
    padding: 50px;
    max-width: 58rem;
    margin: auto!important;
}

/* RESSOURCES */
.ressources-meta {
    margin-bottom: 33px!important;
}
.ressources-title {
    margin-bottom: 9px!important;
}
.ressources-category {
    max-width: 100%!important;
    background-color: #DA570D;
    width: fit-content!important;
    margin: 0!important;
    padding: 6px 17px;
    border-radius: 20px;
    color: white;
    font-weight: 800;
    font-size: 12px;
}
.ressources-info {
    margin-top: 0!important;
}
article.post.category-ressource {
    display: flex;
    flex-direction: column;
}
article.post.category-ressource .entry-header {
    order: 1;
}
article.post.category-ressource .section-inner, article.post.category-ressource .entry-content {
    order: 2;
    margin-left: 0;
}
article.post.category-ressource .post-inner {
    order: 3;
}
article.post.category-ressource .entry-header-inner {
    margin-left: 0!important;
}
article.post.category-ressource header.entry-header {
    min-width: 100%;
    max-width: 100%;
}
article.post.category-ressource .entry-content .wp-block-group {
    margin-top: 20px!important;
}
article.post.category-ressource .post-meta .meta-icon {
    display: none;
}
article.post.category-ressource .post-meta .meta-text {
    color: white;
}
article.post.category-ressource .post-meta .meta-text a {
    background-color: #DA570D;
    width: fit-content!important;
    margin: 0!important;
    padding: 6px 17px;
    border-radius: 20px;
    color: white;
    font-weight: 800;
    font-size: 12px;
}
article.post.category-ressource .post-date {
    display: none;
}
article.post.category-ressource .entry-categories {
    display: none;
}
article.post.category-ressource .post-meta-wrapper.post-meta-single-bottom .post-meta {
    margin-left: 0!important;
}
article.post.category-ressource .post-meta-wrapper.post-meta-single-bottom {
    margin-top: 25px;
}
.ressources-search-bar {
    max-width: 120rem;
    width: 120rem;
    margin: auto;
    margin-top: 10vh;
}
.back-to-ressources {
    /* border-radius: 5px;
    background-color: #da570d;
    color: white;
    text-align: center;
    padding: 15px 16px 15px 16px; */
    font-size: 14px;
    padding-left: 20px;
    position: relative;
    color: #da570d;
    margin-bottom: 20px;
}
.back-to-ressources::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    left:0;
    width: 17px;
    height: 17px;
    background-position: center;
    background-size: cover;
    background-image: url(https://production.geoffroycrabieres.com/wp-content/uploads/2024/03/next-1.png);
}


/* RESSOURCES LIST PAGE */
.ressources-list-page .entry-content .wp-block-group {
    margin-bottom: 0!important;
}
.ressources-list-page article.category-ressource {
    margin-top: 0!important;
}
.wp-block-latest-posts__post-full-content .wp-block-group {
    width: 100%;
}
.wp-block-latest-posts__post-title {
    font-size: 32px;
    font-weight: 800;
    color: #232932;
    font-family: 'Manrope', sans-serif!important;
}
.wp-block-latest-posts__post-full-content .wp-block-columns.blue-background .wp-block-column:nth-of-type(2) .wp-block-buttons {
    display: flex;
    justify-content: flex-end;
}

/* TOGGLE TEXT DROPDOWN */
.sp-easy-accordion .sp-ea-single .ea-header a {
    font-size: 14px!important;
    font-weight: 800!important;
    letter-spacing: normal!important;
    color: #232932!important;
    padding: 7px 0!important;
}
.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon.fa {
    float: right!important;
}
.sp-easy-accordion>.sp-ea-single {
    background: transparent!important;
    border: none!important;
}
.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {
    color: #232932!important;
    background: transparent!important;
    padding: 15px 0!important;
}
.fa-plus:before, .fa-minus:before {
    content: ""!important;
    color: #232932!important;
    font-weight: 800!important;
    height: 24px!important;
    width: 24px!important;
    background-image: url(https://production.geoffroycrabieres.com/wp-content/uploads/2023/06/arrow.svg);
    background-size: 25%!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    display: block!important;
}
.fa-minus:before {
    transform: rotate(-90deg)!important;
}

/* FOOTER */
#site-footer {
    border-color: transparent;
    background-color: #232932;
    color: white;
    padding: 56px 0 20px 0;
}
#site-footer .section-inner {
    display:block;
}
#site-footer a, #site-footer p {
    color:white;
    font-size: 12px;
    margin-bottom: 5px;
}
#site-footer .footer-columns {
    display: flex;
    justify-content: space-between;
}
#site-footer .footer-logo {
    width: 124px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://production.geoffroycrabieres.com/wp-content/uploads/2023/06/Logo.svg);
}
#site-footer .links, #site-footer .contact {
    display: flex;
    justify-content: space-between;
}
#site-footer .contact .company-name {
    font-weight: 800;
    position: relative;
    padding-left: 10.5px;
    margin-right: 17px;
}
#site-footer .contact .company-name .lighter-text {
    margin-top: 20px;
}
#site-footer .contact .company-name p:nth-of-type(3) {
    margin-bottom: 0;
}
#site-footer .contact .company-name::before {
    content: "";
    position: absolute;
    left: -10.5px;
    top: calc(50% - 0.1em);
    transform: translateY(-50%);
    height: 75%;
    width: 1px;
    background-color: white;
}
#site-footer .contact div:nth-of-type(2) {
    margin-right: 84px;
}
#site-footer .links .column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
#site-footer .links .column:nth-of-type(1) {
    margin-right: 38px;
}
#site-footer .footer-credits {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 75px;
    opacity: 0.2;
}
#site-footer .footer-credits p {
    margin-bottom: 0;
}
#site-footer .column a {
    margin-bottom: 5px;
}

/* RESPONSIVE */
@media all and (max-width: 768px) and (orientation: portrait) {
    /* HEADER */
    #site-header .header-inner {
        width: 100%;
        max-width: 100%;
    }
    header#site-header .header-titles-wrapper {
        justify-content: space-between!important;
        padding-right: 0;
    }
    #site-header.white, #site-header {
        z-index: 99;
        padding: 0 20px;
    }
    .nav-toggle .toggle-text {
        display: none;
    }
    .header-inner .toggle {
        justify-content: flex-end;
    }
    .mobile-nav-toggle {
        position: relative;
    }
    header#site-header.white .mobile-nav-toggle::before, header#site-header.white .mobile-nav-toggle::after {
        background-color: white;
    }
    .mobile-nav-toggle::before, .mobile-nav-toggle::after {
        content: "";
        position: absolute;
        right: 0;
        height: 2px;
        width: 20px;
        background-color: black;
    }
    .mobile-nav-toggle::before {
        top: 5px;
    }
    .mobile-nav-toggle::after {
        bottom: 5px;
    }
    .mobile-nav-toggle .toggle-icon {
        display: none;
    }
    nav.mobile-menu ul li a {
        color: #3f95ef;
    }
    .header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top {
        border-color: transparent!important;
    }
    .mobile-menu-top-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 94px;
    }
    .mobile-menu-logo-link {
        height: 30px;
        width: 124px;
    }
    .logo-mobile-menu {
        height: 30px;
        width: 124px;
        background-image: url(https://production.geoffroycrabieres.com/wp-content/uploads/2023/06/Logo-1.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .menu-modal.active {
        z-index:9999;
    }


    /* HOMEPAGE */
    .homepage-banner .wp-block-cover__inner-container h1 {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 24px !important;
    }
    .eb-post-carousel-wrapper.slick-arrows {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .homepage-banner {
        min-height: 500px!important;
    }
    .homepage-banner .wp-block-cover__background {
        opacity: 1!important;
        background-color: transparent!important;
    }
    .homepage-banner .wp-block-cover__background::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.2);
    }

    /* PROGRAMMES */
    article.post {
        flex-direction: column;
        width: 100%;
    }
    article.post header.entry-header, article.post .post-inner {
        min-width: 100%;
    }
    article.post header.entry-header {
        margin-bottom: 20px;
    }
    .programmes-content-container {
        padding: 20px;
    }
    .blue-background .wp-block-buttons {
        justify-content: center!important;
    }
    .blue-background p {
        text-align: center;
    }
    .blue-background {
        padding: 20px;
    }
    .blue-background .wp-block-columns, .blue-background .wp-block-columns.no-margin, .blue-background .wp-block-columns.with-margin-top {
        gap: 1em;
        margin-bottom: 40px!important;
    }
    .blue-background .wp-block-columns:last-child {
        margin-bottom: 0!important;
    }
    .programmes-intro {
        gap: 20px;
    }

    /* QUI SOMMES-NOUS ? */
    article.post-15 {
        padding: 4rem 0 0;
    }
    .grey-background {
        padding: 20px;
    }
    .astrazeneca-logo img {
        width: 250px;
    }

    /* PARTENAIRES */
    article.post-13 {
        padding: 4rem 0 0;
    }
    article.post-13 .qui-sommes-nous-block:nth-of-type(2) {
        flex-direction: column-reverse;
    }

    /* PROGRAMMES */
    .entry-header h1.entry-title {
        margin-bottom: 10vh;
    }
    h3 {
        font-size: 18px;
    }
    .margin-top-fifty {
        margin-top: 20px!important;
    }

    /* RESSOURCES */
    article.post-11 {
        padding: 4rem 0 0;
    }

    /* CONTACTS */
    article.post-9 {
        padding: 4rem 0 0;
    }

    /* RESSOURCES */
    article.category-ressource .entry-title {
        margin-left: 20px;
        margin-bottom: 0!important;
    }
    .back-to-ressources {
        margin-left: 20px;
    }
    article.category-ressource .entry-header {
        margin-bottom: 0;
    }
    .ressources-container .wp-block-latest-posts__post-full-content .wp-block-columns {
        width: 100%!important;
    }

    /* ACTUALITES */
    .ebpg-entry-header, .ebpg-entry-meta, .ebpg-entry-meta {
        padding-left: 20px;
        padding-right: 20px;
    }
    article.post .entry-title {
        margin: 0;
    }

    /* FOOTER */
    #site-footer .footer-columns, #site-footer .links, #site-footer .contact {
        flex-direction: column;
    }
    #site-footer .links, #site-footer .contact {
        margin-top: 20px;
    }
    #site-footer .contact .company-name {
        padding-left: 0;
        margin-bottom: 10px;
    }
    #site-footer .contact .company-name::before {
        content: none;
    }
}