/* ===== Page-scoped wrapper ===== */

.texoma-live-page .bg-deep {
  background: #0f1f33;
}

.texoma-live-page .text-muted-2 {
  color: #9fb7d0;
}

.texoma-live-page .border-deep {
  border-color: #153458!important;
}

.texoma-live-page .hero {
  background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=60') center/cover no-repeat;
  position: relative;
  min-height: 46vh;
  display: flex;
  align-items: center;
}

/* .texoma-live-page .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06101bb3,#0b1420)} */

.texoma-live-page .hero > .container {
  position: relative;
}

.texoma-live-page #map {
  height: 420px;
  border-radius: .75rem;
}

/* IMPORTANT: these were global Bootstrap classes; now scoped to this page only */

.texoma-live-page .card {
  background: linear-gradient(180deg,#0f223d,#0e1f37);
  border: 1px solid #153458;
  color: #e8f0fb;
}

.texoma-live-page .list-group-item {
  background: transparent;
  color: #e8f0fb;
  border-color: #153458;
}

.texoma-live-page .form-control, .texoma-live-page .form-select {
  background: #0a1a2c;
  border-color: #153458;
  color: #e8f0fb;
}

.texoma-live-page .form-control:focus, .texoma-live-page .form-select:focus {
  box-shadow: 0 0 0 .25rem rgba(88,196,255,.25);
  border-color: #58c4ff;
}

.texoma-live-page .btn-outline-light {
  --bs-btn-border-color: #4b6e94;
  --bs-btn-hover-bg: #123357;
}

.texoma-live-page .link-light {
  color: #9bf4d5!important;
}

.texoma-live-page .small-muted {
  font-size: .9rem;
  color: #9fb7d0;
}

.texoma-live-page .badge-soft {
  background: #0d2543;
  border: 1px solid #153458;
  color: #9fb7d0;
}

.texoma-live-page .offcanvas {
  background: #0f1f33;
  color: #e8f0fb;
}

.texoma-live-page .footer {
  border-top: 1px solid #153458;
}

.texoma-live-page .toast {
  background: #132742;
  color: #e8f0fb;
  border-color: #153458;
}

.texoma-live-page .table {
  --bs-table-color: #e8f0fb;
  --bs-table-bg: transparent;
  --bs-table-border-color: #153458;
}

.texoma-live-page .placeholder {
  border: 1px dashed #264b7a;
  border-radius: .5rem;
  padding: .5rem;
}

.texoma-live-page #lake-chart {
  max-height: 220px;
}

.texoma-live-page .delta-chip {
  font-weight: 700;
  border-radius: 999px;
  padding: .2rem .55rem;
}