/* Blog Post: grid and image shape from panel variables over the theme's .blog-item look. */
.reland-blog {
	--bp-cols: 2;
	--bp-col-gap: 24px;
	--bp-row-gap: 55px;
	/* --bp-ratio comes from the panel; empty keeps each image's shape. */
	--bp-radius: 16px;
	--bp-zoom: 1.05;
	/* Rows of equal cards; a row that is not full follows Last Row */
	display: flex;
	flex-wrap: wrap;
	justify-content: var(--bp-last, flex-start);
	gap: var(--bp-row-gap) var(--bp-col-gap);
}
.reland-blog > .blog-item {
	width: calc((100% - (var(--bp-cols) - 1) * var(--bp-col-gap)) / var(--bp-cols));
	min-width: 0;
}
.e-con .elementor-widget-tg-blogpost {
	width: 100%;
}

/* The grid spaces the cards */
.reland-blog .blog-item {
	margin: 0;
}

/* Image: one shape for every post, zooms when the card is hovered */
.reland-blog .blog-thumb {
	border-radius: var(--bp-radius);
}
.reland-blog .blog-thumb a {
	display: block;
}
.reland-blog .blog-thumb img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: var(--bp-ratio, auto);
	object-fit: cover;
	margin: 0;
	border-radius: var(--bp-radius);
	transform: scale(1);
	transition: transform .5s linear;
}
.reland-blog .blog-item:hover .blog-thumb img {
	transform: scale(var(--bp-zoom));
}

/* The theme's title is 90% wide; it follows the alignment */
.reland-blog .blog-content .title {
	margin-inline: var(--bp-title-start, 0) var(--bp-title-end, auto);
}
.reland-blog .blog-meta .list-wrap {
	flex-wrap: wrap;
	justify-content: var(--bp-justify, flex-start);
}
.reland-blog .reland-blog__excerpt {
	margin: 12px 0 0;
}
.reland-blog__empty {
	margin: 0;
	padding: 20px;
	border: 1px dashed var(--tg-border-color, #E2E2E2);
	text-align: center;
}

@media (max-width: 991px) {
	.reland-blog {
		--bp-row-gap: 45px;
	}
}
@media (max-width: 767px) {
	.reland-blog {
		--bp-row-gap: 40px;
	}
}

/* Featured + List: the first post large, the rest beside it (Home 9) */
.reland-blog.reland-blog--featured {
	--bp-feat-h: 548px;
	--bp-list-w: 171px;
	--bp-divider: var(--tg-heading-font-color);
	display: grid;
	grid-template-columns: calc((100% + 30px) * 7 / 12 - 30px) minmax(0, 1fr);
	align-items: start;
	gap: 30px;
}
.reland-blog--featured .title {
	text-transform: uppercase;
	line-height: 1.4;
}
.reland-blog--featured .title a {
	color: inherit;
}
.reland-blog--featured .title a:hover {
	color: var(--tg-primary-color);
}
.reland-blog--featured .blog__post-item {
	position: relative;
	z-index: 1;
}
.reland-blog--featured .blog__post-thumb {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 16px;
}
.reland-blog--featured .blog__post-thumb a {
	display: block;
}
.reland-blog--featured .blog__post-thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, #202020 100%);
}
.reland-blog--featured img {
	display: block;
	width: 100%;
	margin: 0;
	object-fit: cover;
	transform: scale(1);
	transition: transform .5s linear;
}
.reland-blog--featured .blog__post-thumb img {
	height: var(--bp-feat-h);
}
.reland-blog--featured .blog__post-item:hover img,
.reland-blog--featured .blog__post-item-two:hover img {
	transform: scale(1.1);
}
.reland-blog--featured .blog__post-content {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 40px;
	z-index: 1;
	width: 70%;
}
.reland-blog--featured .blog__post-content .title {
	margin-bottom: 8px;
	font-size: 28px;
	color: var(--tg-white);
}
.reland-blog--featured .blog-meta-two .list-wrap li,
.reland-blog--featured .blog-meta-two .list-wrap li a {
	color: var(--tg-silver);
}
.reland-blog--featured .blog-meta-two .list-wrap li a:hover {
	color: var(--tg-primary-color);
}
/* No image: the large post reads like a list item */
.reland-blog--featured .blog__post-item:not(:has(.blog__post-thumb)) .blog__post-content {
	position: static;
	width: auto;
}
.reland-blog--featured .blog__post-item:not(:has(.blog__post-thumb)) .title {
	color: var(--tg-heading-font-color);
}
.reland-blog--featured .blog__post-item-two {
	display: flex;
	gap: 24px;
	margin: 0 0 32px;
	padding-bottom: 31px;
	border-bottom: 1.3px solid var(--bp-divider);
}
.reland-blog--featured .blog__post-item-two:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.reland-blog--featured .blog__post-thumb-two {
	flex: 0 0 auto;
	width: var(--bp-list-w);
	min-height: 140px;
	border-radius: 16px;
	overflow: hidden;
}
.reland-blog--featured .blog__post-thumb-two a {
	display: block;
	height: 100%;
}
.reland-blog--featured .blog__post-thumb-two img {
	height: 100%;
}
.reland-blog--featured .blog__post-content-two {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.reland-blog--featured .blog__post-content-two .title {
	margin-bottom: 8px;
	font-size: 22px;
}

@media (max-width: 1199px) {
	.reland-blog.reland-blog--featured {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.reland-blog--featured .blog__post-content {
		left: 25px;
		right: 25px;
		width: auto;
	}
	.reland-blog--featured .blog__post-content .title {
		font-size: 26px;
	}
	.reland-blog--featured .blog__post-item-two {
		margin-bottom: 22px;
		padding-bottom: 22px;
	}
}
@media (max-width: 991px) {
	.reland-blog.reland-blog--featured {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media (max-width: 767px) {
	.reland-blog.reland-blog--featured {
		--bp-feat-h: 420px;
	}
	.reland-blog--featured .blog__post-content .title {
		font-size: 22px;
	}
	.reland-blog--featured .blog__post-content-two .title {
		font-size: 20px;
	}
}
@media (max-width: 575px) {
	.reland-blog--featured .blog__post-item-two {
		flex-wrap: wrap;
		gap: 20px;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.reland-blog--featured .blog__post-thumb-two {
		width: 100%;
		height: 200px;
	}
}