/* Single post: Flatsome's blog single (no sidebar, inc/blog.php theme mods) in the design's type —
   category and title centred, wide photo, text column of 760px, share and prev/next. */

.blog-single { padding: 84px 0 100px; }
.blog-single > .row { max-width: var(--wrap); padding: 0 24px; }
.blog-single > .row > .col { padding: 0; flex-basis: 100%; max-width: 100%; }

.blog-single .entry-header-text { max-width: 860px; margin: 0 auto; padding: 0 0 40px; }
.blog-single .entry-category {
	font-family: var(--sans);
	font-size: 11px;
	letter-spacing: .2em;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 14px;
}
.blog-single .entry-category a { color: var(--gold-d); }
.blog-single .entry-title {
	font-family: var(--serif);
	font-weight: 400;
	font-size: clamp(32px, 3.8vw, 52px);
	line-height: 1.15;
	letter-spacing: 0;
	color: var(--ink);
	margin: 0;
}
.blog-single .entry-divider { display: none; }
.blog-single .entry-meta { margin-top: 18px; font-size: 12px; letter-spacing: .14em; color: var(--muted); }
.blog-single .entry-meta a { color: var(--muted); }
.blog-single .entry-meta .byline { display: none; }

.blog-single .entry-image { margin: 0 0 56px; }
.blog-single .entry-image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

.blog-single .entry-content { max-width: 760px; margin: 0 auto; padding: 0; font-size: 17px; color: var(--ink); }
.blog-single .entry-content p { color: var(--muted); margin-bottom: 1.3em; }
.blog-single .entry-content h2 {
	font-family: var(--serif);
	font-weight: 400;
	font-size: clamp(24px, 2.4vw, 32px);
	line-height: 1.25;
	color: var(--ink);
	margin: 1.6em 0 .55em;
}
.blog-single .entry-content a { color: var(--teal-d); text-decoration: underline; text-underline-offset: 3px; }
.blog-single .entry-content a:hover { color: var(--gold-d); }

.blog-single .blog-share { margin-top: 48px; }
.blog-single .blog-share .is-divider { display: none; }
.blog-single .share-icons .button.is-outline { border-color: var(--line); color: var(--teal-d); }
.blog-single .share-icons .button.is-outline:hover { background: var(--teal-d); border-color: var(--teal-d); color: #fff; }

.blog-single .navigation-post { max-width: 760px; margin: 48px auto 0; }
.blog-single .next-prev-nav { border-color: var(--line); }
.blog-single .next-prev-nav a {
	display: block;
	padding: 22px 0;
	font-family: var(--serif);
	font-size: 19px;
	line-height: 1.35;
	color: var(--ink);
}
.blog-single .next-prev-nav a:hover { color: var(--teal-d); }
.blog-single .comments-area:empty, .blog-single #comments { margin: 0; padding: 0; }

@media (max-width: 767px) {
	.blog-single { padding: 50px 0 70px; }
	.blog-single > .row { padding: 0 20px; }
	.blog-single .entry-header-text { padding-bottom: 28px; }
	.blog-single .entry-image { margin: 0 -20px 36px; }
	.blog-single .entry-image img { aspect-ratio: 3 / 2; }
	.blog-single .entry-content { font-size: 16px; }
	.blog-single .next-prev-nav a { font-size: 17px; }
}