/* Shared light banner and navigation for inner pages. */
.inner-page > header {
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid rgba(35, 65, 102, .1);
    padding-bottom: 10px;
}
.inner-page header .menu > li > a,
.inner-page header .bar-menu i { color: #172c48; }
.inner-page header .menu > li > a:hover { color: #0049ff; }
.inner-page header .themebtu {
    color: #0049ff;
    border-color: #0049ff;
    background-image: linear-gradient(45deg, #0049ff 50%, transparent 50%);
}
.inner-page header .themebtu:hover { color: #fff; }
.inner-page .splash-area-section {
    background-image: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.83) 48%, rgba(255,255,255,.18) 100%), url('../img/inner-page-banner.jpg');
    background-color: #eef5fb;
    background-position: center;
    background-size: cover;
    padding-top: 190px;
    padding-bottom: 100px;
    border-bottom: 1px solid #e2ebf3;
}
.inner-page .splash-area h1,
.inner-page .splash-area h2 { color: #172c48; }
.inner-page .splash-area h2 { font-size: clamp(34px, 4.5vw, 64px); line-height: 1.18; width: 65%; margin-bottom: 24px; }
.inner-page .splash-area > a {
    display: inline-block;
    color: #0049ff;
    background: #fff;
    border: 1px solid #0049ff;
    border-radius: 5px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    transition: background-color .2s, color .2s;
}
.inner-page .splash-area > a:hover,
.inner-page .splash-area > a:focus-visible { background: #0049ff; color: #fff; }
.inner-page .team-banner .team-eyebrow { color: #0049b8; }
.inner-page .team-banner .team-banner-copy { color: #344b65; }
.inner-page .menu > li:focus-within > .sub-menu { clip: auto; opacity: 1; transform: translateY(0) scaleY(1); width: 200px; }
@media (max-width: 991px) {
    .inner-page .splash-area h2 { width: 90%; }
    .inner-page .splash-area-section { background-position: 65% center; }
}
@media (max-width: 575px) {
    .inner-page .splash-area-section {
        padding-top: 140px;
        padding-bottom: 65px;
        background-image: linear-gradient(rgba(255,255,255,.88), rgba(255,255,255,.88)), url('../img/inner-page-banner.jpg');
    }
    .inner-page .splash-area h2 { width: 100%; }
    .inner-page .team-banner .team-banner-copy { font-size: 17px; }
}
