/* partials/template/home.scss */
/* utils/_variables.scss */
/* utils/_functions.scss */
/** $string - svg */
/** add unique id image url */
/** https://webdesign.tutsplus.com/tutorials/an-introduction-to-error-handling-in-sass--cms-19996 */
/** font size */
/* partials/template/home.scss */
/* utils/_mixins.scss */
.section.section-recent-posts .swiper .swiper-slide {
  height: auto;
}
.section.section-recent-posts .swiper .swiper-slide {
  width: calc(83.3333333333% - 0.125rem);
}
@media only screen and (min-width: 40rem) {
  .section.section-recent-posts .swiper .swiper-slide {
    width: calc(50% - 0.75rem);
  }
}
@media only screen and (min-width: 64rem) {
  .section.section-recent-posts .swiper .swiper-slide {
    width: calc(33.3333333333% - 1rem);
  }
}

/** dark mode */
:where(.dark, .dark *) .section.section-press .swiper-controls .swiper-button {
  background-color: #1d1d1d;
  border: 1px solid rgba(255, 255, 255, 0.0588235294);
  box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.0392156863);
}

section.section-district .swiper-button-prev, section.section-district .swiper-button-next {
  position: relative;
  left: unset;
  right: unset;
  width: 30px;
  margin-top: 0;
}
section.section-district .swiper-button-prev svg, section.section-district .swiper-button-next svg {
  width: 25px;
  fill: #1d1d1d;
}
section.section-district .swiper-button-prev svg:hover, section.section-district .swiper-button-next svg:hover {
  fill: var(--text-color-1);
}