/* -------------------------------------------------------------------------- */
/* News Header                                                                 */
/* -------------------------------------------------------------------------- */

.news-header-section {
	padding-block-start: 6.5rem;
}

.news-post-title{
	font-weight:350;
}

@media ( max-width: 900px ) {
	.news-header-section {
		padding-block-start: clamp(
			6.5rem,
			calc(11.2rem - 11vw),
			7.5rem
		);
	}
}

.news-header__meta {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--30);
	margin-block-start: var(--wp--preset--spacing--20);
}

.news-header__meta-item {
	display: flex;
	align-items: baseline;
	gap: 0.4rem;
	margin: 0;
}

.news-header__meta-label {
	margin: 0;
	color: var(--wp--preset--color--thula-blue);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

.news-header__meta-value,
.news-header__meta-value time {
	margin: 0;
	color: var(--wp--preset--color--dark-grey);
	font-size: var(--wp--preset--font-size--small);
}


/* -------------------------------------------------------------------------- */
/* News Article                                                                */
/* -------------------------------------------------------------------------- */
.news-article-section {
	padding-top:var(--wp--preset--spacing--10);
	padding-bottom:var(--wp--preset--spacing--60);
}

.news-article__content .wp-block-quote {
	margin-inline: 0;
	padding-inline-start: var(--wp--preset--spacing--10);
	padding-inline-end: 0;
}


/* -------------------------------------------------------------------------- */
/* News Card                                                                   */
/* -------------------------------------------------------------------------- */

.news-card {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	overflow: hidden;
	border-radius: var(--wp--preset--border-radius--standard);
	background-color: var(--wp--preset--color--white);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.news-card:hover,
.news-card:focus-within {
	box-shadow: var(--wp--preset--shadow--header-floating);
	transform: translateY(-4px);
}

.news-card .wp-block-post-featured-image {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	width: 100%;
	flex-shrink: 0;
}

.news-card .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
}

.news-card__content {
	padding:
		var(--wp--preset--spacing--20)
		var(--wp--preset--spacing--30)
		var(--wp--preset--spacing--40);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
	flex: 1;
	min-width: 0;
}

.news-card__date,
.news-card__date time {
	color: var(--wp--preset--color--dark-grey);
	font-size: var(--wp--preset--font-size--small);
	margin: 0;
}

.news-card__title {
	margin: 0;
}

.news-card__title a {
	color: var(--wp--preset--color--dark-blue);
	font-weight:400;
	text-decoration: none;
}

.news-card .wp-block-post-title a::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
}

.news-card .wp-block-post-title a:focus-visible::after {
	outline: 2px solid var(--wp--preset--color--thula-teal);
	outline-offset: 2px;
}

.news-card:hover .wp-block-post-title a {
	color: var(--wp--preset--color--thula-teal);
}

.news-card__excerpt,
.news-card__excerpt p {
	color: var(--wp--preset--color--thula-grey);
	font-size: var(--wp--preset--font-size--small);
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* -------------------------------------------------------------------------- */
/* News Carousel                                                               */
/* -------------------------------------------------------------------------- */
.news-carousel-background {
	margin-block:0;
	background:
		linear-gradient(
			120deg,
			#09183c 0%,
			#0d1f4a 50%,
			#0e234f 100%
		);
}

.news-carousel-track {
	--carousel-button-size: 45px;
	--carousel-button-gap: var(--wp--preset--spacing--30);
	--news-gap: var(--wp--preset--spacing--20);

	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
	box-sizing: border-box;
	width: 100%;
	max-width: 999px;
	margin-inline: auto;
	margin-top: var(--wp--preset--spacing--40);

	padding-inline: clamp(
		var(--wp--preset--spacing--10),
		3vw,
		var(--wp--preset--spacing--20)
		
	);

	container-type: inline-size;
}

.news-carousel-query > .wp-block-post-template {
	display: grid;
	grid-template-rows: auto;
	grid-auto-flow: column;
	grid-auto-columns: max(
		260px,
		calc((100cqi - 2 * var(--news-gap)) / 3)
	);
	gap: var(--news-gap);
	overflow-x: auto;
	overflow-y: hidden;
	list-style: none;
	margin: 0;
	padding: 6px 0 0;
	margin-block-start: -6px;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overscroll-behavior-x: contain;
}

.news-carousel-query > .wp-block-post-template.is-dragging {
	scroll-behavior: auto;
	cursor: grabbing;
}

.news-carousel-query > .wp-block-post-template > .wp-block-post {
	scroll-snap-align: start;
	margin: 0;
	min-width: 0;
}

.news-carousel-nav .news-carousel-prev:hover,
.news-carousel-nav .news-carousel-next:hover,
.news-carousel-nav .news-carousel-prev:focus-visible,
.news-carousel-nav .news-carousel-next:focus-visible {
	background-color: var(--wp--preset--color--thula-teal);
	border-color: var(--wp--preset--color--thula-teal);
	color: var(--wp--preset--color--white);
}

/* -------------------------------------------------------------------------- */
/* Responsive News                                                             */
/* -------------------------------------------------------------------------- */

@media (max-width: 1000px) {

	.news-carousel-query > .wp-block-post-template {
		grid-auto-columns: max(
			240px,
			calc((100cqi - var(--news-gap)) / 2)
		);
	}
}

@media (max-width: 700px) {

	.news-header__meta {
		justify-content: space-between;
		gap: var(--wp--preset--spacing--20);
	}

	.news-header__meta-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.25rem;
	}

	.news-header__meta-item--read-time {
		margin-left: auto;
	}
}

@media (max-width: 600px) {

	.wp-block-group.news-header.is-style-site-container,
	.wp-block-group.news-article.is-style-site-container{
		padding-left: var(--wp--preset--spacing--10);
		padding-right: var(--wp--preset--spacing--10);
	}
	
		.news-article__content .wp-block-quote {
		padding-inline-start: var(--wp--preset--spacing--10);
	}	

	.news-carousel-query > .wp-block-post-template {
		grid-auto-columns: 100cqi;
	}

	.news-carousel-track {
		max-width: 100%;
	}
}