/*
 * Reversible navigation skin: NCC blue depth.
 *
 * The original header styles remain untouched. Remove this stylesheet link,
 * or remove the ncc-header-gradient class, to restore the previous header.
 */

.header-hd.ncc-header-gradient,
.header-hd.ncc-header-gradient.dark-bg,
.header-hd.ncc-header-gradient.collapsed {
    background-color: #334f6a !important;
    background-image:
        radial-gradient(circle at 100% 0%, rgba(216, 176, 18, .09), transparent 28%),
        linear-gradient(180deg, #3c5e7c 0%, #2b4a65 62%, #263f57 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .1),
        0 5px 26px rgba(17, 37, 54, .16);
    backdrop-filter: blur(12px) saturate(108%);
    -webkit-backdrop-filter: blur(12px) saturate(108%);
}

/* The homepage greeting remains visible through the header until scrolling. */
body.index-bg .header-hd.ncc-header-gradient:not(.dark-bg):not(.collapsed),
.header-hd.ncc-header-gradient.transparent-bg:not(.dark-bg):not(.collapsed) {
    background-color: transparent !important;
    background-image: none !important;
    border-bottom-color: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.header-hd.ncc-header-gradient > div.menupic img {
    filter: brightness(0) invert(1) opacity(.82);
}