/* Bridge Drupal 9 markup to the original theme without replacing its design. */
.kilhou-carousel [hidden] { display: none !important; }
[data-carousel] [hidden] { display: none !important; }
.kilhou-laser-carousel .flexslider { position: relative; margin: 0 0 40px; }
.kilhou-laser-carousel .slides { margin: 0; padding: 0; }
.kilhou-laser-carousel .slides img { display: block; width: 100%; height: auto; }
.kilhou-laser-carousel .flex-direction-nav { list-style: none; }
.kilhou-laser-carousel .flex-direction-nav button { position: absolute; top: 40%; border: 0; background: #fff; opacity: .8; font-size: 30px; padding: 10px; cursor: pointer; }
.kilhou-laser-carousel .flex-prev { left: 0; }
.kilhou-laser-carousel .flex-next { right: 0; }
.kilhou-laser-carousel .flex-control-nav { text-align: center; padding: 0; margin: 12px 0; }
.kilhou-laser-carousel .flex-control-nav li { display: inline-block; margin: 0 5px; }
.kilhou-laser-carousel .flex-control-nav button { width: 12px; height: 12px; padding: 0; border: 0; border-radius: 50%; background: #888; font-size: 0; cursor: pointer; }
.kilhou-laser-carousel .flex-control-nav button.active { background: #333; }
.kilhou-carousel .kilhou-slides { width: 65.812%; height: auto; aspect-ratio: 770 / 489; }
.kilhou-carousel .views-slideshow-controls-bottom { width: 33.333%; }
.kilhou-carousel .views-slideshow-cycle-main-frame-row { width: 100%; }
.kilhou-carousel .views-field-field-image-diaporama img { display: block; width: 100%; height: auto; }
.kilhou-carousel .pager_contenu_seb { width: 100%; box-sizing: border-box; }
.kilhou-carousel .views-slideshow-pager-field-item { clear: both; }
.kilhou-carousel .views-slideshow-pager-field-item.active .pager_contenu_seb { background-color: rgba(27, 27, 27, .95); }
.kilhou-carousel .is-active { animation: kilhou-fade .7s ease; }
@keyframes kilhou-fade { from { opacity: .3; } to { opacity: 1; } }
.header-section-2 { position: sticky; top: 0; z-index: 100; }
#superfish-1 > li { display: block; }
.parallax-box { position: relative; overflow: hidden; }
.parallax-box > .container-12 { z-index: 1; }
.parallax-bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-attachment: fixed; z-index: 0; }
.content-main { min-width: 0; }
img { max-width: 100%; }
.form-text, .form-email, .form-textarea { max-width: 100%; box-sizing: border-box; }
.views-field-field-image-diaporama a { display: block; }
.view-games .game-img a { display: block; }
.kilhou-lightbox { padding: 12px; border: 0; border-radius: 6px; max-width: 94vw; max-height: 94vh; background: white; }
.kilhou-lightbox::backdrop { background: rgba(0,0,0,.85); }
.kilhou-lightbox img { display: block; max-width: 88vw; max-height: 82vh; object-fit: contain; }
.kilhou-lightbox button { display: block; margin-left: auto; padding: .25rem .75rem; cursor: pointer; }
.kilhou-pause { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.kilhou-pause:focus { position: relative; width: auto; height: auto; clip-path: none; }
@media (max-width: 1250px) {
  .logo3 { font-size: clamp(1.4rem, 3.5vw, 4.2rem); }
  .logo2 { max-width: 100%; }
  .pager_text_seb h2 { font-size: 16px; line-height: 1.3; }
  #block-block-5 table { width: 100% !important; }
}
@media (max-width: 767px) {
  .kilhou-carousel .kilhou-slides, .kilhou-carousel .views-slideshow-controls-bottom { width: 100%; float: none; }
  .kilhou-carousel .views-slideshow-controls-bottom { margin-top: 12px; }
  .kilhou-carousel .pager_contenu_seb { padding: 5px; }
  .kilhou-carousel .pager_image_seb { width: 25%; }
  .kilhou-carousel .pager_text_seb { width: 70%; }
  .header-section-2 .col1 { width: 100%; }
  #superfish-1 { display: none; }
  select.kilhou-mobile-menu { display: block !important; width: 100%; margin: 10px 0; padding: 8px; }
  .header-section-1 .col1, .header-section-1 .col2 { max-width: 100%; }
  .logo2 { margin-right: 0; }
  .logo3 { top: 0; margin-bottom: 1em; }
  #block-block-5 td { display: block; width: auto !important; text-align: left !important; }
  .view-presentation-du-kilhou .views-field-field-image-diaporama { float: none; margin-right: 0; }
  .parallax-bg { background-attachment: scroll; }
}
@media (prefers-reduced-motion: reduce) {
  .kilhou-carousel .is-active { animation: none; }
  .parallax-bg { background-attachment: scroll; }
}