/* === J-TEDA Custom CSS Based on LOIS Style === */
/* === Dominant Color: Baby Blue (#89CFF0) === */

:root {
  --swiper-theme-color: #89CFF0;
  --swiper-navigation-color: #89CFF0;
  --swiper-pagination-color: #89CFF0;
  --swiper-scrollbar-drag-bg-color: rgba(137, 207, 240, 0.8);
}

.swiper-pagination-bullet-active {
  background: #89CFF0;
  opacity: 1;
}

.swiper-button-prev,
.swiper-button-next {
  color: #89CFF0;
}

.swiper-lazy-preloader {
  border: 4px solid #89CFF0;
  border-top-color: transparent;
}

.swiper-scrollbar-drag {
  background: rgba(137, 207, 240, 0.8);
}

h1, h2, h3, a:hover {
  color: #89CFF0;
}

a:hover, button:hover {
  color: #000;
  background-color: #89CFF0;
  transition: 0.3s ease;
}

.btn-primary {
  background-color: #89CFF0;
  border-color: #89CFF0;
  color: #000;
}
.btn-primary:hover {
  background-color: #77bce0;
  border-color: #77bce0;
}

.sidebar .block, .pkp_block {
  border-left: 5px solid #89CFF0;
}