/* Shared styles for all single post templates (single.php, single-video.php, etc.) */
.single-section {
	margin-top: 30px;
	margin-bottom: 60px;
}
.single-section .categories {
	font-size: 12px;
	margin-bottom: 10px;
}
.single-section .categories a {
	color: var(--color-3);
}
.single-section .categories a:hover,
.single-section .categories a:focus {
	color: var(--color-1);
}
.single-section h1 {
	font-size: 48px;
	color: var(--color-8);
}
.single-section .feat-image img {
	width: 100%;
	aspect-ratio: 2/1;
	object-fit: cover;
}
.single-section .author-date {
	margin-top: 40px;
	margin-bottom: 40px;
}
.single-section .author {
	font-size: 20px;
	font-weight: 600;
}
.single-section .date {
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
}
.single-section .single-row {
	gap: 40px 60px;
}
.single-section .post-col {
	flex: 1 1 calc(100% - 360px);
}
.single-section .sidebar-col {
	flex: 0 1 300px;
	margin-bottom: 50px;
}
.single-section .sidebar-col .sidebar_heading {
	font-size: 36px;
	color: var(--color-1);
	font-weight: 800;
	margin-bottom: 50px;
}
.single-section .sidebar-col .post a {
	color: var(--color-8);
}
.single-section .sidebar-col .post a:hover,
.single-section .sidebar-col .post a:focus {
	color: var(--color-3);
}
.single-section .sidebar-col .post .heading {
	font-size: 18px;
	font-weight: 800;
}
.single-section .sidebar-col .post .read-more {
	font-size: 14px;
	font-weight: 300;
	margin-top: 8px;
}
.single-section .sidebar-col .post {
	margin-bottom: 50px;
}
.single-section .sidebar-col {
	position: relative;
}
.single-section .sidebar-col .sidebar {
	position: sticky;
	top: var(--headerHeight, 128px);
	left: 0;
	right: 0;
}
.single-section .alignright,
.single-section .alignleft {
	max-width: min(100%, 355px);
}
@media screen and (max-width: 991px) {
	.single-section .single-row {
		flex-direction: column;
	}
}