#masthead { background-color: var(--ttl_blue);
    position: relative;
    z-index: 99;
}



@media (prefers-color-scheme: dark) {

    #masthead {
        background-color: var(--ttl_black) !important;
        color: #ffffff;
    }
    body:is(.home,.scrolled) #masthead {
        box-shadow: none !important;
    }
    .logo svg {
        fill:white;
    }
}




#masthead nav,
#masthead div:not(#search):not(.submenu):not(.form) {
    background: inherit;
}
#masthead .wrapper {  display: flex; align-items: center; height: var(--masthead-height); }
.logo svg {display: block; width:285px; height: 40px; transition: all 0.1s ease;}
#logo {
    position: relative;
    z-index: 1;}

#logo a { border-radius: 4px; display: block}
#logo a:hover svg {
    opacity: 0.666; }
#logo a:focus-visible {
    /*background: white;*/
    /* outline:2px solid var(--ttl_error); outline-offset: 2px; */ outline: 3px solid black; box-shadow: 0 0 0 6px white;
/*box-shadow: 0 0 0 3px white , 0 0 0 5px var(--ttl_error);*/
}


#masthead .menuholder { margin-left: auto;}

@media all and (max-width: 1249.98px) {  #footer .logo svg,
.logo svg { width:257px; height: 36px;  }

}
@media all and (max-width: 1199.98px) {

.logo svg { width:228px; height: 32px;  }
}
@media all and (max-width: 1099.98px) {
.logo svg { width:200px; height: 28px;   }
}
@media all and (max-width: 1023.98px) {
    body:is(.home,.scrolled) #masthead {
        box-shadow: 0px 16px 32px 0px rgba(150, 136, 144, 0.25);
    }
}
@media all and (max-width: 599.98px) {
    #footer .logo { margin-top: 20px !important;}
.logo svg { width:171px; height: 24px;  }
}


#skip-link{
outline: 3px solid var(--ttl_lightyellow);
outline-offset: 0;
background-color: var(--ttl_lightyellow);
display: block;
padding: 16px 0; font-size: var(--bodytext_size); font-weight: 700;  line-height: 1; color:black;
}
#skip-link .wrapper { height: auto !important; }
#skip-link:not(:active):not(:focus) {

width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
border: 0 !important;
white-space: nowrap !important;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
color:black;
}

#skip-link:focus {
display: block;
}