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

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {
  :root {
    --font-size-base: 0.87rem;
  }
}

/* Tablettes et Smartphones */
@media (max-width: 991px) {
  :root {
    /* Font sizes */
    --font-size-base: 1rem;

    /* --font-size-small: 1rem !important; */
    /* --font-size-medium: 1rem !important; */
    /* --font-size-large: 1rem !important; */
    /* --font-size-x-large: 1rem !important; */
    /* --font-size-xx-large: 1rem !important; */

    --font-size-menu-principal: var(--font-size-x-large);
    --font-size-sous-menu-principal: var(--font-size-large);
    --font-size-menu-footer: var(--font-size-large);

    /* Arrow up */
    --arrow-up-width: 50px;
  }
}

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

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

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

/***************************************************************************/
/* Helpers                                                                 */
/***************************************************************************/

/* Tablettes et Smartphones */
@media (max-width: 991px) {
  .no-mobile,
  .no-mobile-flex {
    display: none;
  }

  .mobile {
    display: block;
  }

  .mobile-flex {
    display: flex;
  }
}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {
  .tablettes-only {
    display: block;
  }
}

/* Smartphones */
@media (max-width: 767px) {
  .smartphone-only {
    display: block;
  }
}

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

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

/* Valeurs alignfull spécifiques sur desktops et laptops */
@media (min-width: 992px) and (max-width: 1790px) {
  .alignfull {
    max-width: calc(99vw);
  }
}

@media (min-width: 992px) and (max-width: 1470px) {
  .alignfull {
    max-width: calc(98.9vw);
  }
}

@media (min-width: 992px) and (max-width: 1240px) {
  .alignfull {
    max-width: calc(98.8vw);
  }
}

@media (min-width: 992px) and (max-width: 1071px) {
  .alignfull {
    max-width: calc(98.7vw);
  }
}

/* FIN Valeurs alignfull spécifiques sur desktops et laptops */

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {
  .block-primary-menu ul.menu > li + li {
    margin-left: 0rem;
  }
}

/* Tablettes et Smartphones */
@media (max-width: 991px) {
  #wpadminbar {
    display: none;
  }

  #main-container *:not(.avoid-mobile-column, .page-numbers) {
    flex-direction: column;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    max-width: 100%;
  }

  .display-grid {
    grid-template-columns: 1fr;
  }

  .alignfull {
    max-width: 100vw;
    margin-left: -50vw;
  }

  .is-layout-flex:not(.alignfull, .alignwide) {
    width: var(--wideSize);
  }

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

  header {
    display: none;
  }

  #header-mobile {
    display: block;
  }

  .footer-container,
  .footer-sub-container,
  .block-copyright,
  .block-footer-menu ul.menu {
    flex-direction: column;
  }

  .footer-sub-container {
    padding-top: 2rem;
  }

  .block-footer-menu ul.menu {
    margin-bottom: 3rem;
    align-items: stretch;
  }

  .block-footer-menu ul.menu > li + li {
    margin-left: 0;
    margin-top: 0.5rem;
  }

  .block-footer-menu ul.menu li {
    text-align: center;
  }

  .block-copyright > * {
    text-align: center;
  }

  .block-copyright .item-copyright + .item-copyright {
    margin-top: 1rem;
  }

  .block-copyright .item-copyright + .item-copyright::before {
    display: none;
  }

  #search-form {
    z-index: 90;
  }

  #search-form .btn-close {
    display: none;
  }

  form.search-form {
    width: 100vw;
    flex-direction: column;
  }

  form.search-form > input[type="submit"] {
    margin-left: 0;
    margin-top: 1rem;
  }

  .display-grid {
    grid-template-columns: 1fr 1fr;
  }

  figure.is-resized img {
    width: 100% !important;
    height: auto !important;
  }

  .suiv-prec a[rel="prev"] {
    text-align: right;
  }

  :where(.archive, .blog) article {
    width: 80%;
    margin: 5rem auto 0 auto;
  }
}

/* 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) {
  .post-edit-link {
    display: none;
  }
}

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

/***************************************************************************/
/* Blocs editeur                                                           */
/***************************************************************************/

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

/***************************************************************************/
/* Cookies                                                                 */
/***************************************************************************/

/* Section écrans moyen desktop */
@media (min-width: 1401px) and (max-width: 1600px) {
  #tarteaucitronAlertBig {
    width: 35vw;
  }

  #tarteaucitron {
    width: 45vw;
  }
}

/* Section petits écrans desktop */
@media (min-width: 992px) and (max-width: 1400px) {
  #tarteaucitronAlertBig {
    width: 45vw;
  }

  #tarteaucitron {
    width: 45vw;
  }

  .tarteaucitronMainLine .tarteaucitronAsk {
    width: 75%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    padding-right: 40%;
    background-size: auto 90%;
  }

  #tarteaucitron {
    width: 50vw;
  }
}

@media screen and (max-width: 991px) {
  #tarteaucitronAlertBig {
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: 100vw;
    box-shadow: none;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0;
  }

  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    background-position: 106% -8px;
  }

  #tarteaucitron {
    width: 100vw;
    right: 0;
    bottom: 0;
    top: auto;
    height: 85vh;
    border-radius: 0;
    overflow: auto;
  }

  #tarteaucitronMainLineOffset {
    border-radius: 0;
  }

  #tarteaucitronClosePanel {
    margin: 0.5rem 0 0 0;
    bottom: auto;
    background: #fff;
    color: var(--couleur3);
  }
}

/* xs - Smartphones */
@media (max-width: 767px) {
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    background-size: auto 80%;
  }

  .tarteaucitronMainLine .tarteaucitronAsk {
    width: 75%;
  }
}