/**
 * SPLIDE STYLES
 */
.splide--std img {
  border: 1px solid #888888;
  max-height: 360px;
  width: auto;
}

.splide--std--thumbnail .splide__track--nav > .splide__list > .splide__slide {
  border: 1px solid #888888;
  opacity: .75;
  transition: border-color 200ms ease, opacity 200ms ease;
}

.splide--std--thumbnail .splide__track--nav > .splide__list > .splide__slide.is-active {
  border-color: #333333;
  opacity: 1;
}

.splide--std--thumbnail {
  margin-top: 8px;
  margin-bottom: 50px;
}

.splide--std .splide__arrow,
.splide--std--thumbnail .splide__arrow {
  background-color: #f2f2f2;
  height: 2.5em;
  width: 2.5em;
}

@media only screen and (1300px <= width) {
  .splide--std .splide__arrow--next,
  .splide--std .splide__arrow--prev {
    background-color: transparent;
    font-size: 3em;
  }
  .splide--std .splide__arrow--prev {
    left: -2.5em;
  }
  .splide--std .splide__arrow--next {
    right: -2.5em;
  }
}



/**
 * LIGHTBOX STYLES
 */
.sl-wrapper.sl-wrapper--std button.sl-close,
.sl-wrapper.sl-wrapper--std .sl-navigation button.sl-next,
.sl-wrapper.sl-wrapper--std .sl-navigation button.sl-prev {
  font-size: 3em;
}
@media only screen and (min-width: 500px) {
  .sl-wrapper.sl-wrapper--std button.sl-close,
  .sl-wrapper.sl-wrapper--std .sl-navigation button.sl-next,
  .sl-wrapper.sl-wrapper--std .sl-navigation button.sl-prev {
    font-size: 4em;
    height: 55px;
    width: 55px;
  }
}
@media only screen and (min-width: 768px) {
  .sl-wrapper.sl-wrapper--std button.sl-close,
  .sl-wrapper.sl-wrapper--std .sl-navigation button.sl-next,
  .sl-wrapper.sl-wrapper--std .sl-navigation button.sl-prev {
    font-size: 6em;
    height: 75px;
    width: 75px;
  }
}