/* One navigation component is shared by the homepage and every internal page. */
.navbar.navbar-solid,
.navbar.navbar-solid.scrolled {
    background: hsl(203, 80%, 24%);
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 8px 24px rgba(6, 28, 46, .14);
    backdrop-filter: none;
}

.navbar.navbar-solid ~ main {
    padding-top: 5rem;
}

.navbar.navbar-solid .logo-text,
.navbar.navbar-solid.scrolled .logo-text,
.navbar.navbar-solid .nav-link,
.navbar.navbar-solid.scrolled .nav-link {
    color: rgba(255, 255, 255, .92);
}

.navbar.navbar-solid .hamburger-line,
.navbar.navbar-solid.scrolled .hamburger-line {
    background: #fff;
}

.logo {
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}

.nav-link:focus-visible,
.nav-cta a:focus-visible,
.mobile-menu-btn:focus-visible,
.mobile-nav-link:focus-visible,
.site-page-footer a:focus-visible {
    outline: 3px solid #ffd3a8;
    outline-offset: 3px;
}

.site-page-footer {
    background: #061c2e;
    color: #dce9f1;
}

.site-page-brand {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.site-page-footer .site-page-brand span,
.site-page-footer h2 {
    color: #fff;
}

.site-page-footer .site-page-brand strong {
    color: #ff941f;
}

.site-page-footer p,
.site-page-footer a:not(.site-page-brand),
.site-page-footer-bottom {
    color: #dce9f1;
}

.site-page-footer a:not(.site-page-brand):hover,
.site-page-footer a:not(.site-page-brand):focus-visible {
    color: #ff941f;
}

@media (max-width: 1180px) {
    .nav-links,
    .nav-cta {
        display: none;
    }

    .mobile-menu-btn {
        display: flex;
    }
}