/* Formatting for post */
.wp-block-query-pagination {
  display: flex;
  justify-content: left;
}

.wp-block-query-pagination .wp-block-query-pagination-previous {
  /* margin-inline-start: 20px !important; */
  margin-inline-end: 20px !important;
}

.wp-block-query-pagination .wp-block-query-pagination-next {
  margin-inline-start: 20px !important;
}

.wp-block-query-pagination-numbers .current {
  color: #d74339;
}

.mobile-post {
  min-height: 0 !important;
  height: 120px;
}

/* Formatting for hovering a grouped block with link */
.relative {
  position: relative;
}

.relative .wp-block-read-more {
  position: absolute; /* Makes the link cover the entire block */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Ensures the link is clickable */
  color: transparent !important;
  background-color: transparent;
}

.relative .wp-block-read-more:hover {
  box-shadow: 0 10px 20px rgba(54, 50, 52, 0.3), 0 6px 6px rgba(54, 50, 52, 0.3);
  transition: all 0.3s ease;
}

/* Latest Article featured */
.latest-article-wrapper {
  display: flex;
  justify-content: center;
}

.latest-featured {
  max-width: 700px;
}

/* Carousel (Smart Post Show) for homepage */
.blog-carousel-text {
  margin: 10px !important;
}

.view-recent-articles a {
  padding: 10px 16px 10px 16px;
}

.view-recent-articles a:hover {
  background-color: #c1352d;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.sp-pcp-post .sp-pcp-title,
.sp-pcp-post .sp-pcp-title a {
  font-size: 16px;
  font-weight: bold;
}

.sp-pcp-post .sp-pcp-post-content {
  font-size: 14px;
  margin-bottom: 0px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6; /* number of lines to show */
  line-clamp: 6;
  -webkit-box-orient: vertical;
}

.swiper-container {
  padding: 0 0 100px 0 !important;
}

.swiper-container .sp-pcp-post-meta {
  margin-bottom: 0 !important;
}

.swiper-container .sp-pcp-post-meta ul li {
  display: flex;
}

.swiper-container .fa-calendar {
  display: none;
}

.swiper-container .entry-date {
  font-weight: 300;
  color: var(--wp--preset--color--accent-4);
}

.swiper-slide {
  height: 470px;
  width: 330px;
  position: relative;
}

@media screen and (max-width: 500px) {
  .swiper-slide {
    width: calc(100vw - 40px) !important;
  }

  .recent-articles-header {
    justify-content: space-between;
  }
}

.swiper-slide .pcp-readmore-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Ensures the link is clickable */
  color: transparent !important;
  background-color: transparent;
  border: none !important;
}

.swiper-slide .pcp-readmore-link:hover {
  box-shadow: 0 10px 20px rgba(54, 50, 52, 0.3), 0 6px 6px rgba(54, 50, 52, 0.3) !important;
  background-color: transparent !important;
  transition: all 0.3s ease;
}

.swiper-slide .sp-pcp-post {
  height: inherit;
}

.swiper-slide .pcp-post-thumb-wrapper {
  aspect-ratio: 4/3;
  height: 200px;
}

.swiper-slide img,
.sp-pcp-thumb {
  width: 100%;
  object-fit: contain;
}

.sp-pcp-thumb br {
  display: none;
}

.pcp-button-prev {
  position: absolute;
  left: 0px !important;
  top: 480px !important;
}

.pcp-button-next {
  position: absolute;
  left: 40px !important;
  top: 480px !important;
}

/* Blogpost recents */
@media screen and (max-width: 1180px) {
  .recent-post-template {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 900px) {
  .recent-post-template {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .recent-post-template {
    grid-template-columns: repeat(1, minmax(0, 380px)) !important;
    justify-content: center;
  }
}

.blogpost-recent {
  height: 460px;
}

.blogpost-recent h3 a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blogpost-recent .wp-block-post-date {
  height: 16px;
}