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

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

    .banner__title {
        left: 10vw;
    }

    .counter-wrapper{
        font-size: 14px;
    }

    .menu-drawer__footer {
        min-height: 18vh;
    }

    article.post-extrait .entry-content h2 {
        font-size: var(--font-size-large);
    }

    .realisations__logo-wrapper {
        width: 10rem
    }

}

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

    h1{
        font-size: var(--font-size-x-large);
    }

    header.menu-drawer .menu-menu-principal-container ul.menu li a {
        font-size: calc(.7 * var(--font-size-xx-large));
      }

    .realisations__wrapper.on-screen article{
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .realisations__logo-wrapper {
        width: 8vw;
        height: auto;
    }

    .realisations__intro-text p {
        max-width: 90%;
        margin-top: 0.5rem;
    }

    .main-banner{
        height: fit-content;
    }

    .banner__title {
        font-size: var(--font-size-xx-large);
    }

    body.admin-bar .main-title {
        height: fit-content;
      }

    article.post-extrait.pattern-2{
        padding-top: 6rem;
    }

    article.post-extrait .entry-content{
        padding: 2.25rem 2vw 2.25rem 3vw;
    }

    :where(article.post-extrait.pattern-1, article.post-extrait.pattern-2) .post-thumbnail{
        height: 12rem;
    }
    
    article.post-extrait.pattern-3 .post-thumbnail{
        height: 18rem;
    }

    body.home .banner__title {
        font-size: var(--font-size-x-large);
    }

    .counter-wrapper{
        font-size: 12px;
    }

    .wp-block-column:has(.counter__number):last-child::before {
        display: none;
    }

    .terms__wrapper{
        margin-top: 2vh;
    }

    .terms__main-title {
        width: 100%;
    }

      figure.wp-block-pullquote blockquote{
        font-size:1.2rem;
    }

      #colophon .block-footer-menu ul.menu {
        max-height: none;
        flex-wrap: nowrap;
    }

    .footer__block-infos .logo{
        flex-direction: column;
        margin-right: 8rem;
    }
    
    .footer__text {
        padding: 0;
    }

}





/* Tablettes et Smartphones */
@media (max-width: 991px) {
    
    :root {
        --etape-diameter : 12rem;
    } 
    
    .archive-extraits-wrapper {
        height: fit-content;
        overflow-x: scroll;
    }

    .switch-btn{
        display: none;
    }

    .realisations__wrapper{
        position: static;
        min-height: 70vh;
        min-width: 200vw;
        padding: 0;
        padding-bottom: 5rem;
    }
    

    #realisations__wrapper--1{
        min-width: 150vw;
    }

    .realisations__wrapper.on-right article,
    .realisations__wrapper.on-left article
    {
        opacity: 1;
    }

    .realisations__intro-wrapper {
        flex: 1;
        min-width: 50vw;
        max-width: 50vw;
    }

    body.post-type-archive-realisations #colophon,
    body.tax-espace #colophon
    {
       width: 100vw;
       left: 0;
       right: 0;
       bottom: 0;
    }

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

    .main-banner {
        height: 25vh;
    }

    .banner__title {
        font-size: calc(1 * var(--font-size-xx-large));
        padding-left: 10vw;
    }

    .main-title {
        height: auto;
    }

    .main-title h1{
        display: flex;
        align-items: flex-start;
    }

    .wp-block-spacer{
        max-width: 2rem;
    }

    .container-header-mobile-logo .logo-mobile {
        height: 60%;
    }

    :root{
        --font-size-menu-principal: var(--font-size-xx-large);
    }

    #container-menu-mobile > .container-menu {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #container-menu-mobile .container-menu .menu>li>a {
        font-weight: 700;
        text-transform: uppercase;
    }

    article.post-extrait .entry-content {
        padding: 1rem;
    }

    article.post-extrait .entry-content h2 {
        font-size: var(--font-size-large);
    }

    .wp-block-cover.parallax{
        max-width: 100vw;
        transform: scale(.8);
    }
    
    .wp-block-cover.parallax figure > .simpleParallax img{
        display: none;
    }

    .wp-block-cover .wp-block-columns{
        flex-direction: column;
    }    

    .terms__main-title {
        width: 100%;
        padding-bottom: 3rem;
    }

    .terms__wrapper {
        margin-top: 0;
    }

    .terms__term-card-wrapper {
        height: 100%;
        max-width: 100%;
    }

    .terms__term-card-wrapper.tall {
        height: fit-content;
    }

    .wp-block-columns{
        flex-direction: column;
    }

    .wp-block-column:has(.counter__number):last-child::before{
        display: none;
    }

    #all-realisations-link{
        position: absolute;
    }

    .archive-extraits-wrapper {
        margin-top: 5rem;
    }

    body.archive a.wp-block-button__link {
        max-width: none;
    }

    body.home .main-banner {
        height: calc(80vh + 2px);
    }

    .main-banner .simpleParallax{
        height: 100%;
    }

    .main-banner img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

}

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

    .wp-block-image.is-style-rounded{
        max-width: 50vw;
        margin: auto;
    }

}

