/* Same layout as the legacy Team detail. Media and text are supplied by the CMS. */
body.single-team { position: relative; }
body.single-team > .acp-site-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; }
.acp-team-single { display: flow-root; }
.acp-team-hero { position: relative; margin: 0; overflow: hidden; }
.acp-team-hero--empty { min-height: 90vh; }
.acp-team-hero__image { display: block; width: 100%; height: auto; margin: 0; }
.acp-team-hero::after { content: ""; position: absolute; inset: 0; background: var(--acp-color-black); opacity: .4; }
.acp-team-body { background: var(--acp-color-surface); padding: 3% 0 5%; }
.acp-team-inner { max-width: 1140px; padding: 10px; margin: 0 auto; }
.acp-team-title { padding: 5% 20% 1%; margin-bottom: 20px; }
.acp-team-title h1 { margin: 0; padding: 0; font: 400 50px/1.2 "Playfair Display", sans-serif; color: var(--acp-color-primary); }
.acp-team-divider { padding: 15px 0; margin-bottom: 20px; }
.acp-team-divider span { display: block; width: 70%; margin: auto; border-top: 1px solid #b1b1b1; }
.acp-team-role { padding: 2% 20% 3%; margin-bottom: 20px; }
.acp-team-role p { margin: 0; padding: 0; font: 300 24px/1 Montserrat, sans-serif; color: var(--acp-color-accent); text-transform: uppercase; }
.acp-team-biography { display: flow-root; padding: 0 20%; font: 400 16px/24px Montserrat, sans-serif; color: var(--acp-color-text); }
.acp-team-biography p { margin: 0 0 .9rem; }
@media (max-width: 1024px) {
    .acp-team-body { padding: 5%; }
}
@media (max-width: 767px) {
    .acp-team-body { padding: 5% 5% 10%; }
    .acp-team-inner { padding: 0; }
    .acp-team-title { padding: 5% 0 0; }
    .acp-team-title h1 { font-size: 32px; }
    .acp-team-divider span { width: 100%; }
    .acp-team-role { padding: 2% 0 3%; }
    .acp-team-biography { padding: 0; }
}