/* nextTalk — single staff member (single-next-talk-staff.php). Breakpoints: 1024 (stack) / 767 (mobile). */

body.single-next-talk-staff { background: var(--nt-bg); }

/* Dark band behind the (absolutely positioned) header; the source is 150px at every width. */
.nt-main--staff > * { margin-bottom: 0; } /* GP adds a bottom margin to every direct child of .site-main */
.nt-staff-band { height: 150px; background: var(--nt-accent); }

.nt-staff {
	display: flex;
	align-items: flex-start;
	gap: 50px;
	box-sizing: border-box;
	max-width: calc(var(--nt-container) + 40px); /* 1264px of content, 20px gutters */
	margin: 0 auto;
	padding: 75px 20px 0;
}
.nt-staff__media, .nt-staff__body { flex: 1 1 0; min-width: 0; }
.nt-staff__media { text-align: center; }
.nt-staff .nt-staff__photo {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	border-radius: 22px;
}

.nt-staff__name {
	margin: 0 0 10px;
	font-family: var(--nt-font-head);
	font-size: 48px;
	font-weight: 600;
	line-height: 56px;
	color: #000;
}
.nt-staff__job {
	margin: 0 0 30px;
	font-family: var(--nt-font-head);
	font-size: 28px;
	font-weight: 400;
	line-height: 32px;
	color: #000;
}
.nt-staff__bio { font-family: var(--nt-font-body); font-size: 20px; font-weight: 300; line-height: 28px; color: #000; }
.nt-staff__bio p { margin: 0 0 30px; }
.nt-staff__bio > :last-child { margin-bottom: 0; }
.nt-staff__body > .nt-staff__bio:last-child > :last-child { margin-bottom: 30px; } /* source keeps the paragraph gap when there are no cards */

.nt-staff__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	box-sizing: border-box;
	margin: 40px 0 0;
	padding: 30px;
	border-radius: 25px;
	background: var(--nt-accent);
	color: #fff;
}
.nt-staff__card + .nt-staff__card { margin-top: 20px; }
.nt-staff__card h2 { margin: 0; font-family: var(--nt-font-head); font-size: 23px; font-weight: 700; line-height: 30px; color: #fff; }
.nt-staff__card p { margin: 0 0 15px; font-family: var(--nt-font-body); font-size: 19px; font-weight: 400; line-height: 28px; color: #fff; }
.nt-staff__card p:last-child { margin-bottom: 0; }
.nt-staff__btn,
.nt-staff__btn:visited {
	display: inline-block;
	padding: 12px 25px;
	border-radius: 90px;
	background: #fff;
	font-family: var(--nt-font-body);
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;
	text-decoration: none;
	color: var(--nt-primary);
}
.nt-staff__btn:hover, .nt-staff__btn:focus { background: #fff; color: var(--nt-accent); }

/* Prev / Next Bio */
.nt-staff-nav {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	max-width: var(--nt-container);
	margin: 75px auto 0;
	padding: 20px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.nt-staff-nav__prev, .nt-staff-nav__next { flex: 1 1 50%; min-width: 0; }
.nt-staff-nav__next { text-align: right; }
.nt-staff-nav a { display: inline-flex; align-items: center; gap: 20px; text-decoration: none; color: var(--nt-primary); }
.nt-staff-nav svg { flex: none; width: 10px; height: 20px; fill: currentColor; }
.nt-staff-nav__next svg { margin-right: 16px; }
.nt-staff-nav__text { display: flex; flex-direction: column; font-family: var(--nt-font-body); color: #000; }
.nt-staff-nav__label { font-size: 22px; font-weight: 600; line-height: 33px; }
.nt-staff-nav__title { font-size: 11.9px; line-height: 17.85px; }
.nt-main--staff { padding-bottom: 70px; }

@media (max-width: 1024px) {
	.nt-staff { flex-direction: column; align-items: stretch; gap: 53px; }
	.nt-staff__media, .nt-staff__body { flex: none; width: 100%; }
}
@media (max-width: 767px) {
	.nt-staff__name { font-size: 28px; line-height: 28px; }
	.nt-staff__job { font-size: 28px; line-height: 28px; }
	.nt-staff__bio { font-size: 16px; }
	.nt-staff__bio p { margin-bottom: 24px; }
	.nt-staff__body > .nt-staff__bio:last-child > :last-child { margin-bottom: 24px; }
	.nt-staff__card { margin-top: 34px; }
	.nt-staff__card + .nt-staff__card { margin-top: 20px; }
	.nt-staff__card p { font-size: 18px; line-height: 25px; }
}