/* Fixed/invert navigation and the mobile dropdown use a light background. */
.navbar-custom .navbar-brand,
.navbar-custom .nav li a {
    text-shadow: none;
}

/* Keep the brand legible over the header image, including on mobile. */
.navbar-custom:not(.is-fixed):not(.invert) .navbar-brand {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.20);
}

/* Menu links overlay the header image only above the mobile breakpoint.
 * .is-fixed selects the light navbar; .is-visible only controls its motion.
 */
@media only screen and (min-width: 768px) {
    .navbar-custom:not(.is-fixed):not(.invert) .nav li a {
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.20);
    }
}

/* Round the lower edge of the fixed navbar, including its slide animation. */
.navbar-custom.is-fixed {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* On mobile, the visible panel is the dropdown rather than the outer nav. */
@media only screen and (max-width: 767px) {
    .navbar-custom .navbar-collapse {
        border-radius: 4px;
    }
}