@font-face {
  font-family: "RijksoverheidSansText";
  src: url("../DocumentManagement/Documents/Document:202") format("woff");
}
@font-face {
  font-family: "RijksoverheidSansText";
  src: url("../DocumentManagement/Documents/Document:203") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "RijksoverheidSansText";
  src: url("../DocumentManagement/Documents/Document:204") format("woff");
  font-style: italic;
}

:root {
  --menu-height: clamp(33px, min(4.4vw, 6.6vh), 44px);
  --menu-background-color: #f9e11e;
  --menu-text-color: #222222;
  --menu-selected-item-background-color: #fcf29a;
  --menu-selected-item-highlight-color: #0073bf;
}

html, body {
  font-family: RijksoverheidSansText, Adjusted Arial Fallback, sans-serif;
}

#main {
  grid-template:
    "logo"    auto
    "menu"    var(--menu-height)
    "header"  var(--header-height)
    "toolbar" auto
    "main"    1fr
    "footer"  var(--footer-height);
}

div.Logo {
  all: revert; /* Reset styling */

  grid-area: logo;
  z-index: var(--z-index-sticky);
  height: 88px;

  background-image: url("../DocumentManagement/Documents/Document:210");
  background-size: auto;
  background-position: calc(50% + 112px) top;
  background-repeat: no-repeat;

  @media (max-width: 1024px) {
    height: 80px;

    background-image: url("../DocumentManagement/Documents/Document:212");
    background-position: center top;
  }

  &:has(~ div.WebSiteToolbar .Language .current.en-US) {
    background-image: url("../DocumentManagement/Documents/Document:211");

    @media (max-width: 1024px) {
      background-image: url("../DocumentManagement/Documents/Document:213");
    }
  }
}

div.SignIn a {
  /* Prevent bleed from drop shadow to surrounding area */
  clip-path: inset(0 -100% -100% -100%);
}

main {
  text-align: start;

  h1, h2, h3, h4, h5, h6 {
    color: #154273;
    line-height: 1.3;
  }

  h1 {
    font-weight: 400;
    margin-bottom: 1rem;
  }

  h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin-bottom: 0.5em;
  }

  h1 { font-size: 2.8rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }
  h4 { font-size: 1.075rem; }
  h5 { font-size: 1rem; }
  h6 { font-size: 0.92rem; }
}

footer {
  all: revert; /* Reset styling */

  color: transparent; /* Hide text */

  background-image: url("../DocumentManagement/Documents/Document:214");
  background-size: auto;
  background-position: center bottom;
  background-repeat: no-repeat;

  @media (max-width: 768px) {
    background-image: url("../DocumentManagement/Documents/Document:215");
  }
  div.WebSiteToolbar:has(.Language .current.en-US) ~ & {
    background-image: url("../DocumentManagement/Documents/Document:215");
  }
}