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

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {
    
    :root {
        --font-size-menu-drawer: calc(.8 * var(--font-size-small));
        --font-size-base: .8rem;
    }
    
    .block-primary-menu ul.menu > li + li > a {
        padding: .5em 0 .55em 0;
    }

    header.menu-drawer .menu-menu-principal-container ul.menu {
        width: calc(var(--menu-drawer-padding) + 70%);
    }

    .activite-card {
        font-size: .9rem;
    }

    .activite__texte > p{
        font-size: calc(1 * var(--font-size-medium));
    }

    #main-container .has-media-on-the-right .wp-block-media-text__content {
        padding: 2.375rem 4vw;
        font-size: var(--font-size-small);
    }

}

/* Ecrans petits */
@media (min-width: 992px) and (max-width: 1200px) {
    
    :root {
        --font-size-menu-drawer: calc(.6 * var(--font-size-small));
        --font-size-base: .7rem;
    }
    
    h2{
        font-size: calc(.8 * var(--font-size-x-large));
    }

    header.menu-drawer .menu-menu-principal-container ul.menu li::before {
        display: none;
    }

    .activite__texte > p{
        font-size: calc(.9 * var(--font-size-small));
    }

    #main-container .branche.inview-frozen {
        width: 40vw;
        height: 30vw;
        transform: rotate(180deg) translate(-55%, 30%);
    }

    #main-container .has-media-on-the-right .wp-block-media-text__content {
        padding: 1.5rem 3vw;
        font-size: var(--font-size-small);
    }

    #main-container .post-extrait-container .branche {
        transform: translate(-70%, -23%);
    }

    .post-extrait-wrapper a.post-extrait__link{
        min-height: 16rem;
    }

    body.blog .post-extrait-wrapper a.post-extrait__link{
        min-height: 12rem;
    }

    .deco__larme svg{
        max-height: 2rem;;
    }

}

/* Tablettes et Smartphones */
@media (max-width: 991px) {
    
    :root {
        --media-width: 90vw;
        --content-width: 60vw;
    }
    

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

    .wp-block-media-text{
        display: flex;
    }

    #main-container .wp-block-media-text__content {
        width: var(--content-width);
        min-width: var(--content-width);
        max-width: var(--content-width);
        position: static;
        right: 0;
        top: 0;
        transform: none;
        margin-top: -10rem;
    }

    .activity-card{
        align-items: center;
        padding: 4rem;
    }

    .activity-card__logo {
        max-width: 20vw;
        max-height: 30vw;
    }

    .bec-slider__tunnel{
        overflow-x: auto;
    }

    #container-menu-mobile .container-menu .menu > li > a {
        color: var(--couleur-2);
    }

    footer#colophon .footer-container {
        height: auto;
        padding-top: 3rem;
    }

    .block-copyright {
        align-items: center;
    }

    .block-copyright > * {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    #main-container .wp-block-media-text__content {
        padding-left: 6vw;
    }

    .banner__description {
        left: 2rem;
        bottom: 5vh;
        z-index: 15;
        color: var(--couleur-6);
        font-family: var(--font-titre);
        font-size: calc(1 * var(--font-size-xx-large));
        line-height: .95;
    }

    #main-container .wp-block-media-text__content {
        border-right: 9px solid var(--couleur-fond);
    }

    .home-cartouche {
        height: auto;
        padding: 6vw;
        padding-bottom: 8rem;
    }

    .home-cartouche__element{
        min-width: 80vw;
        margin : auto;
    }

    .home-cartouche__element--vignette {
        border-width: 5px 5px 5px 5px;
    }

    .home-cartouche__element--accroche::after {
        min-width: 5rem;
        min-height: 5rem;
    }

    body:where(.archive, .blog) .container-content .bec-slider__wagon-innercontainer {
        position: relative;
        width: 40vw;
        height: 40vw;
    }

    a.realisation__image-link--thumbnail {
        width: 60vw;
        height: 60vw;
    }

    .realisation-container__gallery {
        width: 60vw;
    }

    #main-container .realisation-wrapper {
        align-items: center;
        flex-direction: column-reverse;
    }

    .realisation-container__content {
        padding-right: 0;
    }

    .spacer{
        max-height: 2rem;
    }

    .entry-content {
        padding-top: 4rem;
    }

    #general-banner {
        height: 30vh;
    }

    .realisation-wrapper::after {
        width: 25vw;
        height: 15vw;
    }

    .types {
        margin-top: 2rem;
    }

    body.blog .post-extrait-wrapper {
        width: 50vw;
        height: 50vw;
        margin: 6rem auto;
    }

    body.blog h1 {
        margin-bottom: 0rem;
    }

    #home-banner{
        height: 40vh;
    }

    .home-cartouche--home {
        max-height: none;
        align-items: center;
    }

    .activite-card {
        font-size: .8rem;
    }

    .assets{
        display: flex;
        align-items: center;
    }

    .assets__container {
        min-width: 0;
    }

    #main-container .wp-block-media-text.has-media-on-the-right{
        flex-direction: column-reverse;
    }

    #main-container .has-media-on-the-right .wp-block-media-text__content{
        position: relative;
        z-index:10;
        border-left: 9px solid var(--couleur-fond);
        padding-right: 6vw;
    }
    
    .wp-block-media-text{
        margin-bottom: 4rem;
    }

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

    h2 {
        font-size: calc(.8 * var(--font-size-x-large));
    }

    .post-extrait-wrapper {
       margin: 0 auto;
    }

    #main-container .post-extrait-container {
        padding-bottom: 10rem;
    }

    .post-extrait-wrapper .post-extrait__thumbnail {
        height: 60vw;
    }

    .post-extrait__wrapper {
        gap: 8rem;
    }

}

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

/* Smartphones */
@media (max-width: 767px) {
    
    :root {
        --font-size-base: .7rem;
        --content-width: 80vw
    }
    

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

    footer#colophon .bec-encart {
        position: static;
        transform: none;
        width: 80vw;
        margin: -5rem auto 5rem auto;
    }

    .footer-contact__form {
        width: 100vw;
    }

    .footer-contact__form {
        padding-bottom: 6rem;
    }

    .block-footer-menu ul.menu > li + li::before {
        display: none;
    }

    .bec-slider__title {
        max-width: 80vw;
        margin: 4rem auto .5rem auto;
        display: flex;
        flex-direction: column;
    }

    .bec-slider__wagon {
        width: calc(var(--tunnel-width) / 2);
    }
    #bec-slider-container {
        height: 36vw;
    }

    a.bec-slider__wagon-innercontainer {
        width: 36vw;
    }

    #next-btn--bec-slider {
        right: -1rem;
    }

    body:where(.archive, .blog) .container-content .bec-slider__wagon-innercontainer {
        position: relative;
        width: 80vw;
        height: 80vw;
    }

    a.realisation__image-link--thumbnail {
        width: 80vw;
        height: 80vw;
    }

    .realisation-container__gallery {
        width: 80vw;
    }

    body.blog .post-extrait-wrapper {
        width: 80vw;
        height: 80vw;
    }

    body.home .banner__description {
    font-size: calc(1 * var(--font-size-xx-large));
    }

    .activite-card__deco {
        display: none;
    }

    #main-container .branche.inview-frozen {
        width: 40vw;
        height: 23vw;
    }

    #main-container .wp-block-media-text__content {
        margin-top: -5rem;
  }

}

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