/* Preserve the original index page's W3 header styling without loading W3
   globally into the Gallery and Book Fund pages. */
:root { --nhinac-header-height: 124px; }
html { scroll-padding-top: calc(var(--nhinac-header-height) + 16px); }
body { padding-top: var(--nhinac-header-height); }
body.nhinac-home { padding-top: 0; }
.nhinac-header, .nhinac-header * { box-sizing: border-box; }
.nhinac-header {
    position: fixed; top: 0; left: 0; width: 100%; z-index: 30; margin: 0;
    color: #000; background: #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    font-family: "Raleway", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.8;
}
.nhinac-header-inner { width: 100%; overflow: hidden; }
.nhinac-header-inner::after { content: ""; display: table; clear: both; }
.nhinac-header .nhinac-brand {
    display: block; float: left; padding: 16px; border: 0;
    color: inherit; background: transparent; text-decoration: none;
}
.nhinac-brand img { display: block; width: 72px; height: 72px; max-width: none; }
.nhinac-name-full, .nhinac-name-short { font-size: 36px; font-weight: 400; line-height: 1.8; }
.nhinac-name-short { display: none; }
.nhinac-navigation { float: right; }
.nhinac-navigation a, .nhinac-menu-toggle, .nhinac-menu-close {
    display: block; float: left; width: auto; margin: 0; padding: 16px; border: none; border-radius: 0;
    color: inherit; background: transparent; text-decoration: none; text-align: center;
    font: inherit; white-space: nowrap; cursor: pointer;
}
.nhinac-header a:hover, .nhinac-header button:hover { color: #000; background: #ccc; }
.nhinac-menu-toggle, .nhinac-menu-close { display: none; }
.nhinac-header [hidden] { display: none !important; }
.nhinac-header :focus-visible { outline: 3px solid #17686d; outline-offset: -3px; }
@media (max-width: 600px) {
    :root { --nhinac-header-height: 104px; }
    .nhinac-name-full { display: none; }
    .nhinac-name-short { display: inline; }
    .nhinac-menu-toggle { display: block; float: right; min-width: 48px; min-height: 48px; }
    .nhinac-navigation { float: none; clear: both; color: #fff; background: #000; }
    .nhinac-header[data-menu-open] .nhinac-navigation {
        position: fixed; top: 0; left: 0; z-index: 31;
        width: 200px; height: 100dvh; overflow: auto;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    }
    .nhinac-header[data-menu-open="false"] .nhinac-navigation { display: none; }
    .nhinac-header[data-menu-open="true"] .nhinac-navigation { animation: nhinac-slide-in .4s; }
    .nhinac-navigation a, .nhinac-menu-close {
        float: none; display: block; width: 100%; padding: 8px 16px; min-height: 44px; text-align: left;
    }
    .nhinac-navigation a i { display: none; }
    .nhinac-menu-close { padding: 16px; font-size: 18px; }
}
@keyframes nhinac-slide-in { from { left: -200px; opacity: 0; } to { left: 0; opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
    .nhinac-header[data-menu-open="true"] .nhinac-navigation { animation: none; }
}