.secondary-navigation {
    padding: 1.5rem 0;
}

.banner + .secondary-navigation.section-alternate {
    border-top-width: 0;
}

.secondary-navigation.nav-padded {
    padding: 3rem 0;
}

.secondary-navigation .nav-header {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-semibold);
    letter-spacing: calc(2 * var(--tracking-basis));
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
}

.secondary-navigation .nav-content {
    align-items: flex-start;
}

.secondary-navigation .nav-content > .nav-image picture {
    display: block;
    margin: 0 1.5rem 0 0;
}

.secondary-navigation .nav-content > .nav-image img {
    display: block;
}

.secondary-navigation .nav-content .nav-links {
    flex: 1;
}

.secondary-navigation .nav-content .nav-links ul {
    list-style-type: none;
    margin: 0;
}

.secondary-navigation .nav-content .nav-links ul li span {
    font-weight: var(--font-weight-bold);
}

@media (min-width: 48rem) { /* 768 px */
    .secondary-navigation .nav-content {
        align-items: center;
    }

    .secondary-navigation .nav-content .nav-links .nav-layout-horizontal li {
        display: inline-block;
        margin: 0 0.75rem 0 0;
    }

    .secondary-navigation .nav-content .nav-links ul li:last-of-type {
        margin-right: 0;
    }
}

@media (min-width: 64rem) { /* 1024 px */
    .secondary-navigation:not(.nav-nofix) {
        position: sticky;
        top: 140px;
        z-index: var(--z-low);
    }
}