/* ==========================================================================
   JDA Slider
   ========================================================================== */

.jda-slider {
	position: relative;
	width: 100%;
}

.jda-slider .slick-slide {
  margin-right:10px;
  margin-left:10px;
	outline: none;
}

/* Override default Slick arrow positioning for better theme compatibility. */
.jda-slider .slick-prev,
.jda-slider .slick-next {
	z-index: 1;
}

.jda-slider .slick-prev {
	left: 10px;
}

.jda-slider .slick-next {
	right: 10px;
}

/* Dots */
.jda-slider .slick-dots {
  position:relative;
  inset:unset!important;
  display:flex;
  flex-flow:row nowrap;
  justify-content: center;
  gap:1rem;
  margin-top:32px;
}

.jda-slider .slick-dots li {
  width:1rem;
  height:1rem;
  margin:0;
}

.jda-slider .slick-dots button {
  display:inline-block;
  background-color:unset!important;
  outline:0;
  border:0;
}

.jda-slider .slick-dots button::before {
  width:1rem;
  height:1rem;
  background-color:var(--jda-teal);
  opacity:0.5;
  border-radius:50%;
  text-indent:100vw;
}

.jda-slider .slick-dots .slick-active button::before {
  opacity:1;
}