/* ============================================================================
   SINGLE — posts, portfolio items, and the article body.
   ============================================================================ */


/* ============================================================
   LAYOUT
   ============================================================ */
.section-blog.section-content {
	padding-top: 60px !important;
}

.single-post .section-blog__container.pb-large.container,
.archive .section-blog__container.pb-large.container {
	padding-top: 0 !important;
}

/* No sidebar on posts — the article runs full width. */
body.single-post .section-blog__sidebar {
	display: none !important;
}

body.single-post .section-blog__posts {
	flex: 0 0 100% !important;
	max-width: 100% !important;
}


/* ============================================================
   ARTICLE BODY
   ============================================================ */
body.post-template-default.single.single-post.single-format-standard .format-standard p,
body.post-template-default.single.single-post.single-format-standard .format-standard li {
	font-size: 24px !important;
	line-height: 30px !important;
	margin: 15px 0 !important;
	font-family: 'Vulf Sans';
	font-weight: 300 !important;
}


/* ============================================================
   IN-ARTICLE LINKS — yellow underline that goes black on hover
   ============================================================ */
body.single-arts_portfolio_item .section-content__content a:not(.button):not(.elementor-button),
body.single-post .section-content__content a:not(.button):not(.elementor-button),
body.single-post .entry-content a:not(.button):not(.elementor-button) {
	color: #000000 !important;
	text-decoration: underline !important;
	text-decoration-color: var(--evm-yellow) !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px;
	text-decoration-skip-ink: auto;
	transition: text-decoration-color 0.2s ease;
}

body.single-arts_portfolio_item .section-content__content a:not(.button):not(.elementor-button):hover,
body.single-post .section-content__content a:not(.button):not(.elementor-button):hover,
body.single-post .entry-content a:not(.button):not(.elementor-button):hover {
	text-decoration-color: #000000 !important;
}

/* Block-editor column links on light pages. */
body.post-template-default.single.single-post .wp-block-column.is-layout-flow a:hover,
body.archive.tag .wp-block-column.is-layout-flow a:hover,
body.archive.category .wp-block-column.is-layout-flow a:hover,
.page-template-default.page .wp-block-column.is-layout-flow a:hover {
	color: #000 !important;
}


/* ============================================================
   PULL QUOTES
   ============================================================ */
.quote p {
	font-family: 'Vulf Sans';
	font-weight: 400; /* was 350, which would now resolve to Light Italic */
	font-style: italic;
	font-size: 36px;
	line-height: 110%;
	text-align: center;
	color: var(--evm-ink);
	max-width: 60%;
	margin: 50px auto 10px;
}

.quote h6 {
	margin-bottom: 50px;
	text-align: center;
}


/* ============================================================
   POST META — tags and navigation
   ============================================================ */
.post__tags {
	border: none !important;
	max-width: 900px !important;
	margin: 0px auto 20px;
}

.tagcloud a,
.widget .tagcloud a,
.wp-block-tag-cloud a {
	background: none !important;
	padding: 0 !important;
	color: var(--evm-ink);
	text-decoration: underline;
	margin: 0 20px 0 0 !important;
	font-weight: 400 !important;
	font-size: 16px !important;
}

aside.posts-navigation {
	margin-bottom: 50px !important;
}

/* Archives show the title only, no meta line. */
.archive ul.post-meta {
	display: none !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media screen and (max-width: 1340px) {
	.post.type-post.format-standard .elementor-container.elementor-column-gap-no {
		padding: 0 !important;
	}

	.section-blog__posts.order-lg-1.col-lg-12 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media screen and (max-width: 800px) {
	.post.type-post.format-standard {
		padding: 0 5% !important;
	}

	body.post-template-default.single.single-post.single-format-standard .format-standard p,
	body.post-template-default.single.single-post.single-format-standard .format-standard li {
		font-size: 20px !important;
		line-height: 26px !important;
	}
}

@media screen and (max-width: 480px) {
	body.post-template-default.single.single-post.single-format-standard .format-standard p,
	body.post-template-default.single.single-post.single-format-standard .format-standard li {
		font-size: 16px !important;
		line-height: 20px !important;
	}
}