.jfd-news {
}

.story-container {
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: calc(var(--cqw-fallback) * 1.82291667);
	gap: 1.82291667cqw;
	flex-grow: 1;
	justify-content: flex-end;
}

.news {
	display: flex;
	flex-direction: column;
	gap: calc(var(--cqw-fallback) * 6);
	gap: 6cqw;
}

.news a {
	text-decoration: none;
	font-size: calc(var(--cqw-fallback) * 2.8);
	font-size: 2.8cqw;
}

.news .story {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	border-radius: calc(var(--cqw-fallback) * 2);
	border-radius: 2cqw;
	padding: 0px;
	padding: 0cqw;
	background: #fff;
	box-shadow: 0 2px 8.2px 1px rgba(0, 0, 0, 0.25);
}

.news .story .content {
	display: flex;
	flex-direction: column;
	gap: calc(var(--cqw-fallback) * 3);
	gap: 3cqw;
	padding: calc(var(--cqw-fallback) * 3);
	padding: 3cqw;
	flex-grow: 1;
}

.news .story .category {
	background-color: var(--jfd-light-blue);
	color: var(--jfd-primary-blue);
	font-family: 'acumin-pro';
	font-size: calc(var(--cqw-fallback) * 2.8);
	font-size: 2.8cqw;
	padding: var(--cqw-fallback);
	padding: 1cqw;
	width: fit-content;
}

.news .story hr {
	border-color: var(--jfd-medium-blue);
	width: 100%;
}

.news .story a {
	font-family: 'acumin-pro';
	font-weight: 500;
}

/* Alter if Briefings & Statments */
.news .story.statement {
	color: var(--jfd-primary-blue);
	background-color: #f5f5f5;
}

.news .story .statementHead {
	background-color: var(--jfd-primary-blue);
	display: flex;
	flex-direction: row;
	color: white;
	padding: var(--cqw-fallback);
	padding: 1cqw;
	border-radius:
		calc(var(--cqw-fallback) * 2)
		calc(var(--cqw-fallback) * 2)
		0px
		0px;
	border-radius: 2cqw 2cqw 0cqw 0cqw;
}

.news .story .statementHead img {
	aspect-ratio: 1;
	max-height: calc(var(--cqw-fallback) * 6);
	max-height: 6cqw;
}

.news .story.statement .title {
	color: var(--jfd-primary-blue);
}

.news .story.statement hr {
	border-color: var(--jfd-primary-blue);
}

.news .story.statement a {
	color: var(--jfd-primary-blue);
}
/* End Briefings & Statements */

.news .story .info {
	padding: 0px 5px;
	padding: 0cqw 5px;
	padding-bottom: calc(var(--cqw-fallback) * 5);
	padding-bottom: 5cqw;
}

.news .story .excerpt {
	font-size: calc(var(--cqw-fallback) * 2.6);
	font-size: 2.6cqw;
	flex-grow: 1;
}

.news .story .date {
	font-family: 'Outfit';
	font-size: calc(var(--cqw-fallback) * 2.8);
	font-size: 2.8cqw;
	line-height: calc(var(--cqw-fallback) * 2);
	line-height: 2cqw;
	color: black;
	opacity: 0.5;
	margin: unset;
	margin-top: calc(var(--cqw-fallback) * 3);
	margin-top: 3cqw;
	padding: 0px;
}

.news .story .title {
	font-family: 'acumin-pro';
	font-size: calc(var(--cqw-fallback) * 4.8);
	font-size: 4.8cqw;
	font-weight: bold;
	text-transform: capitalize;
	color: inherit;
	margin: unset;
	line-height: 1;
}

.news .story .excerpt {
	font-size: calc(var(--cqw-fallback) * 3.6);
	font-size: 3.6cqw;
	margin: 0px;
}

.morenews a {
	text-decoration: none;
}

