/**
 * Blog design for automatorplugin.com.
 *
 * The blog pages come from the Total theme's own blog templates: the Blog page
 * template (blog home), the category, tag, author and date archives, the blog
 * search (a search limited to posts) and single posts. This file only loads on
 * those pages (see modules/blog.php), which also prints the blog home hero and
 * the search in the breadcrumb band.
 */

/* ---------- Every blog template: the site's 1200px content width, lined up with the header and the knowledge base (1248px with the 24px side padding) ---------- */
:is(body.page-id-30,body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) #content-wrap.container {
	max-width: 1248px !important;
	width: 100% !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .page-header-inner.container {
	max-width: 1248px !important;
	width: 100% !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box;
}

/* ---------- Breadcrumbs, like the knowledge base: no Home, blue links, ">" between ---------- */
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs {
	position: static !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: #676b6f !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs .breadcrumb-trail {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs .trail-begin,
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs .sep-1 {
	display: none !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs .sep {
	font-size: 0 !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs .sep::before {
	content: ">";
	margin: 0 8px;
	font-size: 14px;
	color: #676b6f;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs a,
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs a span {
	font-weight: 400 !important;
	color: #0790e8 !important;
	text-decoration: none;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs .trail-end {
	font-weight: 500;
	color: #676b6f !important;
}

/* a post in two categories: a comma between them, so they read as two */
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs .trail-post-categories {
	display: inline-flex;
	flex-wrap: wrap;
	font-size: 0 !important;
	color: #676b6f !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs .trail-post-categories>span {
	font-size: 14px;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .site-breadcrumbs .trail-post-categories>span+span::before {
	content: ",";
	margin-right: 6px;
	font-size: 14px;
	color: #676b6f;
}

/* ---------- Blog home (page 30) ---------- */
body.page-id-30 .page-header {
	display: none !important;
}
body.page-id-30 #content-wrap {
	padding-top: 0 !important;
	padding-bottom: 100px !important;
}
.uah-blog-hero {
	text-align: center;
	padding: 104px 0 56px;
	border-image: radial-gradient(120% 80% at 50% 0%,#eaf5fd 0%,#ffffff 60%) fill 0//0 100vmax;
}
.uah-blog-hero .uah-kicker {
	margin: 0 0 14px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #0790e8;
}
.uah-blog-hero h1 {
	margin: 0;
	font-size: 56px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.02em;
	color: #0d0f12;
}

/* the search: the recipe library's search box */
.uah-blog-search {
	display: flex;
	align-items: stretch;
	max-width: 750px;
	height: 56px;
	margin: 32px auto 0;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	overflow: hidden;
}
.uah-blog-search input {
	flex: 1 1 auto;
	min-width: 0;
	height: auto !important;
	margin: 0 !important;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0;
	font-size: 17px !important;
	line-height: 1.6 !important;
	color: #3c434a !important;
	text-align: left;
}
.uah-blog-search input::placeholder {
	color: #3c434a;
	opacity: .7;
}
.uah-blog-search button {
	flex: none;
	margin: 0;
	padding: 0 26px;
	border: 0;
	border-radius: 0;
	background: #0790e8;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
}
.uah-blog-search button:hover {
	background: #0478c3;
}
.uah-blog-cats {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 20px auto 0;
	padding: 0;
	list-style: none;
}
.uah-blog-cats li {
	margin: 0;
}
.uah-blog-cats a {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 0 0 1px #e4e4e4;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: #2b2e33;
	text-decoration: none;
}
.uah-blog-cats a.is-on {
	background: #0d0f12;
	box-shadow: none;
	color: #fff;
}

/* Blog home: the posts */
body.page-id-30 .uo-blog {
	display: grid !important;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 20px;
	margin: 0 !important;
}
body.page-id-30 .uo-blog-article {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	min-width: 0;
}
body.page-id-30 .uo-blog-article .blog-entry {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.04);
	overflow: hidden;
}
body.page-id-30 .uo-blog-article-image {
	display: block;
	position: relative;
	width: 100% !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

/* the image keeps its own shape: same ratio as the featured images, never stretched */
body.page-id-30 .uo-blog-article-image-ratio {
	position: relative !important;
	padding-top: 0 !important;
	aspect-ratio: 776/501;
	height: auto;
	background: #f6f7f9 !important;
	overflow: hidden;
}
body.page-id-30 .uo-blog-article-image-ratio .blog-entry-media,
body.page-id-30 .uo-blog-article-image-ratio .blog-entry-media-link {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.page-id-30 .uo-blog-article-image-ratio img {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	transform: none !important;
}
body.page-id-30 .uo-blog-article-content {
	position: static !important;
	width: auto !important;
	margin: 0 !important;
	padding: 20px 24px 24px !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 14px;
	color: #676b6f;
}
body.page-id-30 .uo-blog-article-content-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 13px;
	line-height: 1.5;
	color: #676b6f;
}
body.page-id-30 .uo-blog-article-content-meta::before {
	display: none !important;
}
body.page-id-30 .uo-blog-article-content-meta__category a {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	background: #eef1f5;
	font-weight: 500 !important;
	color: #2b2e33 !important;
}
body.page-id-30 .uo-blog-article-content-meta-title {
	margin: 0 !important;
}
body.page-id-30 .uo-blog-article-content-meta-title .blog-entry-header {
	margin: 0 !important;
}
body.page-id-30 .uo-blog-article-content-meta-title .blog-entry-title {
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	margin: 0 !important;
}
body.page-id-30 .uo-blog-article-content-meta-title a {
	color: #0d0f12 !important;
}
body.page-id-30 .uo-blog-article-content-meta-date {
	margin-top: auto;
	font-size: 13px;
	color: #676b6f;
}

/* the newest post, on the first page only: half image, half text (later pages are the plain three-column grid) */
body.page-id-30:not(.paged) .uo-blog-article:first-child {
	grid-column: 1/-1;
}
body.page-id-30:not(.paged) .uo-blog-article:first-child .blog-entry {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
body.page-id-30:not(.paged) .uo-blog-article:first-child .uo-blog-article-image-ratio {
	height: 100%;
}
body.page-id-30:not(.paged) .uo-blog-article:first-child .uo-blog-article-content {
	justify-content: center;
	padding: 40px 48px !important;
	gap: 12px;
}
body.page-id-30:not(.paged) .uo-blog-article:first-child .blog-entry-title {
	font-size: 26px !important;
	line-height: 1.25 !important;
}
body.page-id-30:not(.paged) .uo-blog-article:first-child .uo-blog-article-content-meta-date {
	margin-top: 0;
}

/* ---------- Archives (category, tag, author, date) and blog search ---------- */

/* the grey band holds the breadcrumbs (and the search), the title sits under it on white, as in the knowledge base */
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-header {
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-header-content {
	display: grid !important;
	grid-template-columns: minmax(0,1fr) auto;
	column-gap: 24px;
	position: relative;
	z-index: 0;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-header-content::before {
	content: "";
	grid-row: 1;
	grid-column: 1/-1;
	background: #f6f7f9;
	box-shadow: 0 0 0 100vmax #f6f7f9;
	clip-path: inset(0 -100vmax);
	z-index: -1;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .site-breadcrumbs {
	grid-row: 1;
	grid-column: 1;
	display: flex !important;
	align-items: center;
	min-height: 86px;
	box-sizing: border-box;
	padding: 20px 0 !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .uah-band-search {
	grid-row: 1;
	grid-column: 2;
	align-self: center;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-header-title {
	grid-row: 2;
	grid-column: 1/-1;
	margin: 48px 0 0 !important;
	font-size: 44px !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	letter-spacing: normal;
	color: #0d0f12 !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-subheading {
	grid-row: 3;
	grid-column: 1/-1;
	margin: 16px 0 0 !important;
	font-size: 18px !important;
	line-height: 1.6 !important;
	color: #676b6f !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-subheading p {
	margin: 0 !important;
}
body.search:not(:has(#hkb)) .page-header-title {
	font-size: 28px !important;
	line-height: 1.25 !important;
}

/* the search in the band, like the knowledge base */
.uah-band-search {
	display: flex;
	align-items: stretch;
	width: 400px;
	height: 46px;
	box-sizing: border-box;
	margin: 0;
	background: #fff;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	overflow: hidden;
}
.uah-band-search input {
	flex: 1 1 auto;
	min-width: 0;
	height: auto !important;
	margin: 0 !important;
	padding: 10px 14px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0;
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #2b2e33 !important;
}
.uah-band-search input::placeholder {
	color: #2b2e33;
	opacity: .7;
}
.uah-band-search button {
	flex: none;
	margin: 0;
	padding: 0 18px;
	border: 0;
	border-radius: 0;
	background: #0790e8;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
}
.uah-band-search button:hover {
	background: #0478c3;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) #sidebar {
	display: none !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) #primary {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) #content-wrap {
	padding-top: 32px !important;
	padding-bottom: 100px !important;
}

/* blog search: the results sit right under the title, as in the knowledge base search */
body.search:not(:has(#hkb)) #content-wrap {
	padding-top: 24px !important;
}

/* blog search with no results: "No Results" and a line under it, as in the knowledge base search */
body.search:not(:has(#hkb)) .wpex-no-posts-found {
	margin: 0 !important;
	font-size: 16px !important;
}
.uah-search-noresults__title {
	margin: 0 0 8px !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #0d0f12 !important;
}
.uah-search-noresults p {
	margin: 0 0 20px !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: #676b6f !important;
}

/* author page: photo and bio on the page, no box, no second name */
body.author section.author-bio {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start;
	gap: 20px;
	margin: 0 0 40px !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-align: left !important;
}
body.author .author-bio-avatar img {
	display: block;
	width: 72px !important;
	height: 72px !important;
	border-radius: 50% !important;
	object-fit: cover;
}
body.author .author-bio-title {
	display: none !important;
}
body.author .author-bio-description,
body.author .author-bio-description p {
	margin: 0 !important;
	font-size: 17px;
	line-height: 1.7;
	color: #5b6168;
}

/* the posts: equal cards, three across */
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) #blog-entries {
	display: grid !important;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 20px;
	margin: 0 !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) #blog-entries>.blog-entry {
	display: flex;
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.04);
	overflow: hidden;
	min-width: 0;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .entry-divider {
	display: none !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-inner {
	display: flex !important;
	flex-direction: column;
	width: 100%;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-media {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	flex: none;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 776/501;
	object-fit: cover;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-content {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 20px 24px 24px !important;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-meta {
	display: contents !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-meta li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-meta .meta-icon,
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-meta .meta-comments,
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-meta .meta-author {
	display: none !important;
}

/* the categories as tags, above the title */
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-meta .meta-category {
	order: 1;
	font-size: 0 !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-meta .meta-category>span:not(.meta-icon) {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-meta .meta-category a {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	background: #eef1f5;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	color: #2b2e33 !important;
	text-decoration: none;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-header {
	order: 2;
	margin: 0 !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-title {
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	margin: 0 !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-title a {
	color: #0d0f12 !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-excerpt {
	order: 3;
	margin: 0 !important;
	font-size: 15px;
	line-height: 1.6;
	color: #676b6f;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-excerpt p {
	margin: 0 !important;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-meta :is(.meta-date,.meta-date-modified) {
	order: 4;
	margin-top: auto !important;
	font-size: 13px;
	line-height: 1.5;
	color: #676b6f;
}
:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog-entry-readmore {
	display: none !important;
}
:is(body.page-id-30,body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .blog_disclaimer {
	margin-top: 40px;
	font-size: 13px;
	color: #9a9ea3;
}

/* Pagination: the theme's own, as in the recipe library, centred under the cards */
:is(body.page-id-30,body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .wpex-pagination {
	text-align: center !important;
	margin-top: 48px !important;
}

/* ---------- Single post ---------- */
body.single-post .page-header {
	background: #f6f7f9 !important;
	padding: 20px 0 !important;
	margin: 0 !important;
	border: 0 !important;
}
body.single-post .page-header-title {
	display: none !important;
}
body.single-post #content-wrap {
	padding-top: 56px !important;
	padding-bottom: 100px !important;
}
/* the article and the 300px sidebar fill the width, 48px apart, as on knowledge base articles */
body.single-post #content-wrap.container {
	display: flex !important;
	align-items: flex-start;
	gap: 48px;
}
/* the theme's clearfix adds an empty item to the row, which took another 48px gap */
body.single-post #content-wrap.container::before,
body.single-post #content-wrap.container::after {
	display: none !important;
}
body.single-post #primary {
	flex: 1 1 0;
	min-width: 0;
	width: auto !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
}
body.single-post #sidebar {
	flex: 0 0 300px;
	width: 300px !important;
	float: none !important;
	margin: 0 !important;
	position: sticky;
	top: 120px;
}
body.single-post .single-post-title {
	font-size: 44px !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	letter-spacing: -.01em;
	color: #0d0f12 !important;
	margin: 0 !important;
	text-wrap: balance;
}
body.single-post .single-blog-article>ul.meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	margin: 16px 0 0 !important;
	font-size: 14px !important;
	color: #676b6f !important;
}
body.single-post .single-blog-article>ul.meta li {
	margin: 0 !important;
}
body.single-post .single-blog-article>ul.meta a {
	color: #676b6f !important;
}
body.single-post .single-blog-content {
	font-size: 17px;
	line-height: 1.7;
	color: #2b2e33;
	margin-top: 32px !important;
}
body.single-post .single-blog-content h2 {
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: #0d0f12 !important;
	margin: 48px 0 16px !important;
}
body.single-post .single-blog-content h3 {
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #0d0f12 !important;
	margin: 32px 0 12px !important;
}

/* sidebar: only the contents, in a card that follows you down the page */
body.single-post #sidebar .widget {
	margin: 0 0 20px !important;
}
body.single-post #sidebar .widget:not(.hkb_widget_toc) {
	display: none !important;
}
body.single-post #sidebar .hkb_widget_toc {
	display: flex !important;
	flex-direction: column;
	max-height: calc(100vh - 140px);
	box-sizing: border-box;
	overflow: hidden;
	padding: 28px 16px 20px 28px !important;
	background: #fff !important;
	border: 1px solid #ebecef;
	border-radius: 16px;
}
body.single-post #sidebar .hkb_widget_toc .widget-title {
	flex: none;
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #0d0f12 !important;
	margin: 0 0 12px !important;
}

/* the list scrolls inside the card, with a scrollbar that stays visible */
body.single-post #sidebar .hkb_widget_toc #navtoc {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding-right: 10px;
}
body.single-post #sidebar .hkb_widget_toc #navtoc::-webkit-scrollbar {
	width: 6px;
}
body.single-post #sidebar .hkb_widget_toc #navtoc::-webkit-scrollbar-track {
	background: #f1f3f5;
	border-radius: 3px;
}
body.single-post #sidebar .hkb_widget_toc #navtoc::-webkit-scrollbar-thumb {
	background: #c4cad1;
	border-radius: 3px;
}

@supports not selector(::-webkit-scrollbar) {
	body.single-post #sidebar .hkb_widget_toc #navtoc {
		scrollbar-width: thin;
		scrollbar-color: #c4cad1 #f1f3f5;
	}
}
body.single-post #sidebar .hkb_widget_toc a {
	display: block;
	padding: 6px 10px;
	border-radius: 8px;
	font-size: 15px !important;
	line-height: 1.5 !important;
	color: #2b2e33 !important;
	background: transparent !important;
}
body.single-post #sidebar .hkb_widget_toc li.active>a {
	background: #eaf5fd !important;
	color: #0478c3 !important;
}

/* author box (AIOSEO): photo, "Written by", name, bio and the link to the full bio, on grey */
body.single-post .aioseo-author-bio-compact {
	display: grid !important;
	grid-template-columns: 72px minmax(0,1fr);
	column-gap: 24px;
	align-items: start;
	margin: 56px 0 0 !important;
	padding: 32px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: #f6f7f9 !important;
	box-shadow: none !important;
}
body.single-post .aioseo-author-bio-compact-left {
	margin: 0 !important;
	padding: 0 !important;
}
body.single-post .aioseo-author-bio-compact-left img {
	display: block;
	width: 72px !important;
	height: 72px !important;
	max-width: none;
	border-radius: 50% !important;
	object-fit: cover;
}
body.single-post .aioseo-author-bio-compact-right {
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}
body.single-post .aioseo-author-bio-compact-header {
	display: block !important;
	margin: 0 !important;
}
body.single-post .aioseo-author-bio-compact-header::before {
	content: "Written by";
	display: block;
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #0790e8;
}
body.single-post .aioseo-author-bio-compact .author-name {
	display: block;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #0d0f12 !important;
}
body.single-post .aioseo-author-bio-compact-main {
	margin: 12px 0 0 !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #5b6168 !important;
}
body.single-post .aioseo-author-bio-compact .author-bio-link {
	display: flex !important;
	align-items: center;
	gap: 2px;
	margin: 16px 0 0 !important;
}
body.single-post .aioseo-author-bio-compact .author-bio-link a {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #0790e8 !important;
	text-decoration: none !important;
}
body.single-post .aioseo-author-bio-compact .author-bio-link svg {
	display: block;
	width: 16px;
	height: 16px;
	fill: #0790e8 !important;
}
body.single-post .aioseo-author-bio-compact-footer:empty {
	display: none;
}

/* sharing */
body.single-post .wpex-social-share {
	margin: 40px 0 0 !important;
}
body.single-post .social-share-title,
body.single-post .related-posts-title {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 16px !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #0d0f12 !important;
}
body.single-post .social-share-title::after,
body.single-post .related-posts-title::after {
	display: none !important;
}
body.single-post .wpex-social-share__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
body.single-post .wpex-social-share__link {
	border-radius: 999px !important;
	padding: 6px 14px !important;
	font-size: 14px !important;
}

/* related posts: two cards side by side */
body.single-post .related-posts {
	margin: 48px 0 0 !important;
	overflow: visible !important;
}
body.single-post .related-posts .wpex-row {
	display: grid !important;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 20px;
	margin: 0 !important;
}
body.single-post .related-post {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.04);
	overflow: hidden;
}
body.single-post .related-post:nth-child(n+3) {
	display: none !important;
}
body.single-post .related-post-inner {
	display: flex;
	flex-direction: column;
	width: 100%;
}
body.single-post .related-post-figure {
	margin: 0 !important;
}
body.single-post .related-post-figure img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 776/501;
	object-fit: cover;
}
body.single-post .related-post-content {
	padding: 16px 20px 20px !important;
}
body.single-post .related-post-title {
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	margin: 0 0 6px !important;
}
body.single-post .related-post-title a {
	color: #0d0f12 !important;
}
body.single-post .related-post-excerpt {
	font-size: 14px;
	line-height: 1.55;
	color: #676b6f;
}

/* comments */
body.single-post #comments {
	margin: 48px 0 0 !important;
}
body.single-post #comments .theme-heading {
	border: 0 !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #0d0f12 !important;
}
body.single-post #comments .theme-heading::after {
	display: none !important;
}
body.single-post #commentform input[type=text],
body.single-post #commentform input[type=email],
body.single-post #commentform input[type=url],
body.single-post #commentform textarea {
	border: 1px solid #cfcfcf !important;
	border-radius: 10px !important;
	padding: 10px 14px !important;
	font-size: 15px;
	background: #fff;
	box-shadow: none !important;
}
body.single-post #commentform input.submit {
	border: 0 !important;
	border-radius: 999px !important;
	background: #0b87e8 !important;
	color: #fff !important;
	padding: 8px 22px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}
