/** @format */
article.cpt.cpt--news.cpt--news--extra_padding_top {
	padding-top: var(--header-dynamic-height);
}

section.news {
	display: flex;
	flex-direction: column;
	gap: var(--universal-gap);
	padding: calc(var(--universal-gap) * 1.5) 0 calc(var(--universal-gap) * 3);
}

.news__headlines {
	display: flex;
	flex-direction: column;
	gap: var(--universal-gap);
}

.news__contents .wp-caption-text {
	padding-top: 0.5em;
}

.news__contents .wp-caption-text,
.news__date {
	color: var(--color-grey);
	line-height: 1.2;
}

.news_teaser_cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, auto));
	gap: 1em;
	padding: var(--universal-gap) 0 calc(var(--universal-gap) * 2);
}

.news_teaser_card {
	display: grid;
	grid-template-rows: 2fr 0.5fr auto;
	gap: 1em;
}

.news_teaser_card__img {
	width: 100%;
	height: 100%;
	min-height: 20em;
	overflow: hidden;
}

.news_teaser_card__img img {
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	transition: all 400ms ease;
}

article.cpt--news div.wrapper {
	display: flex;
	flex-direction: column;
	gap: calc(var(--universal-gap) * 1);
	margin-bottom: var(--universal-gap);
}

@media (hover: hover) {
	.news_teaser_card:hover .news_teaser_card__img img {
		transform: scale(1.15);
	}
}

@media screen and (max-width: 1685px) {
	.news_teaser_cards {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.news_teaser_card {
		grid-template-rows: 2fr 6em auto;
	}
}

@media screen and (max-width: 800px) {
	.news_teaser_cards,
	.news_teaser_card {
		display: flex;
		flex-direction: column;
	}

	.news_teaser_cards {
		gap: 2em;
	}

	.news_teaser_card__img {
		min-height: fit-content;
	}
}