/* Page styles for template-who.php (explore-your-potential). */

/* Section backgrounds, relocated from inline style attributes in content-who.php.
   position:relative keeps the global .banner-svg-N:after decorative SVGs anchored. */
.who-intro {
    position: relative;
    width: 100%;
    display: block;
    background: url(../../images/bg01.png) repeat;
    background-size: contain;
    margin: 0;
}

.who-tabs-bg {
    position: relative;
    width: 100%;
    display: block;
    margin: 0;
    min-height: 0 !important;
}

.who-video-bg {
    position: relative;
    width: 100%;
    display: block;
    background: url(../../images/bg03.png) repeat;
    background-size: contain;
}

.who-bottom-bg {
    position: relative;
    width: 100%;
    display: block;
    background: url(../../images/bg02.png) repeat;
    background-size: contain;
}

/* Keep the three tab pills on a single row/line on desktop by tightening the
   gap and font so the long labels fit. Mobile (<768px) keeps the stacked nav. */
@media (min-width: 992px) {
    .tab-section .nav {
        flex-wrap: nowrap;
    }

    .tab-section .nav-li a {
        font-size: 15px;
        white-space: nowrap;
    }

    .tab-section li:not(:last-child) {
        padding-right: 24px;
    }
}