/* ============================================================
   Bootstrap Overrides
   ============================================================ */

/* Override Bootstrap primary color with higher specificity */
.bg-primary,
div.bg-primary,
.bg-primary.text-white {
  background-color: var(--navy-600) !important;
}

.text-primary,
.card-title,
.h5.text-primary,
h5.text-primary,
h2.text-primary,
.h3.text-primary,
h1.text-primary,
p.text-primary,
p.h5.text-primary {
  color: var(--navy-600) !important;
}

.card-text {
  color: #6c757d !important;
}

.card-title a,
.card-title a.text-decoration-none {
  color: var(--navy-600) !important;
}

.col-12 h1 {
  color: var(--navy-600) !important;
}
.col-12 h3 {
  color: var(--navy-600) !important;
}
.div.h1 {
  color: var(--navy-600) !important;
}

.btn-primary {
  background-color: var(--navy-600) !important;
  border-color: var(--navy-600) !important;
  color: #ffffff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #1e3566 !important;
  border-color: #1e3566 !important;
  color: #ffffff !important;
}

.btn-outline-primary {
  color: var(--navy-600) !important;
  border-color: var(--navy-600) !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background-color: var(--navy-600) !important;
  border-color: var(--navy-600) !important;
  color: #ffffff !important;
}

/* Category badges */
.badge {
  font-size: 0.9em;
}