/*
 * Bushfire theme
 * An independent safety-communications design using high-contrast red,
 * fluorescent yellow, charcoal and white. It is not affiliated with, endorsed by, or an official
 * product of the NSW Rural Fire Service or any other emergency agency.
 */

:root {
  --bf-yellow: #d9ef2d;
  --bf-yellow-dark: #b9cf16;
  --bf-red-field: #d93822;
  --bf-red-dark: #ad261c;
  --bf-charcoal: #17191b;
  --bf-ink: #24272a;
  --bf-paper: #f7f5ef;
  --bf-white: #ffffff;
  --bf-red: #c9292f;
  --bf-border: #d8d3c7;
  --mw-blue: #c92f21;
  --mw-border: #d8d3c7;
  --mw-muted: #68655e;
  --mw-panel: #ffffff;
  --mw-bg: #f4f1e9;
  --ops-header: #d93822; --ops-shell: #f4f1e9; --ops-subtext: #fff4d2; --ops-accent: #d9ef2d;
  --ops-control-bg: rgba(255,255,255,.95); --ops-control-color: #24272a;
}

body {
  color: var(--bf-ink);
  background:
    linear-gradient(135deg, rgba(217,56,34,.07) 0, rgba(217,56,34,.07) 12%, transparent 12%, transparent 100%),
    var(--bf-paper);
}

a { color: #8d1f25; }
a:hover, a:focus { color: var(--bf-red); }

.navbar {
  background: var(--bf-red-field);
  border: 0;
  border-bottom: 5px solid var(--bf-yellow);
  box-shadow: 0 3px 12px rgba(0,0,0,.28);
}

.navbar::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 38%;
  height: 5px;
  background: repeating-linear-gradient(110deg, var(--bf-yellow) 0 42px, transparent 42px 54px, var(--bf-white) 54px 88px, transparent 88px 103px);
  transform: skewX(-28deg);
  transform-origin: right;
}

