/* Stable legacy related-post geometry. This stays scoped to the WordPress
   related-post module so current directory and event designs are untouched. */
.single.related_posts .wgl-carousel .swiper-wrapper {
  align-items: stretch;
}

.single.related_posts .wgl-carousel .swiper-slide {
  height: auto;
}

.single.related_posts .wgl-carousel .blog-post {
  height: 100%;
  min-height: 0;
}

.single.related_posts .wgl-carousel .blog-post_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.single.related_posts .wgl-carousel .blog-post_content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.single.related_posts .wgl-carousel .blog-post_footer {
  margin-top: auto;
}

.single.related_posts .wgl-carousel .blog-post_media_part {
  display: flex;
  aspect-ratio: 16 / 9;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #11102a;
}

.single.related_posts .wgl-carousel .blog-post_media_part img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single.related_posts .wgl-carousel img[data-mf-related-media-fit="contain"] {
  padding: 18px;
  object-fit: contain;
}

.single.related_posts .wgl-carousel .post_date {
  white-space: normal;
}

@media (max-width: 767px) {
  .single.related_posts .wgl-carousel .blog-post_title {
    overflow-wrap: anywhere;
  }
}