/*
  /record/ArchiveNotice.css

  Styles for the archive notice. Loaded by BOTH tiers (full wrapper and
  notice only). The notice sets its own fonts, sizes, and colors so it
  looks the same with or without Bootstrap and the site stylesheets.
*/

#archive-notice {
  box-sizing: border-box;
  /* Sizes use px and em, not rem. Bootstrap 3 sets the root font size
     to 10px, which made rem-based text far too small. */
  max-width: 60em;
  margin: 16px auto;
  padding: 0.75em 1em;
  background-color: #fff8e1;      /* pale amber */
  border: 1px solid #b26a00;
  border-left-width: 6px;
  color: #1a1a1a;                 /* well above 4.5:1 contrast on the background */
  /* Set fonts explicitly so old page styles don't change the notice */
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}

#archive-notice p {
  margin: 0;
  color: inherit;
  font: inherit;
}

#archive-notice .archive-notice-title {
  font-weight: 700;
  margin-bottom: 0.25em;
}

#archive-notice .fa {
  margin-right: 0.35em;
}

/* Hide the notice area if it is ever left empty */
#archive-notice:empty { display: none; }