/*
Theme Name: MDC 2023
Author:  intégration Olivier Coudre
Author URI: http://www.memoire.celestins-lyon.org/
Description: theme pour le site mémoire des celetins
Version: 1.0
Text Domain: site
Tags: ACF
*/

/*
SVG icons
*/
[class^="svg-icon"], [class*=" svg-icon"] {height: 1em; width: 1em; display: inline-block; stroke: none; fill: currentColor}
[class^="svg-icon-outline"], [class*=" svg-icon-outline"] {height: 1em; width: 1em; display: inline-block; stroke: currentColor; fill: none}


/**
 * Global & Structure
 */
 * {box-sizing: border-box;}
 *:after,
 *:before {box-sizing: inherit;}

html {scroll-behavior: smooth;overflow-y:scroll }

:where(html){
  --primary:#216eb1;
  --text:#1a1918;
  --black:#000;
  --white:#fff;
  --neutral:#f7f5f2;
  --gray-1:#f1f1f1;
  --gray-5:#a9aeb0;
  --gray-6:#6c6f70;
  --gray-8:#343a40;
  --gray-9:#212529;
  --bg: var(--white);
  --text-onprimary:var(--gray-1);
  --link:var(--text);
  --link-hover:var(--primary);
  accent-color: var(--primary);
  --accent-color: var(--primary);
  --input-text:var(--text);
  --input-bg:var(--white);
  --input-border:var(--gray-5);
  --btn-radius:.375rem;
  --btn-bg:var(--gray-1);
  --btn-border-color:var(--gray-5);
  --font-base: Arial, sans-serif;
  --size-1:.5rem;
  --size-2:1rem;
  --size-3:1.5rem;
  --size-4:2rem;
  --size-default:var(--size-2);
  --ease-2: cubic-bezier(.25,0,.4,1);

  --radius-small:var(--size-1);
  --h2-margin:var(--size-2);
  --p-margin:var(--size-2);
}

@media (min-width: 768px) {
  :where(html) {--size-default:var(--size-4) }
}

:focus-visible {outline-color: var(--primary) ;outline-offset: 5px;transition: outline-offset 145ms var(--ease-2); }
:focus-visible:not(:focus) {outline: solid 2px var(--primary);outline-offset: 5px }
/*:where(:not(:active):focus-visible) {outline-offset: 5px ;transition-duration: .25s;outline-style: solid;}*/

@media (prefers-color-scheme: dark) {
  :where(html) {
    --primary:#4faafa;
    --text: var(--gray-1);
    --bg:var(--gray-8);
    --neutral:var(--gray-9);
    color-scheme: dark;
    --black:#fff;
    --white:#000;
    --btn-bg:var(--gray-8);
  }
}