.nakedLink {
	font-family: Outfit;
	font-size: calc(var(--cqw-fallback) * 4);
	font-size: 4cqw;
	font-style: normal;
	font-weight: 600;
	line-height: calc(var(--cqw-fallback) * 4);
	line-height: 4cqw;
	text-transform: capitalize;
	text-decoration: none;
}

.nakedLink::after {
	content: '\f054';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	margin-left: calc(var(--cqw-fallback) * 0.83333333);
	margin-left: 0.83333333cqw;
}

@media (min-width: 600px) {
	.jfd-news {
		flex-direction: row;
	}

	.story-container {
		gap: calc(var(--cqw-fallback) * 3);
		gap: 3cqw;
		width: unset;
	}

	.news {
		display: flex;
		flex-direction: row;
		gap: calc(var(--cqw-fallback) * 0.8);
		gap: 0.8cqw;
		align-self: flex-start;
	}

	.news .story {
		flex: 1 1 calc(25% - calc(var(--cqw-fallback) * 0.8));
		flex: 1 1 calc(25% - 0.8cqw);
		border-radius: calc(var(--cqw-fallback) * 0.52083333);
		border-radius: 0.52083333cqw;
	}

	.news .story .content {
		gap: calc(var(--cqw-fallback) * 0.78125);
		gap: 0.78125cqw;
		padding: calc(var(--cqw-fallback) * 1.04166667);
		padding: 1.04166667cqw;
	}

	.news .story.statement .statementHead {
		border-radius:
			calc(var(--cqw-fallback) * 0.52083333)
			calc(var(--cqw-fallback) * 0.52083333)
			0px
			0px;
		border-radius: 0.52083333cqw 0.52083333cqw 0cqw 0cqw;
		padding: calc(var(--cqw-fallback) * 0.52083333);
		padding: 0.52083333cqw;
	}

	.news .story .statementHead img {
		max-height: calc(var(--cqw-fallback) * 1.5625);
		max-height: 1.5625cqw;
	}

	.news .story a {
		font-size: clamp(9px, calc(var(--cqw-fallback) * 0.72916667), 14px);
		font-size: clamp(9px, 0.72916667cqw, 14px);
	}

	.news .story .category {
		font-size: clamp(9px, calc(var(--cqw-fallback) * 0.72916667), 14px);
		font-size: clamp(9px, 0.72916667cqw, 14px);
		padding:
			calc(var(--cqw-fallback) * 0.26041667)
			calc(var(--cqw-fallback) * 0.375);
		padding: 0.26041667cqw 0.375cqw;
	}

	.news .story .info {
		display: flex;
		flex-direction: column;
		padding: 0px calc(var(--cqw-fallback) * 0.78125);
		padding: 0px 0.78125cqw;
		padding-bottom: calc(var(--cqw-fallback) * 0.78125);
		padding-bottom: 0.78125cqw;
	}

	.news .story .presenter {
		font-size: calc(var(--cqw-fallback) * 0.9375);
		font-size: 0.9375cqw;
	}

	.news .story .date {
		font-size: clamp(9px, calc(var(--cqw-fallback) * 0.83333333), 16px);
		font-size: clamp(9px, 0.83333333cqw, 16px);
		line-height: 1;
		margin-top: calc(var(--cqw-fallback) * 0.78125);
		margin-top: 0.78125cqw;
	}

	.news .story .title {
		font-size: calc(var(--cqw-fallback) * 1.66666667);
		font-size: 1.66666667cqw;
	}

	.news .story .excerpt {
		font-size: clamp(10px, calc(var(--cqw-fallback) * 1.04166667), 20px);
		font-size: clamp(10px, 1.04166667cqw, 20px);
		line-height: 1.2;
		width: 100%;
	}

	.nakedLink {
		font-size: clamp(11.5px, calc(var(--cqw-fallback) * 1.04166667), 20px);
		font-size: clamp(11.5px, 1.04166667cqw, 20px);
		line-height: calc(var(--cqw-fallback) * 1.04166667);
		line-height: 1.04166667cqw;
	}
}