img[src$="stormlion-logo.png"] {
  object-fit: cover;
  object-position: center;
}

[data-bs-theme="dark"],
[data-bs-theme="light"] {
  --stormlion-blue: #1677ff;
  --primary-color: var(--stormlion-blue) !important;
  --primary-color-rgb: 22, 119, 255;
  --bs-primary: var(--stormlion-blue) !important;
  --bs-primary-rgb: 22, 119, 255 !important;
  --bs-danger: var(--stormlion-blue) !important;
  --bs-danger-rgb: 22, 119, 255 !important;
  --bs-focus-ring-color: rgba(22, 119, 255, 0.25) !important;
  --bs-link-hover-color-rgb: 22, 119, 255 !important;
  --bs-text-primary: var(--stormlion-blue) !important;
}

.header img[src$="stormlion-logo.png"] {
  width: 130px !important;
  height: 60px !important;
}

img.h-100px[src$="stormlion-logo.png"] {
  width: min(360px, 80vw) !important;
  height: 140px !important;
}

@media (min-width: 768px) {
  img.h-md-150px[src$="stormlion-logo.png"] {
    height: 170px !important;
  }
}

footer img[src$="stormlion-logo.png"] {
  width: 210px !important;
  height: 70px !important;
}

.card-img-top[src$="stormlion-logo.png"] {
  object-fit: contain;
  height: 180px;
  padding: 1.5rem;
  background-color: #101924;
}

.header .btn {
  color: #fff !important;
  background-color: #1677ff !important;
  border-color: #1677ff !important;
}

.header .btn:hover {
  background-color: #0868eb !important;
  border-color: #0868eb !important;
}

.btn-danger,
.btn-light-danger,
.btn-outline-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1677ff;
  --bs-btn-border-color: #1677ff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0868eb;
  --bs-btn-hover-border-color: #0868eb;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0868eb;
  --bs-btn-active-border-color: #0868eb;
  color: #fff !important;
  background-color: #1677ff !important;
  border-color: #1677ff !important;
}

.text-danger {
  color: #1677ff !important;
}

.btn-danger:hover,
.btn-light-danger:hover,
.btn-outline-danger:hover {
  background-color: #0868eb !important;
  border-color: #0868eb !important;
}