/* Single blog image handling.
   WordPress only has one featured image per post, so the single hero and
   related cards should share a horizontal editorial crop. */

.single-post .blog-details-area .blog-thumb {
  aspect-ratio: 1290 / 550;
  width: 100%;
  background: #f4f4f4;
}

.single-post .blog-details-area .blog-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.single-post .blog-area .blog-box .thumb {
  aspect-ratio: 1290 / 550;
  width: 100%;
  overflow: hidden;
  background: #f4f4f4;
}

.single-post .blog-area .blog-box .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s ease;
}

.single-post .blog-area a:hover .blog-box .thumb img {
  transform: scale(1.03);
}

@media (max-width: 991px) {
  .single-post .blog-details-area .blog-thumb,
  .single-post .blog-area .blog-box .thumb {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 575px) {
  .single-post .blog-details-area .blog-thumb,
  .single-post .blog-area .blog-box .thumb {
    aspect-ratio: 4 / 3;
  }
}