/*
 * GSite - lightSlider -> Splide compatibility layer (see gs-splide-compat.js)
 */

.gs-splide .splide__slide img {
  max-width: 100%;
}

/* Adaptive height */
.gs-splide-adaptive .splide__list {
  align-items: flex-start;
}

.gs-splide-adaptive > .splide__track {
  transition: height .4s ease;
}

/* Gallery (thumbnails) */
.gs-splide-thumbs .splide__slide {
  cursor: pointer;
  opacity: .6;
  border: 2px solid transparent;
  overflow: hidden;
}

.gs-splide-thumbs .splide__slide.is-active {
  opacity: 1;
  border-color: #ccc;
}

.gs-splide-thumbs .splide__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gs-splide-gallery-vertical {
  display: flex;
  align-items: flex-start;
}

.gs-splide-gallery-vertical > .gs-splide {
  flex: 1 1 auto;
  min-width: 0;
}

.gs-splide-gallery-vertical > .gs-splide-thumbs {
  flex: 0 0 auto;
}