/***************************************************************************/
/* Vars                                                                    */
/***************************************************************************/

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {
    /*
    :root {
    }
    */

.frontpage-banner__element h1{
    margin: 4rem 2vw 0 0;
    font-weight: 500;
    font-size: calc(1 * var(--font-size-x-large));
    position: relative;
    z-index: 5;;
}


}

/* Tablettes et Smartphones */
@media (max-width: 991px) {
    
    :root {
        --article-width: 100%;
    }
    

    #container-header-mobile {
        padding: 0 .4rem;
    }

    body.single #main-container .entry-content :where( .wp-block-heading, p, .wp-block-gallery, .wp-block-quote, ) {
        padding-left: 0;
    }

    article.post-extrait .wp-block-button {
        position: static;
        margin: auto;
        margin-top: 2rem;
    }

    footer#colophon {
        height: fit-content;
        align-items: center;
        justify-content: center;
    }

    #colophon .block-logo {
        width: 100%;
        margin-top: 0;
    }

    .footer-container {
        align-items: center;
        justify-content: center;
    }

    .block-footer-menu ul.menu > li > a {
        font-size: var(--font-size-large);
    }

    .block-footer-menu ul.menu > li {
        margin-right: 0;
    }

    .block-reseaux-sociaux > ul {
        justify-content: center;
    }

    .block-reseaux-sociaux>ul>li>a {
        width: 6rem;
        height: 6rem;
        margin: 3rem 0;
    }

    #menu-menu-footer {
        max-height: none;
        align-items: center;
        justify-content: center;
    } 

    .block-footer-menu {
        margin-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    figure.wp-block-gallery{
        min-width: var(--wideSize);
    }

    figure.wp-block-image{
        margin: 0 auto;
    }

    .frontpage-banner-container {
        gap: 1rem;
    }

    .wp-block-group--banner {
        min-height: 0;
    }

    #main-container .wp-block-columns:not(.alignfull, .alignwide) {
        width: auto;
    }    

    #main-container .wp-block-group a.wp-block-button__link {
        flex-direction: row;
    }
    
    .cool-contributor__portrait {
        min-height: 15rem;
        align-self: center;
        clip-path: polygon(0 0, 0 100%, 75% 50%);
    }

    .cool-contributor__portrait img {
        transform: translateX(-22%);
    }

    #burger-button > svg .line{
        stroke: #fff;
    }

    .frontpage-banner-container {
        width: var(--contentSize);
        height: auto;
        background-image: url(../images/banner-bkg.png);
        background-repeat: repeat;
        background-size: cover;
        background-position: center;
        gap: 2rem;
        padding-bottom: 15rem;
    }

    .frontpage-banner__illu {
        transform: scale(.2) translateY(-50%);
        left: auto;
    }
    
    .frontpage-banner__element h1 {
        margin: 0;
        font-weight: 500;
        font-size: var(--font-size-x-large);
        max-width: 80%;
        margin: 0 auto;
        text-align: center;
        position: relative;
        z-index: 5;;
    }

    .footer-sub-container__el--contact {
        flex-direction: column;
    }

    #colophon h2{
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .plateformes__wrapper{
        justify-content: center;
    }

}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {
    /*
    :root {
    }
    */
}

/* Smartphones */
@media (max-width: 767px) {
    
    :root {
        --font-size-base: .6rem;
        --wideSize: 90vw;
        --contentSize: 90vw;
    }
    
    .frontpage-banner-container {
        padding-bottom: 10rem;
    }

    .frontpage-banner__element h1 {
        margin: 0 auto;
        font-weight: 500;
        font-size: calc(1.4 * var(--font-size-larmediumge));
    }

    .fond-chargement .logo-site {
        width: 60vw;
        max-height: none;
    }
    
    #menu-menu-footer {
        flex-direction: column;
        margin-top: 4rem;
    }
    
    .frontpage-banner__illu {
        transform: scale(.2) translateY(-100%);
    }

    .wp-block-group h2 {
        font-size: var(--font-size-medium);
    }

}

/* Petit Smartphones */
@media (max-width: 540px) {
    /*
    :root {
    }
    */
}

/***************************************************************************/
/* Layout                                                                  */
/***************************************************************************/

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {}

/* Tablettes et Smartphones */
@media (max-width: 991px) {}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {}

/* Smartphones */
@media (max-width: 767px) {}

/* Petit Smartphones */
@media (max-width: 540px) {}


/***************************************************************************/
/* Boutons                                                                 */
/***************************************************************************/

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {}

/* Tablettes et Smartphones */
@media (max-width: 991px) {}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {}

/* Smartphones */
@media (max-width: 767px) {}

/* Petit Smartphones */
@media (max-width: 540px) {}


/***************************************************************************/
/* Forms                                                                 */
/***************************************************************************/

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {}

/* Tablettes et Smartphones */
@media (max-width: 991px) {}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {}

/* Smartphones */
@media (max-width: 767px) {}

/* Petit Smartphones */
@media (max-width: 540px) {}