/* News detail page: article body */
.news-article {
	padding: 36px 0 8px;
}

.news-article-media {
	height: 380px;
	overflow: hidden;
	border-radius: 12px;
	background: #e4e4e7;
}

.news-article-caption {
	margin-top: 12px;
	font: 400 12.5px/15px var(--font-text);
	color: var(--color-text);
}

.news-article-body {
	margin-top: 44px;
}

.news-article-text {
	margin-bottom: 24px;
	font: 400 15px/26px var(--font-text);
	color: var(--color-text);
}

.news-article-quote {
	margin: 44px 0 15px;
}

.news-article-quote-text {
	max-width: 900px;
	padding-left: 29px;
	border-left: 3px solid var(--color-accent);
	font: 500 16.5px/26px var(--font-text);
	color: var(--color-navy);
}

.news-article-quote-author {
	display: block;
	margin: 15px 0 24px;
	padding-left: 32px;
	font: 400 12.5px/15px var(--font-text);
	font-style: normal;
	color: var(--color-text);
}

@media (max-width: 767px) {
	.news-article {
		padding-top: 24px;
	}

	.news-article-media {
		height: 220px;
	}

	.news-article-body {
		margin-top: 28px;
	}

	.news-article-text {
		font-size: 14.5px;
		line-height: 24px;
	}

	.news-article-quote {
		margin-top: 28px;
	}

	.news-article-quote-text {
		padding-left: 16px;
		font-size: 15.5px;
		line-height: 24px;
	}

	.news-article-quote-author {
		padding-left: 19px;
	}
}
