/* Blog Hub: featured author (blog series) pages and sidebar.
   Colours and fonts follow the OCTC theme (style.css). */

/* Two-column layout: content + sidebar */
.bh-layout {
	display: flex;
	gap: 3%;
	align-items: flex-start;
}
.bh-main {
	flex: 1 1 auto;
	min-width: 0;
}
.bh-layout:after {
	content: "";
	display: table;
	clear: both;
}

/* Sidebar */
.bh-sidebar {
	flex: 0 0 22%;
	border-top: 0.3571em solid #2c467c;
	padding-top: 0.5em;
}
.bh-sidebar__title {
	font-size: 1em;
	margin: 0 0 0.5em;
}
.bh-sidebar__list {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
.bh-sidebar__item {
	margin: 0;
	border-bottom: 1px solid #dde9f1;
}
.bh-sidebar__item a {
	display: block;
	padding: 0.7em 0 0.7em 12px;
	background: url("../images/arr_red.png") no-repeat left 1.15em;
	color: #10224f;
}
.bh-sidebar__item a:hover {
	text-decoration: none;
	background-color: #f2f9f9;
}
.bh-sidebar__name {
	display: block;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 600;
}
.bh-sidebar__series {
	display: block;
	font-size: 0.8571em;
	color: #647078;
	margin-top: 0.2em;
}
.bh-sidebar__item.is-current a {
	background-color: #f2f9f9;
}
.bh-sidebar__item.is-current .bh-sidebar__name {
	color: #801212;
}

/* Author page header: title, intro, banner */
.bh-author__title {
	text-transform: none;
	font-size: 1.7142em; /* 24/14 */
	line-height: 1.25;
	margin: 0 0 0.6em;
}
.bh-author__intro {
	font-size: 1.0714em; /* 15/14 */
	max-width: 52em;
}
.bh-author__intro p {
	margin: 0 0 1em;
}
.bh-author__banner {
	margin: 1.5em 0 0;
}
.bh-author__banner img {
	display: block;
	width: 100%;
	border: 1px solid #e4edf4;
}
.bh-author__banner figcaption {
	font-size: 0.8571em;
	color: #6f8996;
	margin-top: 0.5em;
}

/* Series section */
.bh-series {
	margin-top: 2em;
	padding-top: 1.5em;
	border-top: 1px solid #dde9f1;
}
.bh-series__heading {
	margin: 0 0 0.4em;
}
.bh-series__intro {
	margin: 0 0 1.5em;
}
.bh-series__empty {
	font-style: italic;
}

/* Two-column post cards (overrides the theme's float layout) */
.bh-posts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2em 4%;
}
.bh-posts .column-container {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.landing-page-2-column-container.bh-posts a h2 {
	font-size: 1.4285em; /* 20/14 */
	line-height: 1.3;
	padding: 0 0 0.6em;
	font-weight: 600;
}

/* Byline on single posts */
.bh-byline {
	font-size: 0.8571em;
	text-transform: uppercase;
	color: #6f8996;
	margin: -0.5em 0 0;
}

/* Responsive (theme breakpoint is 810px) */
@media only screen and (max-width: 810px) {
	.bh-layout {
		display: block;
	}
	.bh-sidebar {
		margin-top: 2em;
	}
	.bh-posts {
		grid-template-columns: 1fr;
	}
}