/*$font-stack:          Arial, Helvetica, sans-serif;*/
/* Sass variables for media queries */
/* Slider with text overlay */
.paragraph--type--slider,
.paragraph--type--slider-full-width,
.paragraph--type--slider-full-width-static-text,
.paragraph--type--header-banner-image--background--width {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  max-height: 2000px;
  overflow: hidden;
  margin: 0 calc(50% - 50vw);
  padding: 0;
  /* Base styles for all slides in the fade setup */
  /* Class applied to the currently active slide */
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.paragraph--type--slider.row,
.paragraph--type--slider-full-width.row,
.paragraph--type--slider-full-width-static-text.row,
.paragraph--type--header-banner-image--background--width.row {
  display: block;
}
.paragraph--type--slider .keen-slider--fade,
.paragraph--type--slider-full-width .keen-slider--fade,
.paragraph--type--slider-full-width-static-text .keen-slider--fade,
.paragraph--type--header-banner-image--background--width .keen-slider--fade {
  /* Use this specific class to apply fade styles */
  display: flex;
  position: relative;
  /* Essential for absolute positioning of slides */
  overflow: hidden;
  /* Hide anything that goes out of bounds */
  width: 100%;
  /* Or whatever width you need */
  height: 25vh;
}
@media (min-aspect-ratio: 1) {
  .paragraph--type--slider .keen-slider--fade,
.paragraph--type--slider-full-width .keen-slider--fade,
.paragraph--type--slider-full-width-static-text .keen-slider--fade,
.paragraph--type--header-banner-image--background--width .keen-slider--fade {
    height: 60vh !important;
  }
}
.paragraph--type--slider .keen-slider--fade div,
.paragraph--type--slider-full-width .keen-slider--fade div,
.paragraph--type--slider-full-width-static-text .keen-slider--fade div,
.paragraph--type--header-banner-image--background--width .keen-slider--fade div {
  height: 100%;
}
.paragraph--type--slider .keen-slider--fade div img,
.paragraph--type--slider-full-width .keen-slider--fade div img,
.paragraph--type--slider-full-width-static-text .keen-slider--fade div img,
.paragraph--type--header-banner-image--background--width .keen-slider--fade div img {
  height: 100%;
  object-fit: cover;
}
.paragraph--type--slider .keen-slider--fade .keen-slider__slide,
.paragraph--type--slider-full-width .keen-slider--fade .keen-slider__slide,
.paragraph--type--slider-full-width-static-text .keen-slider--fade .keen-slider__slide,
.paragraph--type--header-banner-image--background--width .keen-slider--fade .keen-slider__slide {
  min-width: 100%;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  /* Initially hide all slides */
  transition: opacity 0.5s ease-in-out;
  /* Smooth fade transition */
  z-index: 1;
  /* Default z-index for inactive slides */
  /* Centering content, just for display */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  color: #fff;
  background-color: #333;
  /* Example background */
}
.paragraph--type--slider .keen-slider--fade .keen-slider__slide .slide-inner,
.paragraph--type--slider-full-width .keen-slider--fade .keen-slider__slide .slide-inner,
.paragraph--type--slider-full-width-static-text .keen-slider--fade .keen-slider__slide .slide-inner,
.paragraph--type--header-banner-image--background--width .keen-slider--fade .keen-slider__slide .slide-inner {
  width: 100%;
}
.paragraph--type--slider .keen-slider--fade .keen-slider__slide.active,
.paragraph--type--slider-full-width .keen-slider--fade .keen-slider__slide.active,
.paragraph--type--slider-full-width-static-text .keen-slider--fade .keen-slider__slide.active,
.paragraph--type--header-banner-image--background--width .keen-slider--fade .keen-slider__slide.active {
  opacity: 1;
  z-index: 2;
  /* Bring active slide to front */
}
.paragraph--type--slider .slider .slide-inner,
.paragraph--type--slider-full-width .slider .slide-inner,
.paragraph--type--slider-full-width-static-text .slider .slide-inner,
.paragraph--type--header-banner-image--background--width .slider .slide-inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
}
.paragraph--type--slider .slider .link-layer,
.paragraph--type--slider-full-width .slider .link-layer,
.paragraph--type--slider-full-width-static-text .slider .link-layer,
.paragraph--type--header-banner-image--background--width .slider .link-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.paragraph--type--slider .slider .link-layer div,
.paragraph--type--slider-full-width .slider .link-layer div,
.paragraph--type--slider-full-width-static-text .slider .link-layer div,
.paragraph--type--header-banner-image--background--width .slider .link-layer div {
  width: 100%;
  height: 100%;
}
.paragraph--type--slider .slider .link-layer .title,
.paragraph--type--slider-full-width .slider .link-layer .title,
.paragraph--type--slider-full-width-static-text .slider .link-layer .title,
.paragraph--type--header-banner-image--background--width .slider .link-layer .title {
  display: none;
}
.paragraph--type--slider .slider .link-layer a,
.paragraph--type--slider-full-width .slider .link-layer a,
.paragraph--type--slider-full-width-static-text .slider .link-layer a,
.paragraph--type--header-banner-image--background--width .slider .link-layer a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.paragraph--type--slider {
  margin: 0 auto;
}

/*# sourceMappingURL=keen.css.map */