/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/latest-carousel/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
:root {
  --swiper-pagination-top: auto;
  --swiper-navigation-size: 2rem;
  --swiper-navigation-border-radius: 0;
  --swiper-navigation-color: #121212;
  --swiper-navigation-bgd-color: rgba(255, 255, 255, 0.9);
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-active-color: var(--wp--preset--color--text);
  --swiper-pagination-bullet-inactive-color: var(--wp--preset--color--text);
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bullet-inactive-opacity: 0.1;
  --swiper-pagination-bullet-active-opacity: 0.3;
}

.latest-carousel-container {
  position: relative;
  width: 100%;
}
.latest-carousel-container .latest-carousel-swiper {
  width: 100%;
  height: auto;
}
.latest-carousel-container .latest-carousel-swiper .swiper-slide {
  height: auto;
}
.latest-carousel-container .latest-carousel-swiper .swiper-button-next,
.latest-carousel-container .latest-carousel-swiper .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--swiper-navigation-size) * 1.5);
  height: calc(var(--swiper-navigation-size) * 1.5);
  background: var(--swiper-navigation-bgd-color);
  border-radius: var(--swiper-navigation-border-radius);
  color: var(--swiper-navigation-color);
  transition: all 0.3s ease;
}
.latest-carousel-container .latest-carousel-swiper .swiper-button-next:hover,
.latest-carousel-container .latest-carousel-swiper .swiper-button-prev:hover {
  transform: scale(1.1);
}
.latest-carousel-container .latest-carousel-swiper .swiper-button-next::after,
.latest-carousel-container .latest-carousel-swiper .swiper-button-prev::after {
  font-size: var(--swiper-navigation-size);
  font-weight: 400;
}
.latest-carousel-container .latest-carousel-swiper .swiper-button-next {
  right: 0;
}
.latest-carousel-container .latest-carousel-swiper .swiper-button-prev {
  left: 0;
}
.latest-carousel-container .latest-carousel-swiper .swiper-pagination {
  display: none;
  bottom: 0;
}
.latest-carousel-container .latest-carousel-swiper .swiper-pagination .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-size);
  height: var(--swiper-pagination-bullet-size);
  background: var(--swiper-pagination-bullet-inactive-color);
  opacity: 1;
  transition: all 0.3s ease;
}
.latest-carousel-container .latest-carousel-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-bullet-active-color);
  transform: scale(1.2);
}

.latest-carousel-empty {
  padding: 2rem;
  color: #666;
}

@media (max-width: 768px) {
  .latest-carousel-container .latest-carousel-swiper .swiper-slide .latest-carousel-slide__image {
    height: 150px;
  }
  .latest-carousel-container .latest-carousel-swiper .swiper-slide .latest-carousel-slide__content {
    padding: 0.75rem;
  }
  .latest-carousel-container .latest-carousel-swiper .swiper-slide .latest-carousel-slide__title {
    font-size: 1rem;
  }
  .latest-carousel-container .latest-carousel-swiper .swiper-button-next,
  .latest-carousel-container .latest-carousel-swiper .swiper-button-prev {
    width: 35px;
    height: 35px;
  }
  .latest-carousel-container .latest-carousel-swiper .swiper-button-next::after,
  .latest-carousel-container .latest-carousel-swiper .swiper-button-prev::after {
    font-size: 14px;
  }
}
.postCard {
  display: block;
}
.postCard__image {
  display: block;
  border-radius: var(--wp--custom--border-radius);
  overflow: hidden;
}
.postCard__image img {
  display: block;
  width: 100%;
  height: auto;
}
.postCard__meta {
  margin-bottom: var(--wp--preset--spacing--20);
}
.postCard__body {
  padding-top: var(--wp--preset--spacing--20);
  padding-bottom: var(--wp--preset--spacing--20);
  font-family: var(--wp--preset--font-family--mono);
}
.postCard__body p {
  font-size: var(--wp--preset--font-size--small);
}
.postCard__body table {
  font-size: var(--wp--preset--font-size--small);
  font-weight: 400;
  line-height: 1;
}
.postCard__body table td:first-child {
  white-space: nowrap;
  width: 1%;
  font-weight: bold;
}
.postCard__body table td {
  padding: 0.25em 0.75em 0.25em 0 !important;
  border: none !important;
}

/*# sourceMappingURL=style-index.css.map*/