/* Smartphones */
@media (max-width: 767px) {
    
    :root {
        --etape-diameter: 30vw;
    }
    

    .archive-extraits-wrapper {
        margin-top: 2rem;
    }

    .realisations__wrapper article{
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .realisations__intro-wrapper{
        font-size: var(--font-size-small);
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: calc(.8 * var(--font-size-small));
    }
    
    .realisation-card__text {
        font-size: calc(.8 * var(--font-size-small));
        padding-left: 1rem;
        padding-top: 0.5rem;
        padding-bottom: .5rem;
    }

    .realisations__intro-text p{
        max-width: 100%;
    }

    .realisations__intro-text h1{
        font-size: var(--font-size-large);
    }
    
    .realisation-card__text h2{
        font-size: calc(.9 * var(--font-size-medium));
    }

    #colophon{
        max-height: 20vh;
        padding: 1rem;
    }

    #colophon *{
        flex-direction: column;
    }

    #colophon .footer-container {
        width: 100%;
    }

    .footer__block-infos {
        max-width: 100%;
        margin: 0;
    }

    .footer__text {
        padding: 0;
    }

    #colophon .block-reseaux-sociaux{
        margin: 0;
    }

    #colophon .rs{
        flex-direction: row;
    }

    #colophon .rs svg{
        height: 100%;
        width: auto;
    }

    .block-footer-menu h3::before {
        display: none;
    }

    #colophon .block-footer-menu ul.menu {
        max-height: none;
        flex-wrap: nowrap;
    }

    .banner__title {
        padding-left: 0;
    }

    .main-title {
        padding-left: 2rem;
        max-width: calc(100vw - 4rem);
    }

    .title__intro {
        padding-left: 0;
    }

    .title__title {
        margin-left: 2rem;
        margin-top: 1rem;
    }

    .title__intro::before {
        left: -.5rem;
    }

    .entry-content > *{
        padding: 0 1rem;
    }

    #main-container .wp-block-cover {
        min-height: 0;
        max-height: 50vh;
        padding: 5rem 1rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #main-container blockquote.wp-block-quote::before {
        display: none;
    }

    #main-container figure.wp-block-pullquote {
        padding: 1em;
        background-color: var(--couleur-3);
        margin-top: 2rem;
        margin-bottom: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #main-container figure.wp-block-pullquote p{
        margin: 0;
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
        width: 100%;
    }

    #main-container .wp-block-column .wp-block-gallery {
        margin: 0;
    }

    .wp-block-spacer{
        max-height: 4rem;
    }

    article.post-extrait {
        width: 90%;
        margin: 0 auto;
    }

    #main-container article.post-extrait{
        padding: 0;
        transition-duration: .5s;
        transition-delay: .1s;
    }

    #main-container .wp-block-columns .wp-block-column {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):has(figcaption){
        margin-bottom: 5rem;
    }
    
    #main-container .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
        flex-direction: row;
        height: fit-content;
    }

    #main-container .wp-block-gallery.has-nested-images:has(figcaption) {
        margin-bottom: 1rem;
    }

    .introduction__content {
        margin-left: 0;
        max-width: none;
        width: var(--wideSize);
        margin: 0 auto;
    }

    .terms__main-title {
        width: 100%;
    }

    .title__title {
        font-size: var(--font-size-large);
        margin: 1rem 0 0 2rem;
    }

    .introduction__title{
        width: 100%;
        width: var(--wideSize);
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .introduction__title h1 {
        font-size: var(--font-size-x-large);
        text-align: right;
        margin-left: 0rem;
        float: right;
    }

    .blog-introduction-container {
        padding-left: 0vw;
    }

    #main-container article.post-extrait {
        width: var(--wideSize);
    }

   
    #main-container figure.wp-block-pullquote blockquote p {
        font-size: var(--font-size-medium);
        max-width: 70%;
    }

    #main-container body.home .banner__logo {
        z-index: 50;
        transform: scale(1.05);
        max-width: 70vw;
        left: 0;
        top: 40%;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
    }

    .terms__wrapper {
        gap: 5rem;
        margin: 0;
    }

    .terms__term-card-wrapper,
    .terms__term-card-wrapper.large
    {
        min-width: 0;
        max-width: 100%;
        padding: 0;
    }

    .terms__term-card-wrapper .term-card__texts,
    .terms__term-card-wrapper.large .term-card__texts
    {
        right: 0;
        width: 100%;
        font-size: var(--font-size-small);
        padding: 0rem;
        padding-top: 1rem;
    }
    
    .term-card__thumbnail {
        margin-bottom: 0;
    }
    
    #main-container figure.wp-block-pullquote blockquote p::before {
        left: -3rem;
        width: 1.8rem;
        height: 1.4rem;
    }

    .counter-wrapper{
        align-items: center;;
    }

    .wp-block-column:has(.counter__number):last-child::before {
        display: none;
    }

    #main-container .wp-block-columns{
        width: 100vw !important;
        padding: 0;
    }

    body.home .banner__title {
        font-size: var(--font-size-x-large);
    }

    body.home .main-banner {
        height: calc(100vh + 2px);
    }

    #main-container .methode-container {
        width: 90vw;
        max-width: none;
        margin: 2rem auto !important;
        font-size: 12px;
    }

    .methode-wrapper {
        width: 80%;
        margin: 0 auto;
    }

    body.home h1::before {
        left: -2rem;

    }

    .wp-block-cover.parallax {
        transform: scale(1);
    }

    #main-container .has-x-large-font-size{
        font-size: var(--font-size-large) !important;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    #main-container .wp-block-cover.parallax{
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    #all-realisations-link{
        bottom: 0;
    }

    .main-banner{
        height: 30vh;
    }

    .banner__title {
        font-size: calc(.75* var(--font-size-xx-large));
        top: 50%;
        transform: translateY(-50%);
        left: auto;
        right: 10vw;
    }

}

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