/* Template css resource: Core 8 - Fluid - Module header */
/* Menu/Header overrides loaded last to control desktop behavior */
@media (min-width: 1021px) {
body {
--banner-height-desktop: 0px;
--header-height-desktop: 80px;
--nav-height-desktop: 50px;
}
body.has-banner-top {
--banner-height-desktop: 50px;
}
/* Schakel compacte scrollheader uit op desktop */
.scrollheader {
display: none !important;
}
/* Banner alleen tonen als has-banner-top aanwezig is */
.banner--top {
display: none;
}
body.has-banner-top .banner--top {
display: flex;
position: sticky;
top: 0;
z-index: 110;
height: var(--banner-height-desktop);
max-height: var(--banner-height-desktop);
}
header {
position: sticky;
top: var(--banner-height-desktop);
z-index: 109;
height: var(--header-height-desktop);
padding: 0 30px;
}
nav {
position: sticky;
top: calc(var(--banner-height-desktop) + var(--header-height-desktop));
z-index: 108;
margin-top: 0;
}
/* Compacteer header inhoud voor minder verticale ruimte */
header > a:first-child {
height: var(--header-height-desktop);
line-height: var(--header-height-desktop);
max-height: calc(var(--header-height-desktop) - 20px);
}
header .secondarybar {
line-height: 50px;
top: 15px;
height: 50px;
right: 30px;
}
}
@media (min-width: 0) and (min-width: 1020px) {
.has-banner-top #main {
padding-top: 0px;
}
}