body.single-post .blog_disclaimer {
	font-size: 13px;
	color: #9a9ea3;
}

/* previous and next: left as the theme shows them on knowledge base articles */

/* ---------- Tablet and phone ---------- */
@media (max-width:1024px) {
	body.page-id-30 .uo-blog,
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) #blog-entries {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.uah-blog-hero h1 {
		font-size: 46px;
	}
	body.single-post #content-wrap.container {
		flex-direction: column;
		gap: 40px;
	}
	body.single-post #primary {
		max-width: none !important;
		width: 100% !important;
	}
	body.single-post #sidebar {
		position: static;
		width: 100% !important;
		flex: none;
	}
	body.single-post #sidebar .hkb_widget_toc {
		max-height: none;
	}
	body.single-post .single-post-title,
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-header-title {
		font-size: 38px !important;
	}
	body.search:not(:has(#hkb)) .page-header-title {
		font-size: 26px !important;
	}
}

@media (max-width:767px) {
	body.page-id-30 .uo-blog,
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) #blog-entries,
	body.single-post .related-posts .wpex-row {
		grid-template-columns: minmax(0,1fr);
	}
	.uah-blog-hero {
		padding: 72px 0 40px;
	}
	.uah-blog-hero h1 {
		font-size: 36px;
	}
	.uah-blog-search input {
		padding: 0 16px !important;
		font-size: 16px !important;
	}
	.uah-blog-search button {
		padding: 0 18px;
	}
	body.page-id-30:not(.paged) .uo-blog-article:first-child .blog-entry {
		display: flex;
		flex-direction: column;
	}
	body.page-id-30:not(.paged) .uo-blog-article:first-child .uo-blog-article-image-ratio {
		height: auto;
	}
	body.page-id-30:not(.paged) .uo-blog-article:first-child .uo-blog-article-content {
		padding: 20px 24px 24px !important;
	}
	body.page-id-30:not(.paged) .uo-blog-article:first-child .blog-entry-title {
		font-size: 20px !important;
	}
	/* band: the search on top, the breadcrumbs under it */
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-header-content {
		grid-template-columns: minmax(0,1fr);
	}
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-header-content::before {
		grid-row: 1/3;
	}
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .uah-band-search {
		grid-row: 1;
		grid-column: 1;
		width: auto;
		margin: 16px 0 0;
	}
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .site-breadcrumbs {
		grid-row: 2;
		grid-column: 1;
		min-height: 0;
		padding: 12px 0 16px !important;
	}
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-header-content:not(:has(.uah-band-search)) .site-breadcrumbs {
		padding-top: 16px !important;
	}
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-header-title {
		grid-row: 3;
		margin-top: 40px !important;
	}
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-subheading {
		grid-row: 4;
	}
	.uah-band-search input {
		font-size: 16px !important;
	}
	body.single-post .single-post-title,
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb))) .page-header-title {
		font-size: 32px !important;
	}
	body.search:not(:has(#hkb)) .page-header-title {
		font-size: 24px !important;
	}
	body.single-post .single-blog-content {
		font-size: 16px;
	}
	body.single-post .aioseo-author-bio-compact {
		grid-template-columns: 56px minmax(0,1fr);
		column-gap: 16px;
		padding: 24px !important;
	}
	body.single-post .aioseo-author-bio-compact-left img {
		width: 56px !important;
		height: 56px !important;
	}
	body.author section.author-bio {
		flex-direction: column !important;
		gap: 16px;
	}
	:is(body.page-id-30,body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) #content-wrap.container,
	:is(body.category,body.tag,body.author,body.date,body.search:not(:has(#hkb)),body.single-post) .page-header-inner.container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}