/* static/css/base.css */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merienda&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

html {
  font-size: 100%;
}

a {
  text-decoration: none;
}

.dropdown-menu {
  min-width: inherit;
}

@media (max-width: 992px) {
  #next, #prev {
    font-size: 12px;
  }
} 

/* SWIPER */
.swiper-pagination {
  --swiper-pagination-color: var(--bs-secondary);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, 0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: var(--bs-secondary);
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
}

.swiper-pagination-bullet-active {
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 30px;
  --swiper-pagination-bullet-height: 8px;
  border-radius: 4px;
}

.swiper-scrollbar-drag {
 background: var(--bs-secondary);
 opacity: 1;
}