/* Author page (author.php). Site fonts and colours: Oswald headings, Roboto text, red #d8292f. */
.scr-author { background: #fff; }

.scr-author-banner { background: #000; padding: 56px 20px 110px; text-align: center; }
.scr-author-banner--no-photo { padding-bottom: 56px; }
.scr-author-banner .scr-author-name { color: #fff; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 48px; line-height: 1.05; text-transform: uppercase; padding: 0; margin: 0; }
.scr-author-banner .scr-author-title { color: #fff; font-weight: 700; font-size: 17px; margin: 10px 0 0; padding: 0; }

.scr-author-profile { max-width: 720px; margin: -86px auto 0; padding: 0 20px 36px; text-align: center; border-bottom: 1px solid #e5e5e5; }
.scr-author-profile--no-photo { margin-top: 0; padding-top: 28px; }
.scr-author-profile .scr-author-photo { display: block; width: 160px; height: 160px; margin: 0 auto 20px; border-radius: 50%; border: 5px solid #fff; object-fit: cover; background: #fff; }
.scr-author-bio { font-size: 17px; line-height: 1.65; color: #000; }
.scr-author-bio p { padding-bottom: 0.8em; }
.scr-author-bio p:last-child { padding-bottom: 0; }

.scr-author-social { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0; margin: 20px 0 0; }
.scr-author-social li { padding: 0; margin: 0; }
.scr-author-social a { display: inline-block; padding: 7px 14px; border: 1px solid #000; border-radius: 4px; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; color: #000; text-decoration: none; line-height: 1.3; }
.scr-author-social a:hover, .scr-author-social a:focus { background: #d8292f; border-color: #d8292f; color: #fff; }
.scr-author-about { margin: 18px 0 0; padding: 0; font-size: 15px; }
.scr-author-about a { color: #d8292f; text-decoration: underline; text-underline-offset: 3px; }

.scr-author-stories { max-width: 1080px; margin: 0 auto; padding: 36px 20px 64px; }
.scr-author-stories h2 { font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 28px; text-transform: uppercase; color: #000; padding: 0; margin: 0 0 8px; }
.scr-author-story { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; align-items: start; padding: 22px 0; border-bottom: 1px solid #e5e5e5; }
.scr-author-story-image { display: block; aspect-ratio: 16 / 9; background: #eee; border-radius: 4px; overflow: hidden; }
.scr-author-story-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.scr-author-story-cat { font-size: 13px; font-weight: 700; color: #d8292f; text-decoration: none; }
.scr-author-story h3 { font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 22px; line-height: 1.25; padding: 4px 0 0; margin: 0; }
.scr-author-story h3 a { color: #000; text-decoration: none; }
.scr-author-story h3 a:hover, .scr-author-story h3 a:focus { color: #d8292f; }
.scr-author-story time { display: block; margin-top: 8px; font-size: 14px; color: #555; }

.scr-author-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 32px; }
.scr-author-pager .page-numbers { min-width: 40px; height: 40px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 4px; font-family: 'Oswald', Helvetica, Arial, sans-serif; color: #000; text-decoration: none; }
.scr-author-pager .page-numbers.current { background: #d8292f; border-color: #d8292f; color: #fff; }
.scr-author-pager a.page-numbers:hover, .scr-author-pager a.page-numbers:focus { border-color: #d8292f; color: #d8292f; }
.scr-author-pager .page-numbers.dots { border-color: transparent; }

@media (max-width: 767px) {
	.scr-author-banner { padding: 36px 16px 92px; }
	.scr-author-banner--no-photo { padding-bottom: 36px; }
	.scr-author-banner .scr-author-name { font-size: 34px; }
	.scr-author-profile { margin-top: -72px; padding: 0 16px 28px; }
	.scr-author-profile .scr-author-photo { width: 130px; height: 130px; }
	.scr-author-bio { font-size: 16px; }
	.scr-author-stories { padding: 28px 16px 48px; }
	.scr-author-stories h2 { font-size: 24px; }
	.scr-author-story { grid-template-columns: 120px minmax(0, 1fr); gap: 14px; padding: 16px 0; }
	.scr-author-story h3 { font-size: 17px; }
	.scr-author-story time { font-size: 13px; }
}