/**
 * Reserved boxes for Elementor Posts ("مقالات خواندنی دانش لند").
 *
 * Article banners are ~2.21:1. Do not absolutely-position the img:
 * Elementor .elementor-fit-height also applies translate(-50%, -50%),
 * which shifted the picture so only half of it stayed in the card.
 */

.elementor-widget-posts,
.elementor-posts-container {
	contain: layout;
}

.elementor-widget-posts .elementor-post__thumbnail,
.elementor-widget-posts .elementor-post__thumbnail__link,
.elementor-posts--skin-cards .elementor-post__thumbnail,
.elementor-posts--skin-classic .elementor-post__thumbnail {
	display: block;
	width: 100%;
	aspect-ratio: 768 / 347;
	overflow: hidden;
	background: #f3f4f6;
	position: relative;
}

.elementor-widget-posts .elementor-post__thumbnail img,
.elementor-posts-container .elementor-post__thumbnail img,
.elementor-widget-posts .elementor-post__thumbnail__link img {
	position: static !important;
	inset: auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: none !important;
	object-fit: fill;
	transform: none !important;
	display: block;
}

.elementor-posts-container .elementor-post {
	min-width: 0;
}