/*-----------------------------------------*/
/*	 STYLE GLOBAL : MÉDIA QUERIES
/*-----------------------------------------*/

/* ----------- MIN-WIDTH : 576PX ----------- */
@media (min-width: 576px) {
}

/* ----------- MIN-WIDTH : 768PX ----------- */
@media (min-width: 768px) {
  /* Menu */
  /* Trait */
  .header-site .menu::after {
    display: block;
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    content: "";
    height: 1px;
    width: auto;
  }

  /* [] ACCUEIL */
  .page-accueil .row-exergue:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
  }

  .liste-actualites .article-actualite .content-editorial {
    height: 16rem;
  }

  .page-accueil .front-actu:first-child {
    padding-right: 8.33333333%;
  }
  .page-accueil .front-actu:last-child {
    padding-left: 8.33333333%;
  }

  /* [] LISTING ŒUVRES (Tableaux + Vitraux + Inachevées) */
  /* Corpus */
  /* Inversion cartouches paires */
  .cartouche-oeuvre:nth-child(even) .row-oeuvre {
    display: flex;
    flex-direction: row-reverse;
    /* justify-content: center; */
  }

  /* Inversion marge et content pour Visuel et Éditorial */
  /* Cartouches Œuvre paires */
  .cartouche-oeuvre:nth-child(even) .visuel-oeuvre .row,
  .cartouche-oeuvre:nth-child(even) .editorial-oeuvre .row {
    display: flex;
    flex-direction: row-reverse;
  }

  /* Cartouches Œuvre impaires */
  .cartouche-oeuvre:nth-child(odd) .editorial-oeuvre {
    padding-left: 8.33333333%;
    text-align: left;
  }

  /* Cartouches Œuvre paires */
  .cartouche-oeuvre:nth-child(even) .editorial-oeuvre {
    padding-right: 8.33333333%;
    text-align: right;
  }

  /* Tirets d'encadrement : Editorial & Visuel -(before = haut, after = bas) */
  /* Tirets Editorial  */
  .cartouche-oeuvre .editorial-oeuvre::before,
  .cartouche-oeuvre .editorial-oeuvre::after {
    display: block;
    position: absolute;
    content: "";
    height: 1px;
    width: auto;
  }
  /* Tirets Editorial à droite (impair) */
  .cartouche-oeuvre:nth-child(odd) .editorial-oeuvre::before,
  .cartouche-oeuvre:nth-child(odd) .editorial-oeuvre::after {
    left: 12px;
    right: 0;
  }
  /* Tirets Editorial à gauche (pair) */
  .cartouche-oeuvre:nth-child(even) .editorial-oeuvre::before,
  .cartouche-oeuvre:nth-child(even) .editorial-oeuvre::after {
    left: 0;
    right: 12px;
  }

  /* Tirets Visuel  */
  .cartouche-oeuvre .visuel-oeuvre::before,
  .cartouche-oeuvre .visuel-oeuvre::after {
    display: block;
    position: absolute;
    content: "";
    height: 1px;
    width: calc(16.66666667% - (1 * 12px));
  }

  /* Tirets Visuel à gauche (impair) */
  .cartouche-oeuvre:nth-child(odd) .visuel-oeuvre::before,
  .cartouche-oeuvre:nth-child(odd) .visuel-oeuvre::after {
    left: 0;
  }

  /* Tirets Visuel à droite (pair) */
  .cartouche-oeuvre:nth-child(even) .visuel-oeuvre::before,
  .cartouche-oeuvre:nth-child(even) .visuel-oeuvre::after {
    right: 0;
  }

  /* Tiret haut */
  .editorial-oeuvre::before,
  .visuel-oeuvre::before {
    top: 10%;
  }
  /* Tiret bas */
  .editorial-oeuvre::after,
  .visuel-oeuvre::after {
    bottom: 10%;
  }

  .cartouche-oeuvre .content-editorial {
    padding-top: 15%;
    padding-bottom: 15%;
  }
  .cartouche-oeuvre .content-editorial h2,
  .cartouche-oeuvre .content-editorial p {
    margin-bottom: 0;
  }

  /* Voir l'œuvre (Lien) */
  /* Éditorial à droite (impair) */
  .cartouche-oeuvre:nth-child(odd) .voir-oeuvre a::before {
    position: relative;
    display: inline-block;
    font-family: "bootstrap-icons";
    content: "\f129";
    font-size: inherit;
    color: inherit;
    top: 3px;
    margin-right: 0.5rem;
  }
  /* Éditorial à gauche (pair) */
  .cartouche-oeuvre:nth-child(even) .voir-oeuvre a::after {
    position: relative;
    display: inline-block;
    font-family: "bootstrap-icons";
    content: "\f133";
    font-size: inherit;
    color: inherit;
    top: 3px;
    margin-left: 0.5rem;
  }

  /* [] PAGE ÉDITORIALES */
  /* [] L'ARTISTE - RENÉ DUCOURANT */
  .page-lartiste .titre-page {
    padding-top: 20%;
  }

  .page-lartiste .titre_part1 {
    margin-left: -4rem;
  }

  /* [] L'ÉGLISE  */
  .page-leglise-st-leger .titre_part1,
  .page-les-travaux .titre_part1 {
    margin-left: -4rem;
  }

  /* [] ACP GOSNAY */
  .page-acp-gosnay .titre_part2 {
    padding-left: 8.33333333%;
  }

  /* [] CONTACT & LIENS */
  .page-contact .titre_part1,
  .page-liens .titre_part1 {
    text-align: right;
    margin-right: -3rem;
  }

  /* [] ACTUALITÉS - LISTE  */
  .liste-actualites article:nth-child(odd) {
    padding-right: 8.33333333%;
  }

  .liste-actualites article:nth-child(even) {
    padding-left: 8.33333333%;
  }

  /* [] ACTUALITÉS - SINGLE  */
  .row-single-vignette-infos {
    flex-direction: row-reverse;
  }
  .single-actualites .date-cats {
    padding: 20% 8.33333333% 2rem calc(var(--bs-gutter-x) * 0.5);
  }

  .date-actu::before {
    top: 0;
  }
  .single-actualites h1 {
    margin-top: -1.6rem;
    padding-right: 16.66666667%;
  }

  /* <> Footer Site */
  .footer-site_menu::before,
  .mentions::before {
    left: calc(var(--bs-gutter-x) * -0.5);
    right: calc(var(--bs-gutter-x) * -0.5);
    width: auto;
  }

  .footer-site_titre::before {
    left: calc(var(--bs-gutter-x) * -0.5);
  }

  .footer-site_titre::after {
    right: calc(var(--bs-gutter-x) * -0.5);
  }

  .footer-site_nav li:last-child {
    margin-right: 0;
  }
}

