/* Alert banner (partials/alert.php) */
:root {
  --alert-offset: 0px;
}

.site-alert {
  position: relative;
  z-index: 999;
  background: #fff;
  color: #111;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.site-alert-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1rem 3.5rem 1rem 1rem;
  font-size: 0.9375rem;
  line-height: 1.45;
}

.site-alert-heading {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  margin: 0 0 0.25rem 0;
}

.site-alert-content p {
  margin: 0 0 0.25rem 0;
}

.site-alert-content p:last-child {
  margin-bottom: 0;
}

.site-alert-content a:link,
.site-alert-content a:visited {
  color: #111;
  text-decoration: underline;
}

.site-alert-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111;
  font-size: 1.75rem;
  line-height: 2rem;
  cursor: pointer;
}

/* Keep the fixed nav and home hero below the banner until it scrolls away */
.nav-bar {
  top: var(--alert-offset);
}

#hamburger:not(.is-active) {
  top: calc(20px + var(--alert-offset));
}

.hero {
  top: var(--alert-offset);
  height: calc(100vh - var(--alert-offset));
}