.violet {color: #7C4979}
.rouge {color: #C41230;}
.bleu {color: #1283C4;}
.orange {color: #FF6633;}

/* animations */
@keyframes fadeInDown {
    0% {opacity: 0; transform: translate3d(0,-64px,0) }
    to {opacity: 1; transform: translateZ(0) }
}


/*
fonts
*/

body { font-family:var(--font-base);color:var(--text);background-color: var(--bg);margin: 0;font-weight: 400;}
h1,.h1, h2,h3, h4, h5, h6,.h2 {font-family: var(--font-base);font-weight: 700;line-height: 1.4;margin: 0}

a {text-decoration:none;color: inherit; transition: color .3s;text-underline-offset: 0.2em;}
a:is(:hover,:active,:focus-visible) {color: var(--primary);text-decoration: underline;}

h1,.h1 {font-size: 30px;line-height: 1.2;text-transform: uppercase;}
h2,.h2 {font-size: 24px}
h3.h3 {font-size: 18px;}
h4 {font-size: 16px;}
@media (min-width: 768px) {
   h1,.h1 {font-size: 3rem;}
   h2,.h2 {font-size: 2rem;}
   h3,.h3 {font-size: 1.25em;}
   h4 {font-size: 1.125em}
 }
figure {margin: 0;padding: 0;}
figcaption {font-style: italic;}
p {margin: 0;}
.text-normal {font-size: 1rem;}

/*
global
*/
.ie-alert {padding: 2em; border: red solid 2px;z-index: 999;background: white;position: relative; }

label {color:inherit;cursor: pointer;}
table {margin: 1rem 0; }
ul {margin:0; list-style-type: none; padding: 0;}
img {max-width: 100%;height: auto;}
address {font-style: normal;}
hr {margin-block: var(--size-2);}
.container {margin-inline: var(--size-default); }
.container-text {max-width: 84ch}

/*
utils
*/
.invisible-label,
.invisible-checkbox {position: fixed; opacity: 0; left: 0;top: 0;pointer-events: none}

.visible-xs,
.visible-md,
.visible-md-flex,
.visible-lg,
.visible-lg-flex,
.visible-desktop {display: none;}

@media (min-width: 470px) {
  .visible-xs {display: block;}
  .hide-xs {display: none;}
}

@media print, screen and (min-width: 768px) {
  .visible-md {display: block;}
  .visible-md-flex {display: flex;}
  .hide-md {display: none;}
}
@media  (min-width: 1200px) {
  .visible-lg,
  .visible-desktop {display: block;}
  .visible-lg-flex {display: flex;}
  .hide-lg,
  .hide-desktop {display: none;}
}

/*
buttons
*/

.btn {font-weight: 600;  cursor: pointer;
  padding: .625rem .875em;
  display: inline-flex;
  text-decoration: none;
  border-radius: var(--btn-radius);
  color: inherit;
  background-color:var(--btn-bg);
  border: solid 1px var(--btn-border-color);
  line-height: 1;
  transition: .3s;
}
.btn-small {padding: 4px 8px;}
.btn:not(.btn-disabled):active {transform: translateY(.2rem);}
.btn:is(:hover,:focus):not([disabled]) {
  background-color: var(--primary);
  color: var(--text-onprimary);
}

.btn-primary:not([disabled]) {background-color: var(--primary); color: var(--text-onprimary);border: var(--primary) solid 1px;}

.btn-primary:is(:hover,:focus):not([disabled]) ,
[type='submit'].btn-primary:is(:hover,:focus,:active):not([disabled]) {
  background-color: var(--white);

  color: var(--text); }

.btn-small {padding: 0.5em 1em;font-weight: 400;}

.btn-disabled,
input[type="submit"][disabled],
button[disabled],
button[disabled]:hover {background-color: #747474;cursor: not-allowed;border-color:#747474 }


/**
 * Wordpress styles
 */
 .alignleft {float: left}
 .alignright {float: right}
 .aligncenter {display: block;margin-left: auto;margin-right: auto;text-align: center;}
 figure.wp-caption.alignleft,img.alignleft {margin: 5px 20px 5px 0}
 .wp-caption.alignleft {margin: 5px 10px 5px 0}
 figure.wp-caption.alignright,img.alignright {margin: 5px 0 5px 20px}
 .wp-caption.alignright {margin: 5px 0 5px 10px}
 img.aligncenter {margin: 2rem auto;display: block;}
 img.alignnone {margin: 0;display: block;}
 .wp-caption .wp-caption-text,.entry-caption,.gallery-caption {color: #220e10;font-size: 18px;font-style: italic;font-weight: 300;margin: 0 0 24px;text-align: center;}
 div.wp-caption.alignright img[class*="wp-image-"] {float: right}
 div.wp-caption.alignright .wp-caption-text {padding-left: 10px}
 .wp-caption.alignleft + ul,.wp-caption.alignleft + ol {list-style-position: inside}


/*
  Accessibility
*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; height: 1px; width: 1px; user-select: none;display: block;}
.skip a {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip a:where(:focus,:focus-visible) {z-index: 10; top: 0; left: 0; width:auto; height:auto; }
@media (max-width:767px){
  .skip{display: none;}
}


/*
main
*/
.site-main {padding-block: var(--size-4);min-height: 60vh;}
@media (min-width: 1024px) {
  .site-main {
    margin-inline: var(--secondary-nav-width) 0;
    padding-inline: var(--size-default);
    min-height: calc(100vh - 14.925rem);
  }
}


/* page header */

.page-header {margin-bottom: var(--size-4);}
.rank-math-breadcrumb {padding:0;margin:0 0 1rem;font-size: 14px;font-weight: 400;}
.rank-math-breadcrumb a{text-decoration: none;display: inline-block;padding-block:4px ;position: relative;text-decoration: none;}
.rank-math-breadcrumb .separator {padding-inline: 1rem;display: inline-block;}
.rank-math-breadcrumb>p {display: flex;align-items: center;flex-wrap: wrap;}

.entry-title,
.page-title {margin: 0;line-height: 1.2;}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0,-100%,0)
  }
  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInDown {
  animation-name: fadeInDown;
  animation-duration: 1s;
  animation-fill-mode: both
}

/* text styles */
.entry-content {line-height: 1.5;}

:where(.entry-content) a::where(not([class])) {text-decoration: underline;}

.entry-content p+*:not([class]){margin-top: var(--p-margin);}
.entry-content :is(h1,h2,h3, h4, h5, h6) {margin-block: 1rem;}
.entry-content h2 {margin-bottom: var(--h2-margin);}
.entry-content :is(h1,h2,h3, h4, h5, h6):first-child {margin-top: 0;}
.entry-content :is(h1,h2,h3, h4, h5, h6):last-child {margin-bottom: 0;}
.entry-content strong {font-weight: 700;}

/*.entry-content ul {padding: 0;margin:0;}*/
.entry-content ul:not([class]) {padding: 0 0 0 1rem;margin: 1rem 0;list-style-type: disc;list-style-position: outside;list-style-type: initial}
.entry-content ul:not([class]) li+li {margin-top: 1rem;}

.entry-content :where(ol:not([class]),ul:not([class]))>li::marker {font-weight: bold;color: var(--accent-color);content:'•' ' '}
:where(.entry-content) ul>li+li {margin-top: 0rem;}

/* post list */
.posts-list-simple ul{margin: 1rem 0;list-style-type: disc;list-style-position: inside;}
.posts-list-simple a{padding: .5rem 0;}
.posts-list-simple li+li{margin-top: 0.5em;}
/* sections */

.section-title {margin-bottom: var(--h2-margin); }

/* texte simple */
/*
.section-type-text.bg-image>.container-in {border:0}
.section-type-text.bg-image .entry-content{position: relative;}
.section-type-text .bg-img{opacity: 0.3;}
*/

/* texte + image */

/*.section-type-text-photo img{display: block;object-fit: contain; aspect-ratio: 604 / 510; height: 100%; object-position: center;}
.section-type-text-photo.image-cover img{object-fit: cover;}
.section-type-text-photo .text-wrap {padding: 2rem 1rem;background-color: white;}

@media screen and (min-width:768px) {
  .section-type-text-photo.has-image >div{display: grid;grid-template-columns: 50% 50%;align-items: center;align-items:stretch;}
  .section-type-text-photo .text-wrap {padding: 4rem 2rem;display: flex;flex-direction: column;justify-content: center}
  .section-type-text-photo.image-pos-right .photo {order: 2;}

}
*/
/* icon box */
/*.section-type-cards .section-title {margin-bottom: var(--h2-margin);}
.section-type-cards.bg-image {background-color: #000;}
.section-type-cards.bg-image .container {position: relative;}
.section-type-cards.bg-image .bg-img {opacity: 0.15;}
.section-type-cards .items{display: grid; gap: var(--space); }
.card {border-bottom: 3px solid #FFFFFF;padding:4rem 2rem}
.entry-section.bg-color-fond:not(.bg-image) .card {border-bottom-color:var(--text)}
.card-icon-img{width: 64px;height: 64px;object-fit: contain;display: block;}
.card-content {font-weight: 700;}
@media screen and (min-width: 768px){
  .card-content {font-size: 18px; }
}
.card-content .card-icon-img>svg {fill:currentColor}
.card-content .card-icon-img+*{margin-top: 2rem;}

.hover-bg{position: relative;isolation: isolate}
.hover-bg:before {content:'';background-color: var(--primary);position: absolute;inset:0;transform:scaleY(0);transition:.3s;transform-origin: bottom center;z-index: -1;}
:is(:hover,:active:focus).hover-bg {color:var(--text-onprimary)}
:is(:hover,:active:focus).hover-bg {color:var(--text-onprimary)}
:is(:hover,:active:focus).hover-bg:before {transform:scaleY(1)}


@media screen and (min-width: 768px){
.hover-more>.hover-content{transform: translateY(4rem);height: calc(100% - 4rem);overflow: hidden;transition: all .3s;}
.hover-more:is(:hover,:focus,:active)>.hover-content{transform: translateY(0);height: 100%;}
}


@media screen and (min-width: 768px){
  .items.section-nbcol-2  {grid-template-columns: repeat(2,1fr); }
  .items.section-nbcol-3  {grid-template-columns: repeat(3,1fr); }
  .items.section-nbcol-4  {grid-template-columns: repeat(2,1fr); }
  .items.section-nbcol-5  {grid-template-columns: repeat(3,1fr); }
}
@media screen and (min-width: 1120px){
  .items.section-nbcol-4  {grid-template-columns: repeat(4,1fr); }
  .items.section-nbcol-5  {grid-template-columns: repeat(5,1fr); }
}*/

/* accordions */
/*
.section-type-accordions .container{display: flex;gap: var(--space);flex-direction: column;}

@media (min-width: 768px) {
  .section-type-accordions.has-text-intro >.container {
    display: grid;
    gap: var(--space);
  }
  .section-type-accordions.text-intro-left >.container {
    display: grid;
    grid-template-areas: "intro faq";
    grid-auto-columns: 15.875rem 1fr;
    align-items: flex-start;
  }
  .section-type-accordions.text-intro-left .acc-intro-text {grid-row: span 2; }
  .section-type-accordions.text-intro-left .acc-item {grid-column: faq; }
}
details { background: white; color: var(--text);  border-radius: var(--radius-small); transition:box-shadow .3s}

summary {padding: 1rem ;}
@media (min-width: 768px) {
  summary {padding: 1rem 2rem;}
}
details summary ~ * {animation: close 0.5s ease-in-out forwards}
.acc-title {position: relative;line-height: 1;cursor: pointer;font-weight: 600;cursor:pointer;display: flex;align-items: center;transition: .3s}
summary::-webkit-details-marker {display: none; }
summary .svg-icon {color:var(--primary);width: 32px; height: 32px; transition: background-color .5s,fill .5s,transform .25s linear; margin-left: auto; border: currentColor solid 2px;
    border-radius: 32px;flex:0 0 32px;}

details:hover,
details[open] {box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);}
details:hover .svg-icon {background-color: var(--primary);color:var(--text-onprimary);border-color:var(--primary)}
details:hover .acc-title,
details[open] .acc-title {color: var(--primary)}
details[open] summary ~ * {animation: open 0.5s ease-in-out forwards; }
details[open] > summary .svg-icon {transform: rotateZ(180deg);}
@keyframes open {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes close {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.acc-item+.acc-item {margin-top: 1rem;}
.acc-text {margin: 1rem  1rem;padding-bottom: 1rem;}
.acc-text img{display: block;}
@media (min-width: 768px) {
  .acc-title {font-size: 1.125rem;  }
  .acc-text {margin: 2rem ;padding-bottom: 2rem;  }
}

.file-list {display: grid;gap:1rem 2rem; grid-template-columns: max-content 1fr; align-items: center;}
.file-title,
.file-action {margin: 0;padding: 0;}
.file-title {font-size: 112.5%;}
.file-title::before {
  content: '';
  background: var(--primary);
  width: 10px;
  height: 10px;
  top: -2px;
  border-radius: 20px;
  position: relative;
  display: inline-flex;
  margin-right: .5rem;
}*/

/* bloc nav */

/*.items {display: grid;gap:2rem}
.nav-item figure {transition: border-radius .3s;overflow: hidden;margin-bottom: 1rem;}
.nav-item img {aspect-ratio:1 / 1;object-fit:cover;transition:.3s;grid-area:cell;width: 100%;}

.nav-item-title {display: inline;font-weight: 600;text-decoration: none;}
.nav-item .nav-item-title{
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0% 2px;
  transition: 300ms ease-in-out;
}
.nav-item:is(:hover,:focus,:active) .nav-item-title{background-size: 100% 2px;color:var(--primary)}

@media screen and (min-width:768px) {
  .nav-item-title {font-size: 18px; }
}


.nav-item.hover-more figure{display: grid;aspect-ratio: 1 / 1;background:var(--primary);grid-template-areas: "cell";place-items:center;overflow: hidden;transition: .3s}
.nav-item.hover-more figure::after {content:'';grid-area:cell; z-index: 1;
  pointer-events: none;
  width: 80px;
  height: 80px;
  color:var(--primary);
  border-radius:80px;
  background: var(--bg) url('img/icon-more.svg');
  background-position:center;
  background-repeat:no-repeat;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  opacity: 0;
  scale:.5;
  transition: .3s}
.nav-item.hover-more:is(:hover,:active,:focus) figure {border-radius: 0px 0px 100px 0px;}
.nav-item.hover-more:is(:hover,:active,:focus) figure::after {opacity: 1;scale:1}
.nav-item.hover-more:is(:hover,:active,:focus) img {opacity: 0.5;}

*/
/* cta */
/*.section-type-cta {min-height: 18rem;display: flex;align-items: center;}
.section-type-cta.bg-image .overlay {position: relative;}
.section-type-cta .bg-img{filter: brightness(0.25); }
.section-type-cta .text-wrap {text-align: center;}
.section-type-cta .cta-more {text-align: center;margin-top: 2rem;}

@media screen and (min-width:768px) {
  .section-type-cta {min-height: 400px;  }
}
*/
/* html */
/*
.section-type-html h2{margin-bottom: var(--space)}
.section-type-html > img {max-width: none;width: 100%;}
.section-type-html #sbi_mod_link,.section-type-html #sbi_mod_error {float: none;}
*/

/* splide carousel */

.splide {padding-inline: 0;margin-bottom: 1rem;}
.splide:not(:last-child) {margin-bottom: 1rem;}
.splide .splide__arrow--prev {left: 0;}
.splide .splide__arrow--next {right: 0;}
.splide .splide__arrows {display: none;}
.splide .splide__arrow {width: 4rem;height: 4rem;transition: .3s;}
.splide .splide__arrow:not([disabled]) {opacity: 1;}
.splide .splide__arrow:hover {opacity: 1;background-color: var(--primary);}
.splide .splide__arrow svg {transition: .3s;height: 3.2em;width: 3.2em;}
.splide .splide__arrow:hover svg{fill: #fff}

@media screen and (min-width:1025px) {
  .splide .splide__arrows {display: block;}
  .section-type-text.splide {padding-inline: 2rem}
}
@media screen and (min-width:1200px) {
  .section-type-text .splide {padding-inline: 4rem}
  .splide .splide__arrows {display: block;}
}
.splide__list {gap:0;align-items: stretch;}
.carousel-logo .splide__slide img {max-width: none; width: 100%; display: block;height: 100%;object-fit: contain;}
.splide .splide__pagination {gap: 2rem;bottom: 0;  }
.splide__pagination .splide__pagination__page {border: 0;width: 10px;height: 10px;display: block;padding: 0; background: rgba(255,255,255,.5);cursor: pointer; border-radius: 50%; box-shadow: 0px 0px 0px 2px rgb(0 0 0 / 33%); }
.splide__pagination .splide__pagination__page.is-active {background-color: white;box-shadow: 0px 0px 0px 2px rgb(0 0 0 );}
@media screen and (min-width:768px) {
  .splide__pagination .splide__pagination {bottom: 2rem; }
}
a.gal-lightbox {border-radius: var(--radius);display: block;overflow: hidden;background-color: var(--bg);position: relative;color: white}
a.gal-lightbox>svg{
  fill: #fff;
  width: 3rem;
  height: 3rem;
  padding: .8rem;
  background-color: var(--primary);
  border-radius: 100%;
  position: absolute;
  left: 50%;top: 50%; transform: translate(-50%,-50%);
  opacity: 0;
  transition: opacity .3s
}

a.gal-lightbox>img{transition: opacity .3s}
a.gal-lightbox:hover>img{opacity: 0.5;}
a.gal-lightbox:hover>svg{opacity: 1;}
.splide__slide img {border-radius: var(--radius)}


.carousel-post .splide.carousel {overflow: hidden;padding: 0;margin: 0;}
.carousel-post .splide__slide {position:relative;isolation: isolate;aspect-ratio: 1920 / 700;display: flex;align-items: center;}
.carousel-post .splide__slide .container {color:white;text-align: center;}
.carousel-post .h1{word-break: break-word;margin-bottom: 2rem;}
.carousel-post .splide__slide img {border-radius:0;position: absolute;left: 0;top: 0;width: 100%;
    height: 100%;
    z-index: -1;
    filter: brightness(0.6);
    object-fit: cover;
}

@media (min-width:768px) {
  .carousel-post .splide.carousel {display: grid; grid-template-columns: auto min( var(--container-w) , calc(100% - 2rem) ) auto; align-items: stretch;}
  .carousel-post .splide .splide__arrows {
    grid-column: 2 / 3;
    grid-row: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .carousel-post .splide__arrow {position: static;transform:none}
  .carousel-post .splide__track  {grid-column: 1 / 4;grid-row: 1;}
  .carousel-post .h1 {padding-inline:4rem;font-size:clamp(2rem,3.3vw,4rem)}
}


.splide.thumbnail-carousel {display: none;}
@media (min-width:768px) {
.splide.thumbnail-carousel {position: absolute;bottom: var(--space);left: calc(33.33% + var(--space) );
  display: block;
  padding:0;margin: 0 ;
}
.splide.thumbnail-carousel .splide__slide img {width: 98px;height: 72px;object-fit: cover;}
.splide.thumbnail-carousel .splide__slide {opacity: 0.6;border: 0 !important ;transition: opacity .3s;filter: grayscale(100%);}
.splide.thumbnail-carousel .splide__slide:hover,
.splide.thumbnail-carousel .splide__slide.is-active {opacity: 1 ;filter: none}
}

/*lightbox */
.slbImageWrap .slbCaption {position: absolute;
    bottom: 5rem;
    right: 0;
    padding: 0.5em 1em 0.6em;
    text-align: right;
    font-size: 14px;
    left: auto;
    color:var(--white);
    background-color: var(--black);
  }

/*
home
*/
.blocChiffre {font-weight: bold;margin-bottom: 2rem;}
.blocChiffre {display: flex;justify-content: space-around;gap:1rem;flex-wrap: wrap;}

.blocChiffre li {text-align: center;}
.blocChiffre li b {font-size: 1.1em;display: block;}
/*.blocChiffre li+li{margin-top: 0.5rem;}*/

@media (min-width:992px) {
  .blocChiffre li b {font-size: 1.5em;}
  /*.blocChiffre {text-align: right;}*/
  /*.home .container-text {display: grid; grid-template-columns: auto 1fr;gap:2rem}
  .home .container-text>p {grid-column: 2}*/
}

/*
piece oeuvre
*/
.piece-wrap .content-wrap,
.piece-wrap .ressources-wrap,
.piece-wrap {display: flex;flex-direction: column;gap:var(--size-2)}
.piece-wrap a {text-decoration: none; color: var(--primary); font-weight: bold;}
.piece-wrap a:is(:hover,:active,:focus) {text-decoration: underline}

.piece-wrap .content-wrap *+p {margin-top: var(--p-margin);}
@media print , screen and (min-width:768px)  {
  .piece-wrap {
    display: grid;
    gap:var(--size-4);
    grid-template-columns: 1fr 248px;
    grid-template-areas: "main asset";
    /*grid-template-columns: 248px 1fr;
    grid-template-areas: "asset main";*/
  }
  .piece-wrap .ressources-wrap {grid-area:asset}
}
dt,dd {margin: 0;}

.piece-feat:not(:first-child) {margin-top: var(--size-2);}
.piece-meta {list-style-type: '';}
.piece-meta li+li{margin-top: var(--size-1);}
:where(.piece-feat,.piece-meta) li:not(.dates,.tours) .val {font-weight: bold;}

.ressources h2+.ressources_pdf {margin-top: 1rem;}
.ressources_pdf {margin-bottom: 0.5rem;}
.ressources_pdf li+li{margin-top: 0.5rem;}
.ressources .res-title {font-size: 1rem;font-weight: normal;margin-bottom: 1rem;}
.ressources .gallery {margin-top: 0;}
.piece-wrap .ressources a {font-weight: normal;}

/*
page ressources
*/
.ressource-grid {display: grid;gap:var(--size-4)}
.ressource-grid .ressource-item {display: grid;gap:0 10px ;grid-template-columns: 74px 1fr;grid-template-rows: min-content}

.ressource-grid .ressource-item img {width: 100%;aspect-ratio: 1;object-fit: contain;}
.ressource-grid .ressource-item .titre-spectacle {font-weight: bold;}
.ressource-grid .ressource-item .file-ext {text-transform: uppercase;}
@media print , screen and (min-width:768px)  {
  .ressource-grid {grid-template-columns: repeat(auto-fill,minmax(320px,1fr))}
  .ressource-grid .ressource-item .text{font-size: .875em}
}

.ressource-grid-nav {margin-top: var(--size-4);}


/*
single-attachment
*/
.single-attachment .entry-content {display: flex;flex-wrap: wrap;gap:var(--size-2);}
.single-attachment .ressource-item figure {width: 330px}
.single-attachment .ressource-item footer {margin-top: var(--size-4);}
.single-attachment .ressource-item figcaption {font-style: italic;}
.single-attachment .ressource-item .meta dl {margin: 0;}
.single-attachment .ressource-item .meta dt {width: fit-content;display: inline-block;}
.single-attachment .ressource-item .meta dd {width: fit-content;display: inline-block;}
.single-attachment .ressource-item .meta ul+ul {margin-top: var(--size-2);}
.single-attachment .pagination {flex-direction: column;}
.single-attachment .pagination >*{width: fit-content;}
/*
 home
 */

/*.hero {position: relative;isolation:isolate;
  aspect-ratio: 1;
    display: grid;
    place-items: center;
  }
.hero .wp-video,
.hero .feat-img-wrap{position: absolute;inset: 0;}
.hero .feat-media,
.hero .feat-img{position: absolute;left: 0;
    top: 0;z-index: -1;border-radius: 0px 0px 100px 0;filter: brightness(0.6);width: 100%;
    height: 100%;
    object-fit: cover;}

.hero .splide {color:white;margin-bottom: 0;}
.hero .splide li {text-align: center;display: grid; place-content: center; gap: 2rem; }
.hero .splide li .h1{word-break: break-word;}
@media (min-width: 1024px) {
  .hero {overflow: hidden;}
  .hero .splide  {margin-inline:3rem}
}
.hero .splide .splide__arrow--prev {left: -3rem; }
.hero .splide .splide__arrow--next {right: -3rem; }
.hero .hero-text{color:white;width: min( 100%, 732px);}
.hero .hero-text h1{margin-bottom: 2rem;}
@media (min-width: 768px) {
  .hero {aspect-ratio: 1920 / 700;}
  .hero .hero-text{font-size: 18px; line-height: 1.8; padding: 2rem;}

}
@media (min-width: 1430px) {
  .hero ,
  .hero .feat-media,
  .hero .feat-img{border-radius: 0px 0px 200px 200px;}
}
*/
/*
actu list
*/

.posts-list {display: grid;gap: var(--space); grid-template-columns: 1fr; margin-block: var(--s-pad-block);}

.posts-list-simple a {text-decoration: none;}
@media screen and (min-width: 768px) {
  .posts-list-grid {grid-template-columns: repeat(2, 1fr); }
}
@media screen and (min-width: 992px) {
  .posts-list-grid {grid-template-columns: repeat(3, 1fr); }
}

.post-list-item .nav-item.hover-more figure ,
.posts-list-simple .post-list-item img,
.post-list-item .nav-item img {aspect-ratio:467/262;object-fit: contain;}

.posts-list-simple .post-list-item>a {background-color: #fff;display: flex;gap: 1rem;flex-direction: column}
.posts-list-simple .post-list-item .cell {flex:1;padding:var(--space);}

@media screen and (min-width: 768px) {
  .posts-list-simple .post-list-item>a {flex-direction: row}
  .posts-list-simple .post-list-item figure {order:2;flex-basis:432px}
}
.posts-list-simple .post-list-item .entry-title {font-size: 24px;font-family: var(--font-base);font-weight: 600;margin-bottom: 1rem;}
.posts-list-simple .post-list-item .entry-date {margin-top: 1rem;}
/* pagination */
.pagination-wrap {margin-top: var(--size-4);display: flex; align-items: center;flex-direction: column;gap:1rem}
.pagination  {display: flex;gap: .5rem;flex-wrap: wrap;}
.pagination .page-link {background-color: #fff;color: var(--text); border-radius:48px; line-height: 1;height: 40px;
  border: solid 2px white;display: flex; gap:1rem;transition: .3s;aspect-ratio: 1; align-items: center;
    justify-content: center;}
.pagination a.page-link:is(:hover,:active,:focus) {border-color: var(--primary)}
.pagination .page-link.current {background-color: var(--primary);color: var(--text-onprimary)}
.pagination .page-link.pagination-previous,
.pagination .page-link.pagination-next {padding:0 1rem;width:auto;aspect-ratio:auto}
@media (max-width:767px) {
  .pagination li:first-child {width: calc(50% - 1rem);order: -1;}
  .pagination li:last-child {order: -1; width: 50%;}
}

/* single publication */
.pub-meta {display: grid;grid-template-columns:min-content 1fr;gap:1rem}
.pub-abstract {font-size: 1.2em; margin-bottom: 1rem;}
.single-publication .entry-date {    width: fit-content;}
.single .authors-label ,
.single-publication .date-label {width: 4em;display: inline-block;font-weight: 700; }
.single-publication .authors-label {display: block;margin-bottom: 0.5rem;}
.entry-authors {display: block; margin-block: 2rem;}
.authors-list {display: flex;gap:.5rem .5rem;flex-wrap: wrap;line-height: 1;}
.entry-authors .pill{display: inline-block;background: #FFFFFF;
    border-radius: 30px;
    padding: 0.5rem 1rem;}

/*
single actu
*/
/*.single .page-header img{display: initial;}
.single .page-header {display: flex;flex-direction: column;gap: 1rem}
.single .page-header .feat-img {clip-path: none;width: 100%;}
.single .page-header .header-text .page-title {margin-top: 1em;}
@media screen and (min-width: 768px) {
  .single .page-header {gap: 2em}
}*/
.single-post .single .entry-meta {margin-top: 2rem;}
.single .entry-meta {display: flex;gap: 1em; flex-direction: column;}
.single .entry-date {background: #FFFFFF;border-radius: 30px;display: block;padding: .5rem 1rem;}
.single-post .entry-date {width: fit-content;}
.single .entry-date .date-label {font-weight: 700;  }
.post-categories {display: flex;gap: 1em; align-items: center;}

/*.post-categories a {display: block;padding: .25em .5em;background-color: #fff ;color: var(--text);transition: .3s;border-radius: var(--radius)}
.post-categories a:is(:hover,:focus,:active) {background-color: var(--primary);color: white;text-decoration: none;}*/
/*.single .main-container a.link-zoom {display: inline-block;border-radius: var(--radius);overflow: hidden;}
.single .main-container a.link-zoom+* {margin-top:  var(--space);}*/

/* widgets  */
.widget-title {font-weight: bold;}
.widget :where([type=text],[type=search]) {padding:.5rem}

.widget_mdcsearch_widget .form-row {display: flex;gap:.5rem;align-items:center;}
.widget_mdcsearch_widget input {margin-block: .5rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966' fill='%23717790c7'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 16px 48%;
    padding-left: 40px;
}
.widget .help-wrap {display: none;}
@media (min-width: 1024px) {
.widget .help-wrap {position: relative;display: block;}
}
.help-wrap .popover{
  position: absolute;
  display: none;
  --_border:rgba(0,0,0,.2);
  font-size: .875rem;
  background-color: var(--white);padding: 1rem;border-radius:var(--radius-small);
  top: -1.2em;left: calc(100% + .8rem);
  width: 40ch;
  line-height: 1.4;border: 1px solid var(--_border);
}
.popover .arrow {position: absolute; content:''; display: block; left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; }
.popover .arrow::after,
.popover .arrow::before {position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0.5rem 0.5rem 0.5rem 0;}
.popover .arrow::before {left: 0;border-right-color: rgba(0,0,0,.25);}
.popover .arrow::after {left: 1px; border-right-color: #fff;}
.help-wrap .btn-help {border:solid 1px;background: none;border-radius:2em;aspect-ratio: 1;display: grid; place-content: center; height: 1.5em; cursor: pointer; }
.help-wrap .btn-help:is(:active,:focus) + .popover{display: block;}
.help-wrap .btn-help .svg-icon {width: 100%;}
.widget_mdcimport_widget input {margin-block: .5rem}

/*
resulat recherche
*/
.search-results-adv {width: 100%;}
.search-results-adv .col-meta{min-width: 14ch;}
.search-results-adv a{display: block;padding: 1rem;}
.search-results-adv caption {margin-bottom: var(--size-4);}
.search-results-adv :is(caption,th) {text-align: left;}
.search-results-adv :is(th,td) {padding: 1rem;}
.search-results-adv tr:hover {background-color: var(--gray-1);}
/*
gallery
*/

.gallery-grid {display: grid;justify-content: center;gap: 4px;align-items: center;margin-block:2rem }

.gallery-grid :is(a,img){display: block;}
.gallery-grid >*{text-align: center;}

.gallery-col-3,
.gallery-col-2 {grid-template-columns:  1fr 1fr}

.gallery-col-4,
.gallery-col-5 {grid-template-columns:  repeat(2,1fr)}
@media (min-width:768px) {

  .gallery-col-3 {grid-template-columns:  repeat(3,1fr)}
  .gallery-col-4 {grid-template-columns:  repeat(4,1fr)}
  .gallery-col-5 {grid-template-columns:  repeat(4,1fr)}

}
@media (min-width:992px) {
  .gallery-col-4 {grid-template-columns:  repeat(4,1fr)}
  .gallery-col-5 {grid-template-columns:  repeat(5,1fr)}
}



/* shortcodes */

.SC-filtre_alphabetique {--_space:var(--size-4);display: grid;gap:var(--_space)}

.SC-filtre_alphabetique .help {margin-bottom: var(--p-margin);}
.SC-filtre_alphabetique .letter-list {display: flex;flex-wrap: wrap;font-weight: bold;}
.SC-filtre_alphabetique .letter-list a {text-transform: uppercase;padding: 10px ;text-decoration: none;line-height: 1;width: 4ch;text-align: center;}
.SC-filtre_alphabetique .filter-current,
.SC-filtre_alphabetique .letter-list a:is(:hover,:focus-visible) {background-color: var(--primary);color:var(--text-onprimary)}
.SC-filtre_alphabetique .list-big {font-size: 40px;max-width: 24ch;}
@media (max-width:767px) {
  .SC-filtre_alphabetique .filter-result {border-bottom: solid 1px var(--gray-6);padding-bottom: var(--_space);}
}

@media (min-width:768px) {
  .SC-filtre_alphabetique .filter-result {order:2;border-top: solid 1px var(--gray-6);padding-top: var(--_space);}
  .SC-filtre_alphabetique .pagination-wrap {order:3}
}
.SC-filtre_alphabetique .filter-result .letter {font-weight: bold;font-size: 40px;text-transform: uppercase;display: block;margin-bottom: var(--p-margin);}


.SC-mdc_search_form ,
.SC-mdc_search_form form{margin-block: 1rem;}
.SC-mdc_search_form fieldset {border:0;margin:0 0 2rem;padding: 0;}
.SC-mdc_search_form fieldset legend{font-weight: bold;margin-bottom: 1rem;}
.SC-mdc_search_form .form-row {gap:1rem;display: flex;flex-direction: column}
.SC-mdc_search_form .form-row + .form-row{margin-top: 1rem;}
.SC-mdc_search_form .form-row.row-inline {flex-direction: row;flex-wrap: wrap;}
.SC-mdc_search_form .form-row label{display: flex;gap:1rem;flex-direction: column}
.SC-mdc_search_form .form-col {flex-direction: column}

.SC-mdc_search_form .check-grid {display: grid;gap:1rem;grid-template-columns: repeat(auto-fill,minmax(200px,1fr))}
.SC-mdc_search_form label.check-item {display: flex;gap:.5rem;flex-direction: row}
@media (min-width:768px) {
  .SC-mdc_search_form .form-col {flex-direction: row}
  .SC-mdc_search_form .form-row {align-items: center;}
  .SC-mdc_search_form .form-row label{flex-direction: row;align-items: center;}
  /*.SC-mdc_search_form .label-title {width: 6rem;text-align: right;}
  .SC-mdc_search_form label.label-title {display: block;flex-basis: 6rem}*/
}
/*
contact
*/

.wpcf7 {padding: 0;}
.wpcf7-form:is(.submitting) * {cursor: wait;}
.form-cell {margin-bottom: 0;}
@media screen and (min-width: 768px) {
  .wpcf7-form {position: relative;}
  .form-row {display: flex;}
  .form-cell {flex:1 1 calc(50% - 1rem);}
  .form-cell:first-child {margin-right: 1rem;}
  .form-cell+.form-cell {margin-left: 1rem;}
}


[type=checkbox] {
  border-radius: 0.25rem;
  width: 1rem;height: 1rem;
}
.wpcf7-form label {display: block;margin-bottom: 1rem;margin-top: 0;}
[type=search],[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=tel], [type=text], [type=time], [type=url], [type=week],
textarea {
  color: var(--input-text);
  padding: .5rem .75rem;
  border:solid 1px var(--input-border);
  font-size: 1rem;
  border-radius: var(--radius-small);
  background-color: var(--input-bg);
}
.wpcf7-form :is(input,select,textarea) {width: 100%;}
select {
  cursor:pointer;
  padding: .5rem  2.5rem .5rem .75rem;

  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;       /* Remove default arrow */
  color: var(--input-text);
  border-radius: var(--radius-small);
  background:  var(--input-bg) no-repeat center right 1rem;   /* Add custom arrow */

  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");

  background-size: 1.5em;
}

input:focus {border-color: var(--primary);outline:none;}

.red {color: #ff5408;}

@media screen and (min-width: 768px) {
  .form-submit-row {display: flex;align-items: center;}
}
.your-message {margin-bottom: 1rem;display: block;}
span.wpcf7-list-item {margin-left: 0;}

.wpcf7-not-valid {border: #bf2b47 solid 2px;}
span.wpcf7-not-valid-tip {font-size: 0.8em;margin-left: 1rem;}
.wpcf7-validation-errors {color: #bf2b47; }

.form-submit {position: relative;}
.wpcf7-submit {width: 100%;justify-content: center;}
.wpcf7 .wpcf7-spinner {margin: 0 1rem;top: 0.4rem;position: absolute;right: 0;}
.wpcf7 form .wpcf7-response-output {border-radius:var(--radius-small) }


@media screen and (min-width: 992px) {
  .wpcf7-form {position: relative;}
  .wpcf7 .wpcf7-file {margin-bottom: 1.5rem;}
  .wpcf7-submit {width: auto;justify-content:flex-start}
  .wpcf7 .wpcf7-spinner {position: relative;top: 0.5rem  }
  /*.wpcf7 form .wpcf7-response-output { position: absolute; bottom: 0; right: 0; left: 7.7rem;}
  .wpcf7 form .wpcf7-response-output {margin: 0 !important;line-height: 1.2;}*/
}
@media screen and (min-width: 1080px) {
  .wpcf7 form .wpcf7-response-output {line-height: 1.4;bottom: 0;}
}

/*
footer
*/

.site-footer {
  --_space:var(--size-4);
  padding-block:var(--_space);
  background-color: var(--neutral);
}
.site-footer .menu {display: flex;flex-direction: column; gap:1rem}
@media screen and (min-width: 992px) {
  .site-footer .menu {flex-direction: row;gap:2rem;flex-wrap: wrap;}
}
/*
plugins
*/

@media print {
  body{font-size: 12px;}
  blockquote {margin: 0;}
  a[href]:after {content: none; }
  .page-title {margin-top: 1em;}
  hr {margin: .5em auto ; }
  p+h2 {margin-top: 1rem; }
  p+h3 {margin-top: 1rem; }
  .hide-for-print {display: none}
}


/*
plugin cookie notice
*/
.cookies-refused #cookie-notice, .cookies-accepted #cookie-notice {position: static; }
#cookie-notice .cn-button {margin-bottom: 0;}
#cn-revoke-text {color: white;}
#cookie-notice .cn-buttons-container .cn-button:not(.cn-button-custom) {border-radius: 0}
.cookie-revoke-container {background-color: #fff;}
.grecaptcha-badge {visibility: hidden;}

.debug-section {position: relative;z-index: 10;}