/* ----------- MIN-WIDTH : 992PX ----------- */
@media (min-width: 992px) {
}

/* ----------- MIN-WIDTH : 1200PX ----------- */
@media (min-width: 1200px) {
}

/* ----------- MIN-WIDTH : 1400PX ----------- */
@media (min-width: 1400px) {
}

/* ----------- MAX-WIDTH : 575.98PX ----------- */
@media (max-width: 575.98px) {
}

/* ----------- MAX-WIDTH : 767.98PX ----------- */
@media (max-width: 767.98px) {
  .header-site::after {
    left: 50%;
    transform: translate(-50%, 0);
    width: 33.33333333%;
  }
  .menu {
    justify-content: flex-end;
  }

  .menu a {
    margin-right: -5px;
  }
  .menu span {
    display: none;
  }
  /* Hamburger */
  .menu .bi-list {
    font-size: 1.8rem;
    padding-bottom: 0;
  }

  .chemin {
    text-align: right;
  }

  /* Editorial Œuvre */
  .editorial-oeuvre {
    margin-top: 3rem;
  }

  /* Images dans éditorial */
  .wp-editorial img {
    width: 100%;
    max-width: 100%;
  }

  /* Accueil */
  .page-accueil .titre-lien {
    margin: 1rem 0 2rem;
  }

  /* Tirets encadrant Visuel (visuel-oeuvre : tirets du haut - editorial-oeuvre : tirets du bas  )  */
  .cartouche-oeuvre .visuel-oeuvre::before,
  .cartouche-oeuvre .visuel-oeuvre::after,
  .cartouche-oeuvre .content-visuel::before,
  .cartouche-oeuvre .content-visuel::after {
    display: block;
    position: absolute;
    content: "";
    height: 1px;
    width: calc(8.33333333% - 12px);
    width: 5%;
  }
  /* Tiret haut gauche */
  .cartouche-oeuvre .visuel-oeuvre::before {
    top: 2rem;
    left: -6%;
  }
  /* Tiret haut droit */
  .cartouche-oeuvre .visuel-oeuvre::after {
    top: 2rem;
    right: -6%;
  }
  /* Tiret bas gauche */
  .cartouche-oeuvre .content-visuel::before {
    bottom: 2rem;
    left: -6%;
  }
  /* Tiret bas droit */
  .cartouche-oeuvre .content-visuel::after {
    bottom: 2rem;
    right: -6%;
  }

  /* Voir l'œuvre (Lien) */
  .cartouche-oeuvre .voir-oeuvre a::before {
    position: relative;
    display: inline-block;
    font-family: "bootstrap-icons";
    content: "\f133";
    font-size: inherit;
    color: inherit;
    top: 3px;
    margin-right: 0.5rem;
  }

  /* Pages */
  .page-lartiste .titre-page,
  .page-leglise-st-leger .titre-page,
  .page-les-travaux .titre-page {
    margin-top: -1.5rem;
    text-align: right;
  }

  .page-acp-gosnay .titre-page {
    text-align: right;
  }
  .page-contact .titre-page,
  .page-liens .titre-page,
  .page-mentions-legales .titre-page {
    margin-top: -1.5rem;
    text-align: center;
  }

  .page-contact .header-page .row .row,
  .page-liens .header-page .row .row,
  .page-mentions-legales .header-page .row .row {
    flex-direction: column-reverse;
  }

  .error404 .titre-page {
    margin-top: 0.5rem;
    text-align: left;
  }

  /* [] ACTUALITÉS - SINGLE  */

  .single-actualites .vignette {
    margin-bottom: 1.5rem;
  }

  .date-actu::before {
    bottom: 0;
  }

  /* Mentions */
  .mentions {
    text-align: center;
  }

  /* Menu footer */
  .footer-site_menu-liste {
    gap: 1rem 2rem;
  }
}

