.db-closure-notice {
  background: #eee6d9;
  color: #4a2810;
  padding: 12px 5vw;
  text-align: center;
  font-family: var(--sans, sans-serif);
  font-size: 12px;
  line-height: 1.6;
}
.db-closure-date-hint {
  color: #4a2810;
  font-family: var(--sans, sans-serif);
  font-size: 12px;
  line-height: 1.6;
  margin: 12px 0;
}

/* The notice is page content; fixed navigation and drawers sit above it. */
.db-closure-notice {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 980px) {
  body #header-wrapper {
    z-index: 1200 !important;
  }
  body.dontcha-nav-open #header-wrapper {
    z-index: 20001 !important;
  }
}

/* Reuse the existing space above commerce content. */
.db-closure-notice-in-gap {
  position: absolute;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
body.homepage > .site-nav {
  z-index: 20002 !important;
}