/** @format */

.acf_section--news {
	padding-top: var(--vgap_spacer);
}

/*Toolbox Grid & Items*/
.news_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: var(--hgap-universal);
	row-gap: var(--vgap-universal);
}

.acf_section--news.layout--col--2 .news_grid {
	grid-template-columns: repeat(2, 1fr);
}

.news_item {
	background-color: var(--color-light-grey);
	border-radius: var(--br-box);
	padding: var(--gap-round-box);
	display: grid;
	column-gap: var(--hgap-universal);
	row-gap: var(--vgap-universal);
	align-items: start;
}
.maincontent_wrapper.color-theme--light-grey .news_item {
	background-color: var(--color-white);
}
.acf_section--news.typ--large .news_item:first-of-type {
	grid-column-end: span 2;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
}

.news_item .news_item_col_1 {
	height: 100%;
	width: 100%;
}

.news_item .news_item_col_2 {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	height: 100%;
	width: 100%;
	gap: calc(var(--vgap-universal) / 2) var(--hgap-universal);
	padding: var(--gap-round-box);
}

.news_item .news_item_date {
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}

.news_item .news_item_date:hover {
	text-decoration: none;
}

.news_item .news_headline_anchor {
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}

.news_item .news_headline_anchor:hover {
	text-decoration: none;
}

.news_item .headline {
	color: var(--color-orange);
}

.news_item .news_item_description:hover {
	text-decoration: none;
}

.news_item .news_image {
	width: 100%;
	height: 100%;
}

.news_image_img {
	aspect-ratio: 10/6;
	object-fit: cover;
	contain-intrinsic-size: none !important;
}

.news_item_bottom_grid {
	align-self: end;
	display: inline-grid;
	width: 100%;
	grid-template-columns: repeat(2, auto);
	column-gap: var(--hgap-universal);
	row-gap: var(--vgap-universal);
	align-items: center;
	justify-items: start;
	margin-top: auto;
	padding-top: calc(var(--vgap-universal) / 2);
}

.news_item_category_button {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-white);
	color: var(--color-black);
	border-radius: var(--br-pill);
	width: auto;
}

.news_filter_container .news_item_category_button {
	background-color: var(--color-light-grey);
	display: inline-flex;
	color: var(--color-black);
}

.maincontent_wrapper.color-theme--light-grey .news_item_category_button {
	background-color: var(--color-light-grey);
}

.maincontent_wrapper.color-theme--light-grey .news_filter_container .news_item_category_button {
	background-color: var(--color-white);
}

.news_item_category_button.selected,
.maincontent_wrapper.color-theme--light-grey .news_item_category_button.selected {
	color: var(--color-white);
	background-color: var(--color-black);
}

.news_item_bottom_grid .news_detail_link_container {
	justify-self: end;
}

.news_detail_link_container .button {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-white);
	border-radius: var(--br-pill);
	padding: 0;
	text-decoration: none;
}
.maincontent_wrapper.color-theme--light-grey .news_detail_link_container .button {
	background-color: var(--color-light-grey);
}
.news_detail_link_container .button::after {
	content: '\e5c8';
	text-decoration: none;
	text-align: center;
	font-family: var(--ff-icon-font);
	color: var(--color-black);
}
.news_detail_link_container .button:hover::after {
	color: var(--color-orange);
	transition: color 500ms ease;
}

@media (max-width: 1200px) {
	.news_grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.acf_section--news.typ--large .news_item:first-of-type {
		grid-column-end: span 1;
		grid-template-columns: repeat(1, 1fr);
	}

	.acf_section--news.layout--col--2 .news_grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

/*News Headline & Filters*/
.news_header_container {
	display: grid;
	grid-template-columns: repeat(2, auto);
	column-gap: var(--hgap-universal);
	row-gap: var(--vgap-universal);
}

.news_header_headline {
	margin-bottom: var(--vgap-universal);
}

.news_filter_container {
	margin-bottom: var(--vgap-universal);
	justify-self: end;
}

.news_filter_container .news_item_category_button {
	margin-left: calc(var(--hgap-universal) / 2);
	margin-bottom: calc(var(--vgap-universal) / 2);
	display: inline-flex;
}

@media (max-width: 850px) {
	.news_header_container {
		grid-template-columns: repeat(1, 1fr);
	}

	.news_filter_container {
		justify-self: start;
	}
}

@media (min-width: 1200px) {
	.acf_section--news.typ--large .news_item:first-of-type .news_image_img {
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
	}
}