html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* override all a.nav-links with the same class option as text-light */
a.nav-link {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

/* override all a.navbar-brands with the same class option as text-light */
a.navbar-brand {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

/* Create a Background Black Setting */
.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

text.text-light {
    /*--bs-text-opacity: 1;*/
    fill: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

circle.stroke-light {
    /*--bs-text-opacity: 1;*/
    stroke: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

circle.fill-black {
    /*--bs-text-opacity: 1;*/
    fill: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.fs-7 {
    font-size: .85rem !important;
}

.nav-link.nav-link-info {
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}