/**
 * Programs Block Styles
 */

/* Slider specific styles */
.programs-slider .slick-track {
  display: flex !important;
}

.programs-slider .slick-slide {
  height: inherit !important;
  display: flex !important;
  justify-content: center;
  margin: 0 10px;
}

.programs-slider .slider-item {
  height: 100%;
}

/* Make sure the cards are the same height */
.programs-slider .card {
  height: 100%;
  margin-bottom: 30px; /* Space for dots navigation */
}

/* Arrow navigation styles */
.programs-slider .slick-prev,
.programs-slider .slick-next {
  z-index: 10;
}

.programs-slider .slick-prev {
  left: -20px;
}

.programs-slider .slick-next {
  right: -20px;
}

.programs-slider .slick-prev:before,
.programs-slider .slick-next:before {
  font-size: 24px;
  opacity: 0.7;
  color: #2a6ebb;
}

/* Dots navigation styles */
.programs-slider .slick-dots {
  bottom: -25px;
}

.programs-slider .slick-dots li button:before {
  font-size: 12px;
}

/* Responsive fixes */
@media (max-width: 767px) {
  .programs-slider .slick-prev {
    left: 5px;
  }

  .programs-slider .slick-next {
    right: 5px;
  }
}