/*
A simple little SCSS mixin for creating scrim gradients
Inspired by Andreas Larson - https://github.com/larsenwork
https://css-tricks.com/easing-linear-gradients/
*/
/* HIGHTLIGHT GRID STYLE - reusable - for FacetWp */
/* Manage skip to next section link */
.opd-hp-slider-section {
  --accessible-hidden-text-focusable-bg: #ffffff;
}

/* ------------------------------------ *\
  #HP-SLIDER
\* ------------------------------------ */
.slick-slider.opd-slider--hp {
  --slider-hp-navigation-height: 5rem;
  --slider-arrow-top-margin: 0;
  --slider-play-button-left-position: 0.625rem;
  --slider-arrow-prev-position: calc(
      var(--slider-play-button-left-position) + var(--_slider-arrow-size) + 0.625rem
  );
  --slider-arrow-next-left-position: calc(
      var(--slider-arrow-prev-position) + var(--_slider-arrow-size) + 0.625rem
  );
  --slider-navigation-counter: slidernav;
  --slider-outline-color: #ffffff;
  --slider-text-color: #ffffff;
  --slider-arrow-color: var(--slider-text-color);
  --slick-dots-size: 2.625rem;
  --slick-dots-padding: 1.25rem;
  --slick-dots-padding-left: calc(
      var(--slider-arrow-next-left-position) + var(--slick-dots-size) + 0.3125rem
  );
  --slick-dots-font-size: 1rem;
  --slick-dots-weight: 400;
  --slick-dots-bg-color: transparent;
  --slick-dots-color: hsl(41deg, 22%, 83%);
}
.slick-slider.opd-slider--hp.slick-dotted {
  margin-bottom: 0;
}
.slick-slider.opd-slider--hp .opd-hero__content {
  padding-bottom: var(--slider-hp-navigation-height);
}
.slick-slider.opd-slider--hp .slick-arrow {
  top: unset;
  bottom: 0.3125rem;
}
.slick-slider.opd-slider--hp .slick-next .slick-next-icon,
.slick-slider.opd-slider--hp .slick-next .slick-prev-icon,
.slick-slider.opd-slider--hp .slick-prev .slick-next-icon,
.slick-slider.opd-slider--hp .slick-prev .slick-prev-icon {
  color: inherit;
}
.slick-slider.opd-slider--hp .slick-next {
  left: var(--slider-arrow-next-left-position);
}
.slick-slider.opd-slider--hp .slick-dots,
.slick-slider.opd-slider--hp .slick-autoplay-toggle-button {
  bottom: 0;
}
.slick-slider.opd-slider--hp .slick-dots {
  padding: var(--slick-dots-padding) 0 var(--slick-dots-padding) var(--slick-dots-padding-left);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 1px solid;
  counter-reset: var(--slider-navigation-counter);
  text-align: left;
}
.slick-slider.opd-slider--hp .slick-dots li {
  width: auto;
  height: auto;
}
.slick-slider.opd-slider--hp .slick-dots li button {
  /* create counter in slick dots */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--slick-dots-size);
  height: var(--slick-dots-size);
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  background-color: var(--slick-dots-bg-color);
  color: var(--slick-dots-color);
  font-weight: var(--slick-dots-weight);
  border-radius: 0;
}
.slick-slider.opd-slider--hp .slick-dots li button:focus-visible {
  outline: 3px solid var(--slider-outline-color);
}
.slick-slider.opd-slider--hp .slick-dots li button:hover, .slick-slider.opd-slider--hp .slick-dots li button:focus {
  color: var(--slider-text-color);
}
.slick-slider.opd-slider--hp .slick-dots li button:focus {
  outline: 3px solid var(--slider-outline-color);
}
.slick-slider.opd-slider--hp .slick-dots li button:focus:not(:focus-visible) {
  outline: none;
}
.slick-slider.opd-slider--hp .slick-dots li button[aria-current=true] {
  --slick-dots-weight: 700;
  --slick-dots-color: var(--slider-text-color);
}
.slick-slider.opd-slider--hp .slick-dots li button .slick-dot-icon {
  color: inherit;
  opacity: 1;
}
.slick-slider.opd-slider--hp .slick-dots li button .slick-dot-icon::before {
  /* set counter in slick dot icon */
  counter-increment: var(--slider-navigation-counter);
  content: counter(var(--slider-navigation-counter));
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  position: static;
  font-family: "Lora", serif;
  color: inherit;
  font-size: var(--slick-dots-font-size);
}
.slick-slider.opd-slider--hp .slick-autoplay-toggle-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--_slider-arrow-size);
  height: var(--_slider-arrow-size);
  left: var(--slider-play-button-left-position);
  bottom: var(--slick-dots-padding);
  color: var(--slider-text-color);
}
.slick-slider.opd-slider--hp .slick-autoplay-toggle-button:focus-visible {
  outline: 3px solid var(--slider-outline-color);
}
.slick-slider.opd-slider--hp .slick-autoplay-toggle-button:focus {
  outline: 3px solid var(--slider-outline-color);
}
.slick-slider.opd-slider--hp .slick-autoplay-toggle-button:focus:not(:focus-visible) {
  outline: none;
}

/* ------------------------------------ *\
  #MEDIA-QUERIES
\* ------------------------------------ */
@media all and (min-width: 1148px) {
  .slick-slider.opd-slider {
    --slider-play-button-left-position: 1%;
  }
}