/* Text utility */
/* Mobile utility */
/* link hover utility */
/* Container utility mixin */
/* Container avec variable CSS */
/* Text content styles */
/* Centered content */
/* from... */
/* to... */
/* from... to... */
/* at... */
.section.s-event-slideshow {
  position: relative;
  overflow: hidden;
  background-color: var(--wp--preset--color--beige, #e9debe);
  color: #374268;
}
.section.s-event-slideshow.has-bleu-background-color {
  background-color: var(--wp--preset--color--bleu, #333f66);
  color: #fff;
}
.section.s-event-slideshow.has-bleu-fonce-background-color {
  background-color: var(--wp--preset--color--bleu-fonce, #374268);
  color: #fff;
}
.section.s-event-slideshow.has-rouge-background-color {
  background-color: var(--wp--preset--color--rouge, #da4d4a);
  color: #fff;
}
.section.s-event-slideshow.has-beige-background-color {
  background-color: var(--wp--preset--color--beige, #e9debe);
  color: #374268;
}
.section.s-event-slideshow + .s-home-banner .s-home-banner__edge {
  display: none;
}

.section.s-event-slideshow > .l-wrapper,
.section.s-event-slideshow .l-container {
  max-width: none;
  padding: 0;
}

.s-event-slideshow__frame,
.s-event-slideshow__viewport,
.s-event-slideshow__thumbs {
  background: transparent;
}

.s-event-slideshow__viewport {
  position: relative;
  overflow: hidden;
}

.s-event-slideshow__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  margin: 0;
  padding: 0;
  border: 0;
  transform: translateY(-50%);
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.s-event-slideshow__arrow svg {
  display: block;
  width: 0.85rem;
  height: 1.35rem;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
}
.s-event-slideshow__arrow:hover, .s-event-slideshow__arrow:focus-visible {
  color: #e9debe;
}

.s-event-slideshow__arrow--prev {
  left: 1.25rem;
}

.s-event-slideshow__arrow--next {
  right: 1.25rem;
}

.s-event-slideshow__track {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0 0 0 calc((100% - min(720px, 70vw)) / 2);
  transition: transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform;
}

.s-event-slideshow__slide {
  flex: 0 0 min(720px, 70vw);
  width: min(720px, 70vw);
  margin: 0;
  aspect-ratio: 720/405;
  opacity: 0.28;
}

.s-event-slideshow__slide.is-active {
  opacity: 1;
}

.s-event-slideshow__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s-event-slideshow__thumbs {
  display: flex;
  justify-content: center;
  gap: 0;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 1.5rem 1rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.s-event-slideshow__thumbs::-webkit-scrollbar {
  display: none;
}

.s-event-slideshow__thumb {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 0.85rem;
  box-sizing: border-box;
  width: auto;
  max-width: 15.625rem;
  min-width: 0;
  height: 5rem;
  margin: 0;
  padding: 0.65rem 0.75rem;
  border: 0;
  background: transparent;
  color: inherit;
  font-family: "Oswald", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.15;
  text-align: left;
  cursor: pointer;
}
.s-event-slideshow__thumb img {
  flex: none;
  width: 3.75rem;
  height: 3.75rem;
  object-fit: cover;
}
.s-event-slideshow__thumb span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.s-event-slideshow__thumb:hover, .s-event-slideshow__thumb:focus-visible, .s-event-slideshow__thumb.is-active {
  background: var(--wp--preset--color--rouge, #da4d4a);
}
.s-event-slideshow__thumb.is-media-only {
  justify-content: center;
}

@media (max-width: 900px) {
  .s-event-slideshow__thumbs {
    justify-content: flex-start;
    padding-inline: 0.5rem;
  }
  .s-event-slideshow__thumb {
    flex: 0 0 13.5rem;
    width: 13.5rem;
    max-width: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .s-event-slideshow__track {
    transition: none;
  }
}