.navbar .navbar-brand {
  color: var(--bf-white);
  font-weight: 800;
  letter-spacing: .025em;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus { color: var(--bf-yellow); }

.navbar-nav>li>a,
.navbar-nav>li>a:focus {
  color: #f5f5f3;
  background: transparent;
  font-weight: 700;
}

.navbar-nav>li>a:hover,
.navbar-nav>li.active>a,
.navbar-nav>li.active>a:focus,
.navbar-nav>li.active>a:hover {
  color: var(--bf-charcoal);
  background: var(--bf-yellow);
  box-shadow: none;
}

.navbar-toggle { color: var(--bf-yellow); }
.dropdown-menu { border-top: 4px solid var(--bf-yellow); }
.dropdown-menu>li>a:hover { background: #fff3a8; color: var(--bf-charcoal); }

.triangle-down { border-top-color: var(--bf-red-field); }
.triangle-down:hover { border-top-color: var(--bf-red-dark); }
.triangle-down p { color: var(--bf-charcoal); }

.cw-dashboard { --mw-blue: #c92f21; }
.cw-toolbar,
.cw-health,
.cw-panel,
.panel,
.modal-content {
  border-color: var(--bf-border);
  border-radius: 2px;
  box-shadow: 0 4px 14px rgba(37,34,26,.08);
}

.cw-toolbar {
  position: relative;
  border-top: 6px solid var(--bf-red-field);
  background: var(--bf-white);
}

.cw-toolbar::before {
  content: '';
  position: absolute;
  top: -6px;
  right: 0;
  width: 18%;
  border-top: 6px solid var(--bf-yellow);
  transform: skewX(-35deg);
}

.panel-heading,
.cw-warning-header {
  color: var(--bf-white) !important;
  background: var(--bf-red-field) !important;
  border-bottom: 4px solid var(--bf-yellow) !important;
  font-weight: 800;
  letter-spacing: .02em;
}

.cw-server-health strong,
.cw-incident-heading strong,
h1, h2, h3, h4, h5 {
  font-weight: 800;
}

.btn-primary,
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus {
  color: var(--bf-charcoal);
  background: var(--bf-yellow);
  border-color: var(--bf-yellow-dark);
  font-weight: 800;
  box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: var(--bf-white);
  background: var(--bf-charcoal);
  border-color: var(--bf-charcoal);
}

.btn-info { background: var(--bf-charcoal); border-color: var(--bf-charcoal); }
.btn-danger { background: var(--bf-red); border-color: #a51d22; }
.badge { background: var(--bf-charcoal); color: var(--bf-yellow); }

.table>thead>tr>th {
  color: var(--bf-charcoal);
  background: #ffe775;
  border-bottom: 3px solid var(--bf-charcoal);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.table-striped>tbody>tr:nth-of-type(odd) { background: #faf7eb; }
.form-control:focus { border-color: var(--bf-yellow-dark); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 2px rgba(255,212,0,.22); }

.cw-priority-critical { border-left-color: var(--bf-red); }
.cw-priority-high { border-left-color: #ef7e21; }
.cw-priority-medium { border-left-color: var(--bf-yellow-dark); }
.cw-priority-low { border-left-color: #72756f; }
.cw-warning-active { box-shadow: inset 0 -3px 0 var(--bf-red); }

body.cw-operations .cw-operations-header { border-bottom-width: 5px; }

.cw-health-dot { background: var(--bf-yellow); box-shadow: 0 0 0 3px rgba(255,212,0,.2); }
.leaflet-control-layers { border-top: 4px solid var(--bf-yellow); }

body.cw-dark {
  --mw-panel: #321719;
  --mw-bg: #190b0c;
  --mw-border: #6c3030;
  --mw-muted: #d1aaa3;
  --ops-header: #7f1d1d;
  --ops-shell: #190b0c;
  --ops-subtext: #ffd9c9;
  --ops-accent: #d9ef2d;
  --ops-control-bg: rgba(50,23,25,.96);
  --ops-control-color: #fff4e8;
  color: #fff4e8;
  background: #190b0c !important;
}

body.cw-dark #content,
body.cw-dark .container-fluid { background: #190b0c; }

body.cw-dark .cw-toolbar,
body.cw-dark .cw-panel,
body.cw-dark .cw-health,
body.cw-dark .panel,
body.cw-dark .modal-content,
body.cw-dark .cw-status-card,
body.cw-dark .cw-incident,
body.cw-dark .cw-discovery,
body.cw-dark .cw-dam-card,
body.cw-dark .cw-gauge-card,
body.cw-dark .cw-radio-call {
  color: #fff4e8;
  background: #321719;
  border-color: #6c3030;
}

body.cw-dark .cw-toolbar { border-top-color: #d93822; }
body.cw-dark .cw-health strong,
body.cw-dark .pagerMessage,
body.cw-dark .cw-radio-header strong,
body.cw-dark .cw-radio-call-title strong,
body.cw-dark .cw-status-card h3 { color: #fffaf2; }
body.cw-dark .cw-agency-suggestion,
body.cw-dark .cw-correlation,
body.cw-dark .cw-status-card p,
body.cw-dark .cw-status-card span { color: #d1aaa3; }

body.cw-dark .table { background: #321719; color: #fff4e8; }
body.cw-dark .table>thead>tr>th { background: #b42c20; color: #fff; border-color: #d9ef2d; }
body.cw-dark .table>tbody>tr>td { background: #321719; border-color: #5a2929; }
body.cw-dark .table>tbody>tr:nth-child(even)>td { background: #3b1c1e; }
body.cw-dark .table>tbody>tr:hover>td { background: #542326; }

body.cw-dark .cw-warning-item,
body.cw-dark .cw-algae-alert { background: #402118; border-color: #87502d; }
body.cw-dark .cw-algae-alert-red,
body.cw-dark .cw-dam-alert { background: #501d22; border-color: #a74149; }
body.cw-dark .cw-warning-item h4 { color: #ffc078; }
body.cw-dark .cw-dam-alert h4 { color: #ffadb3; }
body.cw-dark .cw-dam-level { background: rgba(217,239,45,.1); color: #e8f87d; }
body.cw-dark .cw-dam-algae-detail { background: rgba(126,190,83,.12); }
body.cw-dark .cw-dam-flow-estimate { background: rgba(217,56,34,.14); }
body.cw-dark .cw-gauge-card { border-left-color: #d9ef2d; }
body.cw-dark .cw-radio-call { border-left-color: #e05a45; }
body.cw-dark .cw-receiver-beacon { background: rgba(25,6,7,.48); }

body.cw-dark .form-control,
body.cw-dark .dropdown-menu { background: #281214; border-color: #75403e; color: #fff4e8; }
body.cw-dark .form-control:focus { border-color: #d9ef2d; box-shadow: 0 0 0 2px rgba(217,239,45,.18); }
body.cw-dark .dropdown-menu>li>a { color: #fff4e8; }
body.cw-dark .dropdown-menu>li>a:hover { background: #7f1d1d; color: #fff; }
body.cw-dark .cw-status-meta,
body.cw-dark footer { background: #210e10; border-color: #5a2929; color: #d1aaa3; }

@media (max-width: 767px) {
  .navbar::after { width: 38%; }
  .cw-toolbar::before { width: 35%; }
}