/* 
  Theme Name: audioguide
 */

@charset "UTF-8";

/* 
  Адаптация стилей WP Carousel. Идиотский плагин, под капотом - Swiper.js с багом определения
  высота при инициализации. Его стили подключаются прямо посреди разметки, поэтому для переопределения
  почти везде нужны !important
 */
.swiper-horizontal {
  margin: 0 !important;
  height: calc(17.8125rem + 105 / 159 * (100vw - 20rem)) !important;

  @media (min-width: 30rem) {
    height: calc(15rem + 70 / 255 * (100vw - 30rem)) !important;
  }

  @media (min-width: 46rem) {
    height: calc(15.3125rem + 35 / 175 * (100vw - 46rem)) !important;
  }

  @media (min-width: 57rem) {
    height: 17.5rem !important;
  }
}

.swiper-wrapper {
  align-items: flex-start !important;
}

.wpcp-all-captions {
  padding: .625em 0.8em !important;
  font-size: 0.875rem;
  text-align: center;
  color: #5a5e46;
}

.swiper-button-prev,
.swiper-button-next {
  top: calc(6.875rem + 56 * (100vw - 20rem) / 159) !important;
  width: 1em !important;
  height: 1em !important;
  background-color: #ccc !important;
  border-radius: 50%;
  opacity: 0.9;

  @media (min-width: 30rem) {
    top: calc(5rem + 44 * (100vw - 30rem) / 256) !important;
  }

  @media (min-width: 46rem) {
    top: calc(4.875rem + 22 * (100vw - 46rem) / 176) !important;
  }

  @media (min-width: 57rem) {
    top: 36% !important;
  }
}

.swiper-button-prev {
  left: .9375rem !important;

  @media (min-width: 65.625rem) {
    left: -3.125rem !important;
  }
}

.swiper-button-next {
  right: .9375rem !important;

  @media (min-width: 65.625rem) {
    right: -3.125rem !important;
  }
}

.swiper-button-prev i,
.swiper-button-next i {
  position: relative;
  top: -0.03125rem;
  color: black !important;
}

.swiper-button-prev i {
  left: -.0625rem;
}

.swiper-button-next i {
  left: 0.125rem;
}

.wpcp-carousel-content-wrapper {
  margin-bottom: 0 !important;
}

.swiper-pagination {
  bottom: 0 !important;
}

.swiper-pagination-bullet {
  width: 0.875rem !important;
  height: 0.875rem !important;
  margin: 0.375rem !important;
  background-color: #a4cbb4 !important;
}

.swiper-pagination-bullet-active {
  background-color: #5A5E46 !important;
}

.leaflet-control-attribution>a:first-of-type,
.leaflet-control-attribution a:first-of-type+span {
  display: none;
}

.leaflet-container {
  font-size: 1rem;
}