/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.public-article-card .grid-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.public-article-thumb.entry-image {
	aspect-ratio: 16 / 10;
	background-color: var(--cnvs-contrast-100);
	overflow: hidden;
	width: 100%;
}

.public-article-thumb.entry-image,
.public-article-thumb.entry-image > a,
a.public-article-thumb.entry-image,
.public-article-thumb.entry-image img {
	display: block;
	width: 100%;
}

.public-article-thumb.entry-image > a,
a.public-article-thumb.entry-image,
.public-article-thumb.entry-image img {
	height: 100%;
}

.public-article-thumb.entry-image img {
	object-fit: cover;
}

.public-article-thumb-feature.entry-image {
	aspect-ratio: 16 / 9;
}

.public-article-row .public-article-thumb.entry-image {
	aspect-ratio: auto;
	height: 100%;
	min-height: 132px;
}

@media (max-width: 767.98px) {
	.public-article-row .public-article-thumb.entry-image {
		aspect-ratio: 16 / 10;
		height: auto;
		min-height: 0;
	}
}

.public-cu-thumb.portfolio-image {
	aspect-ratio: 16 / 10;
	background-color: var(--cnvs-contrast-100);
	overflow: hidden;
	width: 100%;
}

.public-cu-thumb.portfolio-image > a,
.public-cu-thumb.portfolio-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.public-cu-thumb.portfolio-image img {
	object-fit: cover;
}