/* Post list images: full width, max 500px height, container matches image height */

.post_container .post_layout_excerpt .post_featured.with_thumb,
.sc_recent_news .post_item .post_featured.with_thumb {
	width: 100%;
	max-height: 500px;
	overflow: hidden;
}

.post_container .post_layout_excerpt .post_featured.with_thumb img.wp-post-image,
.sc_recent_news .post_item .post_featured.with_thumb img.wp-post-image {
	width: 100%;
	height: auto;
	max-height: 500px;
	display: block;
}

/* Wide row list (main page <4 posts, related posts): compact cells, filled images */
.sc_blogger.sc_blogger_default_image_bg .sc_blogger_content .sc_blogger_item.sc_blogger_item_image_position_left .sc_blogger_item_body {
	display: flex;
	align-items: flex-start;
	height: auto;
}

.sc_blogger.sc_blogger_default_image_bg .sc_blogger_content .sc_blogger_item.sc_blogger_item_image_position_left .sc_blogger_item_body .post_featured.post_featured_bg {
	top: 0;
	bottom: 0;
	height: auto;
	max-height: none;
	aspect-ratio: unset;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.sc_blogger.sc_blogger_default_image_bg .sc_blogger_content .sc_blogger_item.sc_blogger_item_image_position_left .sc_blogger_item_body .post_featured_bg:before {
	display: none;
}

.sc_blogger.sc_blogger_default_image_bg .sc_blogger_content .sc_blogger_item.sc_blogger_item_image_position_left .sc_blogger_item_body .sc_blogger_item_content {
	padding: 1.2rem 2rem;
}

.sc_blogger.sc_blogger_default_image_bg .sc_blogger_content .sc_blogger_item.sc_blogger_item_image_position_left .sc_blogger_item_body .sc_blogger_item_content .sc_blogger_item_title {
	margin-top: 0.35rem;
}

.sc_blogger.sc_blogger_default_image_bg .sc_blogger_content .sc_blogger_item.sc_blogger_item_image_position_left .sc_blogger_item_body .sc_blogger_item_content .sc_blogger_item_title + .sc_blogger_item_excerpt {
	margin-top: 0.45em;
}

/* Stacked image on top (mobile breakpoint keeps this layout) */
.sc_blogger.sc_blogger_default_image_bg .sc_blogger_item .post_featured_bg {
	width: 100%;
	max-height: 500px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.sc_blogger.sc_blogger_default_image_bg .sc_blogger_item .post_featured_bg:before {
	display: none;
}
