/* Loaded only when config.yml sets `banner`, i.e. on an instance that is not
 * production. Kept separate from ozart.css and style.css deliberately: those
 * are generated from SASS ("Do not edit the CSS file directly, work with the
 * SASS"), and this needs no build step.
 *
 * #b30000 gives 7.20:1 against white, clearing WCAG AAA for normal text. The
 * production blue it replaces sits at 7.06:1, so this holds the same line.
 *
 * The colour is never the only signal: the layout also prints the banner text.
 * WCAG 1.4.1 does not allow colour alone to carry meaning, and someone who
 * cannot distinguish the two would otherwise have no way to tell an instance
 * apart.
 */

/* OzART-Admin: the Bootstrap navbar across the top. */
body.non-production .navbar-default {
  background: #b30000;
}

/* OzART-Web: the dark bar above the logo, and the logo band itself, whose
 * green gradient is a background image and so has to be cleared rather than
 * merely recoloured. */
body.non-production #nav {
  background: #b30000;
}

body.non-production #logo_area {
  background-image: none;
  background: #b30000;
}

/* The label. The colour is set explicitly rather than inherited: Bootstrap's
 * .navbar-text forces #777777, which lands at 1.61:1 on this red and fails
 * badly. White gives 7.20:1. !important because .navbar-text wins on
 * specificity otherwise. */
.non-production-label {
  color: #ffffff !important;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0 0.6em;
  white-space: nowrap;
}