/* ----------- MAX-WIDTH : 991.98PX ----------- */
@media (max-width: 991.98px) {
  /* Visuel Front */
  .page-accueil .front-visuel {
    height: 15rem;
  }

  /*  {} EXPLORER LES ACTUALITES
------------------------------------------*/
  .explorer-actualites .nav {
    justify-content: space-between;
  }

  .explorer-actualites .nav-tabs .nav-link {
    margin: 0;
  }

  .explorer-actualites .bi {
    font-size: 1.5rem;
  }

  .explorer-actualites .nav-link.active .bi {
    color: #fff;
  }

  .explorer-actualites .nav-tabs span {
    display: none;
  }

  .dernieres-actualites,
  .explorer-actualites {
    padding-top: 40px;
  }

  /* <> PIED DE PAGE > Menu */
  .footer-site_nav li {
    padding: 0 2vw;
  }
}

/* ----------- MAX-WIDTH : 1199.98PX ----------- */
@media (max-width: 1199.98px) {
}

/* ----------- ENTRE 575.98PX ET 767.98PX ----------- */
@media (min-width: 576px) and (max-width: 767.98px) {
}

/* ----------- ENTRE 575.98PX ET 767.98PX LANDSCAPE ----------- */
@media (min-width: 576px) and (max-width: 767.98px) and (orientation: landscape) {
}

/* ----------- ENTRE 768PX ET 991.98PX ----------- */
@media (min-width: 768px) and (max-width: 991.98px) {
  .page-accueil .vignette {
    height: 9rem;
  }
}

/* ----------- ENTRE 992PX ET 1199.98PX ----------- */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* ----------- ENTRE 768PX ET 1399.98PX ----------- */
@media (min-width: 768px) and (max-width: 1399.98px) {
}