/* Henderson County Emergency Services brand stylesheet.
   Colors sampled directly from the HCES badge logo. Replaces the old
   fixed-1000px raster banners (untitled.bmp / untitled2.bmp) with a
   fluid HTML header. */

/* Self-hosted fonts (no CDN dependency — works fully offline).
   Sourced from Fontsource's self-hostable builds of Oswald and Public Sans. */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/oswald-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/oswald-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/public-sans-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/public-sans-latin-600-normal.woff2') format('woff2');
}

:root {
  --command-blue: #21459D;
  --badge-gold: #F9C024;
  --fire-red: #D5222B;
  --charcoal: #231F20;
  --neutral-gray: #939598;
}

body {
  font-family: 'Public Sans', Arial, Helvetica, sans-serif;
}

/* ---- New site header (replaces Graphics/untitled.bmp banner row) ---- */
header.site-header {
  background: var(--command-blue);
  border-bottom: 4px solid var(--badge-gold);
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 14px 24px;
  flex-wrap: wrap;
}

header.site-header img.badge {
  height: 84px;
  width: auto;
  flex-shrink: 0;
}

header.site-header .site-title {
  font-family: 'Oswald', Arial, sans-serif;
  color: #fff;
  flex: 1;
  min-width: 200px;
}

header.site-header .site-title h1 {
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

header.site-header .site-title p {
  margin: 2px 0 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--badge-gold);
  text-transform: uppercase;
  letter-spacing: 1px;
}

header.site-header .contact {
  color: #fff;
  font-size: 13px;
  text-align: right;
  line-height: 1.5;
}

@media screen and (max-width: 760px) {
  header.site-header {
    flex-direction: column;
    text-align: center;
  }
  header.site-header .contact {
    text-align: center;
  }
}

/* ---- Page headings, using the badge gold as a recurring accent rule ---- */
h1, h2 {
  font-family: 'Oswald', Arial, sans-serif;
}

/* ---- Body content typography (conservative first pass) ----
   Font family only for now — deliberately NOT touching font-size or
   blanket text color, since legacy pages pair specific text colors
   with specific colored table-cell backgrounds; a blanket color
   override risks clashing with those pairings on some pages. */
body, td, p, li, font, div, table {
  font-family: 'Public Sans', Arial, Helvetica, sans-serif;
}

a:link, a:visited {
  color: #21459D; /* Command Blue */
}