/*! ===========================================================================
 *
 *    ██████╗ ███████╗ ██████╗    ██████╗  ██████╗ ██╗    ██╗███████╗██████╗
 *    ██╔══██╗██╔════╝██╔════╝    ██╔══██╗██╔═══██╗██║    ██║██╔════╝██╔══██╗
 *    ██████╔╝█████╗  ██║         ██████╔╝██║   ██║██║ █╗ ██║█████╗  ██████╔╝
 *    ██╔══██╗██╔══╝  ██║         ██╔═══╝ ██║   ██║██║███╗██║██╔══╝  ██╔══██╗
 *    ██║  ██║███████╗╚██████╗    ██║     ╚██████╔╝╚███╔███╔╝███████╗██║  ██║
 *    ╚═╝  ╚═╝╚══════╝ ╚═════╝    ╚═╝      ╚═════╝  ╚══╝╚══╝ ╚══════╝╚═╝  ╚═╝
 *
 *    REC Power — WordPress theme
 *    Designed & built by DG+ Agency
 *
 * =========================================================================== */

.single-article {
	background-color: var(--wp--preset--color--dark-navy);
	color: var(--wp--preset--color--white);
	padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--70);
}

.single-article_topbar,
.single-article_header-inner,
.single-article_hero-image,
.single-article_body {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding-inline: max(1.5rem, 4vw);
	box-sizing: border-box;
}

.single-article_topbar {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	font-size: 0.9rem;
	margin-bottom: var(--wp--preset--spacing--60);
}

.single-article_header-note { color: #C0C0C0; margin: 0; text-align: right; }

.single-article_header-inner { text-align: center; }

.single-article_eyebrow {
	font-size: 0.875rem;     
	font-weight: 300;        
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #C0C0C0;          
	margin: 0 0 var(--wp--preset--spacing--30);
}

.single-article_title {
	max-width: 22ch;
	margin: 0 auto var(--wp--preset--spacing--40);
}

.single-article_meta { color: #D4D4D4; font-size: 0.95rem; }
.single-article_date { letter-spacing: 0.08em; margin: 0 0 0.25rem; }
.single-article_reading-time { margin: 0; }

.single-article_hero-image {
	margin-block: var(--wp--preset--spacing--60);
}
.single-article_hero-image img {
	display: block;
	width: 100%;
	height: auto;
	
}

.single-article_body--no-hero {
	padding-top: var(--wp--preset--spacing--60);
}

.single-article_body {
	
	font-family: "new-frank", var(--wp--preset--font-family--system-fonts);
	font-weight: 400;
	font-size: 17px;
	line-height: 1.55;
	letter-spacing: 0;
	color: #D4D4D4;
	
	max-width: calc(var(--wp--style--global--content-size) + 100px);
}

.single-article_body p { margin: 0 0 1.55em; }

.single-article_dateline {  }

.single-article_body a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.single-article_body a:hover { color: var(--wp--preset--color--white); }

.single-article_about-heading {
	color: var(--wp--preset--color--white);
	font-weight: 700;
	font-size: 1.25rem;
	letter-spacing: 0.02em;
	margin: var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--30);
}

@media (max-width: 767px) {

	
	.single-article {
		padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	}

	
	.single-article_topbar {
		flex-direction: column;
		gap: 0.5rem;
		margin-bottom: var(--wp--preset--spacing--50);
	}
	.single-article_header-note { text-align: left; }       

	
	.single-article_title { max-width: 90vw; }

	
	.single-article_meta { font-size: 0.85rem; }

	
	.single-article_hero-image {
		padding-inline: 1rem;
		margin-block: var(--wp--preset--spacing--40);
	}

	
	.single-article_body {
		font-size: 16px;
		max-width: none;
	}
	.single-article_about-heading { font-size: 1.15rem; }   
}