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

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

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

    #main-container{
        margin-top: 60px !important;
    }

    #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;
        margin-bottom: 0;
        padding-bottom: 0;
    } 

    .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{
        min-width: 100%;
        margin: 0 auto;
    }

    .liste-pictos__ul li.item-pictos__li {
        align-items: center;
        text-align: center;
        margin: 2rem 0;
    }

    .item_pictos__text {
        margin-left: 0;
    }

}

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

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

    .fond-chargement .logo-site {
        width: 60vw;
        max-height: none;
    }
    
    #menu-menu-footer {
        flex-direction: column;
        margin-top: 4rem;
    }
    
    #main-container {
        padding-top: 4rem;
    }

    h2.wp-block-heading {
        font-size: var(--font-size-x-large);
    }

    .clic-button {
        transform: translate(110%, -110%);
    }

    .tarifs-container h2 {
        font-size: var(--font-size-x-large);
    }

    #main-container .tarifs__li {
        width: 100%;
        min-width: 0;
        gap: 1rem;
        font-size: var(--font-size-small);
        margin: .5rem;
        margin-left: .5rem;;
    }

    .tarifs__ul {
        padding: .5rem;
    }

    .tarifs-container {
        padding: 1rem;
    }

    #main-container .wp-block-column{
        padding: 0.5rem;
    }

    #main-container .wp-block-column:has(img){
        padding: 0rem;
    }

    #main-container .wp-block-buttons{
        max-width: 100%;
    }

    .wp-block-spacer{
        max-height: 2rem;
        margin: 0;
        padding: 0;
    }

}
/* 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) {}