/* Syrow blog article typography - loaded only on single blog posts (see functions.php) */
body.single-post #main-content .container:before { display: none; }
body.single-post #main-content .container { padding-top: 48px; }

/* Readable column */
body.single-post #left-area {
	float: none;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding: 0 0 64px;
}
body.single-post #left-area .et_pb_post { margin-bottom: 0; }

/* Title + meta */
body.single-post .et_post_meta_wrapper h1.entry-title {
	margin: 0 0 16px;
	padding: 0;
	color: #10263f;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.01em;
}
body.single-post .et_post_meta_wrapper .post-meta {
	margin: 0 0 28px;
	padding: 0;
	color: #4682b4;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	line-height: 1.8;
}
body.single-post .et_post_meta_wrapper .post-meta a { color: #4682b4; }
body.single-post .et_post_meta_wrapper .post-meta a:hover { color: #d9534f; }
body.single-post .et_post_meta_wrapper .post-meta .author { color: #10263f; font-weight: 600; }

/* Featured image */
body.single-post .et_post_meta_wrapper img.et_featured_image,
body.single-post .et_post_meta_wrapper > img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 40px;
	border-radius: 20px;
	box-shadow: 0 20px 40px -18px rgba(16, 38, 63, .35);
}

/* Body copy */
body.single-post #left-area .entry-content {
	color: #3b4250;
	font-size: 17px;
	line-height: 1.8;
}
body.single-post #left-area .entry-content p {
	margin: 0;
	padding: 0 0 1.25em;
	font-size: inherit;
	line-height: inherit;
}
/* Neutralise black colour spans pasted in from editors */
body.single-post #left-area .entry-content span[style*="color: #000000"],
body.single-post #left-area .entry-content span[style*="color:#000000"],
body.single-post #left-area .entry-content span[style*="color: rgb(0, 0, 0)"] { color: inherit !important; }

/* Headings */
body.single-post #left-area .entry-content h1,
body.single-post #left-area .entry-content h2,
body.single-post #left-area .entry-content h3,
body.single-post #left-area .entry-content h4,
body.single-post #left-area .entry-content h5,
body.single-post #left-area .entry-content h6 {
	margin: 1.9em 0 .6em;
	padding: 0;
	color: #10263f;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.005em;
}
body.single-post #left-area .entry-content h1,
body.single-post #left-area .entry-content h2 { font-size: 28px; }
body.single-post #left-area .entry-content h3 { font-size: 22px; margin-top: 1.6em; }
body.single-post #left-area .entry-content h4 { font-size: 19px; margin-top: 1.5em; }
body.single-post #left-area .entry-content h5,
body.single-post #left-area .entry-content h6 { font-size: 17px; margin-top: 1.4em; }
body.single-post #left-area .entry-content > :first-child { margin-top: 0; }
body.single-post #left-area .entry-content h1 strong,
body.single-post #left-area .entry-content h2 strong,
body.single-post #left-area .entry-content h3 strong,
body.single-post #left-area .entry-content h4 strong { font-weight: inherit; }

/* Inline */
body.single-post #left-area .entry-content strong,
body.single-post #left-area .entry-content b { color: #1f2a37; font-weight: 700; }
body.single-post #left-area .entry-content a {
	color: #2f6fa3;
	text-decoration: underline;
	text-decoration-color: rgba(47, 111, 163, .35);
	text-underline-offset: 3px;
	transition: color .2s ease, text-decoration-color .2s ease;
}
body.single-post #left-area .entry-content a:hover { color: #d9534f; text-decoration-color: #d9534f; }

/* Lists */
body.single-post #left-area .entry-content ul,
body.single-post #left-area .entry-content ol {
	margin: 0;
	padding: 0 0 1.25em 1.4em;
	line-height: inherit;
}
body.single-post #left-area .entry-content ul { list-style-type: disc; }
body.single-post #left-area .entry-content ol { list-style-type: decimal; }
body.single-post #left-area .entry-content li {
	margin: 0 0 .45em;
	padding-left: .3em;
	font-size: inherit;
	line-height: 1.7;
}
body.single-post #left-area .entry-content li::marker { color: #d9534f; }
body.single-post #left-area .entry-content li > ul,
body.single-post #left-area .entry-content li > ol { padding-top: .45em; padding-bottom: 0; }

/* Media, quotes, tables */
body.single-post #left-area .entry-content img {
	max-width: 100%;
	height: auto;
	border-radius: 14px;
}
body.single-post #left-area .entry-content figure { margin: 0 0 1.5em; }
body.single-post #left-area .entry-content figcaption { color: #6b7280; font-size: 14px; text-align: center; padding-top: 8px; }
body.single-post #left-area .entry-content blockquote {
	margin: 1.5em 0;
	padding: 20px 28px;
	border-left: 4px solid #d9534f;
	border-radius: 0 14px 14px 0;
	background: #f7f8fa;
	color: #1f2a37;
	font-size: 18px;
	font-style: italic;
}
body.single-post #left-area .entry-content blockquote p:last-child { padding-bottom: 0; }
body.single-post #left-area .entry-content table {
	width: 100%;
	margin: 0 0 1.5em;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.6;
}
body.single-post #left-area .entry-content th,
body.single-post #left-area .entry-content td { padding: 10px 14px; border: 1px solid #e2e5ea; text-align: left; }
body.single-post #left-area .entry-content th { background: #f1f4f8; color: #10263f; font-weight: 700; }
body.single-post #left-area .entry-content hr { margin: 2em 0; border: 0; border-top: 1px solid #e2e5ea; }

@media (max-width: 980px) {
	body.single-post #main-content .container { padding-top: 32px; }
	body.single-post .et_post_meta_wrapper h1.entry-title { font-size: 32px; }
}
@media (max-width: 640px) {
	body.single-post .et_post_meta_wrapper h1.entry-title { font-size: 26px; }
	body.single-post .et_post_meta_wrapper img.et_featured_image,
	body.single-post .et_post_meta_wrapper > img { margin-bottom: 28px; border-radius: 14px; }
	body.single-post #left-area .entry-content { font-size: 16px; line-height: 1.75; }
	body.single-post #left-area .entry-content h1,
	body.single-post #left-area .entry-content h2 { font-size: 23px; }
	body.single-post #left-area .entry-content h3 { font-size: 20px; }
	body.single-post #left-area .entry-content h4 { font-size: 18px; }
	body.single-post #left-area .entry-content blockquote { padding: 16px 20px; font-size: 17px; }
	body.single-post #left-area .entry-content table { display: block; overflow-x: auto; }
}