/* Color Replacement - Yellow to Light Blue */
/* This file overrides Bootstrap's yellow colors with a more pleasant light blue */

/* Override Bootstrap's CSS variables */
:root {
  --warning: #17a2b8 !important;
}

/* Override Bootstrap's minified CSS variables */
:root {
  --yellow: #17a2b8 !important;
}

.btn-warning {
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-warning:hover {
  color: #fff !important;
  background-color: #138496 !important;
  border-color: #117a8b !important;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff !important;
  background-color: #138496 !important;
  border-color: #117a8b !important;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff !important;
  background-color: #117a8b !important;
  border-color: #10707f !important;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.btn-outline-warning {
  color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-outline-warning:hover {
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #17a2b8 !important;
  background-color: transparent !important;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.badge-warning {
  color: #fff !important;
  background-color: #17a2b8 !important;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #fff !important;
  background-color: #138496 !important;
}

.bg-warning {
  background-color: #17a2b8 !important;
}

.border-warning {
  border-color: #17a2b8 !important;
}

.text-warning {
  color: #17a2b8 !important;
}

/* Fix yellow colors in section counter and desc elements */
#section-counter .number {
  color: #17a2b8 !important;
}

div.desc:nth-child(2) {
  color: #17a2b8 !important;
}

/* Additional fixes for any remaining yellow elements */
.ftco-counter .text strong.number {
  color: #17a2b8 !important;
}

.block-18 .text strong {
  color: #17a2b8 !important;
}

/* Additional fixes for all yellow background colors */
.table-warning > td {
  background-color: #d1ecf1 !important;
}

.table-warning tbody + tbody {
  border-color: #bee5eb !important;
}

.table-hover .table-warning:hover {
  background-color: #d1ecf1 !important;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #d1ecf1 !important;
}

.alert-warning {
  color: #0c5460 !important;
  background-color: #d1ecf1 !important;
  border-color: #bee5eb !important;
}

.alert-warning hr {
  border-top-color: #abdde5 !important;
}

.alert-warning .alert-link {
  color: #0c5460 !important;
}

.list-group-item-warning {
  color: #0c5460 !important;
  background-color: #d1ecf1 !important;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #0c5460 !important;
  background-color: #bee5eb !important;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff !important;
  background-color: #0c5460 !important;
  border-color: #0c5460 !important;
}

/* Force override any remaining yellow backgrounds */
div[class*="warning"],
section[class*="warning"],
*[class*="warning"] {
  background-color: #17a2b8 !important;
}

/* Specific override for section counter background */
#section-counter {
  background-color: transparent !important;
}

#section-counter .block-18 {
  background-color: transparent !important;
}

/* Override any inline styles with yellow backgrounds */
[style*="background-color: #ffc107"],
[style*="background-color:#ffc107"],
[style*="background: #ffc107"],
[style*="background:#ffc107"] {
  background-color: #17a2b8 !important;
}

/* Fix for emergency cases section - use brand primary color instead of transparent */
.desc.bg-secondary {
  background-color: var(--primary, #213652) !important;
}

.desc h3.heading {
  color: var(--secondary, #CADAEF) !important;
}

.desc span.phone {
  color: var(--secondary, #CADAEF) !important;
}