/* Author byline, About the Author box and author page profile.
   Plain CSS (not part of the gulp build). */

:root {
	--mck-author-accent: #385dae;
}

/* Byline under the post title */
.entry-byline {
	clear: both;
	margin: 0.25rem 0 1.25rem;
	font-size: 0.95rem;
	color: #555;
}

.entry-byline a {
	font-weight: 700;
}

/* About the Author box */
.author-bio {
	display: flex;
	gap: 1.25rem;
	align-items: flex-start;
	margin: 2rem 0;
	padding: 1.5rem;
	background: #fafafa;
	border: 1px solid #e3e3e3;
	border-top: 3px solid var(--mck-author-accent);
}

.author-bio-photo {
	flex: 0 0 auto;
}

.author-bio .avatar,
.author-profile .avatar {
	display: block;
	border-radius: 50%;
	object-fit: cover;
}

.author-bio .avatar {
	width: 96px !important;
	height: 96px;
}

.author-bio-body {
	flex: 1 1 auto;
	min-width: 0;
}

.author-bio .author-bio-eyebrow {
	margin: 0 0 0.25rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.blog-container .content article .author-bio-name,
.blog-container .content .author-profile-name {
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.2;
}

.author-bio-name a,
.author-profile-name {
	color: #222 !important;
}

.author-bio-title {
	margin: 0.25rem 0 0.75rem;
	font-style: italic;
	color: #666;
}

.author-bio-text p {
	margin-bottom: 0.75rem;
}

.author-bio-more {
	font-weight: 700;
}

/* Author page profile, above the article list */
.author-profile {
	margin-bottom: 1.5rem;
	padding: 1.5rem;
	background: #fff;
}

.author-profile-header {
	display: flex;
	gap: 1.5rem;
	align-items: center;
	margin-bottom: 1.25rem;
}

.author-profile .avatar {
	width: 160px !important;
	height: 160px;
	flex: 0 0 auto;
}

.author-profile-links {
	margin: 0.5rem 0 0;
	padding: 0;
	list-style: none;
}

.author-profile-links li {
	display: inline-block;
	margin-right: 1rem;
	font-weight: 700;
}

.blog-container .content .author-profile-heading {
	margin: 1.5rem 0 0;
	padding-top: 1.25rem;
	border-top: 1px solid #e3e3e3;
	font-size: 1.35rem;
	color: var(--mck-author-accent);
}

@media only screen and (max-width: 47.9375em) {
	.author-bio,
	.author-profile-header {
		flex-direction: column;
		align-items: flex-start;
	}
}