/* === Leadership bios === */
/* Modal base (.gcal-modal) comes from calendar.css, loaded as a dependency in functions.php. */
/* Hidden before JS runs; leadership.js removes them. Columns without a bio keep their LinkedIn icon. */
.leadership-row .leadership-bio,
.leadership-row .wpb_column:has(.leadership-bio) .leadership-social { display: none; }

.leadership-row .leadership-img .vcex-image-inner { position: relative; }
.leadership-image-trigger { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }

/* Read bio link, same look as .bu-readbio-toggle in bu.css */
.leadership-readbio { margin: 0; text-align: center; }
.leadership-readbio-toggle { appearance: none; padding: 0; border: 0; background: none; font-family: var(--g-font-semibold); font-size: inherit; color: var(--g-navy); cursor: pointer; }
.leadership-readbio-toggle::before {
    content: "";
    display: inline-block;
    width: 5.625px;
    height: 8.527px;
    margin-right: 6px;
    vertical-align: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.625' height='8.527' viewBox='0 0 5.625 8.527'%3E%3Cpath d='M16994.4,5780.966l-1.223-1.26,3.129-3.039-.535-.543-2.422-2.449,1.25-1.236,2.422,2.449,1.781,1.805Z' transform='translate(-16993.176 -5772.439)' fill='%23001965'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: transform .2s ease;
    margin-top:5px;
}
.leadership-readbio-toggle:hover::before { transform: translateX(3px); }
.leadership-readbio-toggle:focus-visible { outline: 2px solid var(--g-blue); outline-offset: 3px; }

.leadership-modal .gcal-modal-body { padding: 35px 40px 30px; }
.leadership-modal-head { display: flex; align-items: flex-end; gap: 24px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #9FC2D6; }
.leadership-modal-img { flex: 0 0 130px; width: 130px; height: auto; object-fit: cover; }
.leadership-modal-name { min-width: 0; padding-bottom: 4px; }
.leadership-modal .gcal-modal-body .leadership-modal-name h3 { margin: 0 0 10px; padding-right: 0; font-family: var(--g-font-bold); font-size: 32px; line-height: 38px; color: var(--g-navy); }
.leadership-modal .gcal-modal-body .leadership-modal-role { margin: 0; font-family: var(--g-font-medium); font-size: 15px; line-height: 20px; color: var(--g-blue); }
.leadership-modal-bio p:last-child { margin-bottom: 0; }

.leadership-modal .gcal-modal-body .leadership-social { display: flex; justify-content: flex-start; margin-top: 18px; font-size: 16px; }
.leadership-modal .gcal-modal-body .leadership-social .vcex-social-links__item { width: 32px; height: 32px; text-decoration: none; }

@media only screen and (max-width: 900px) {
    .leadership-modal .gcal-modal-body { padding: 55px 25px 30px; }
    .leadership-modal-head { gap: 16px; }
    .leadership-modal-img { flex-basis: 100px; width: 100px; height: auto; }
    .leadership-modal .gcal-modal-body .leadership-modal-name h3 { font-size: 24px; line-height: 30px; }
}

@media (prefers-reduced-motion: reduce) {
    .leadership-readbio-toggle::before { transition: none; }
}
/* === End leadership bios === */