:root {
  /* Logo Based Colors */
  --logo-light-blue: #4197cb;
  --logo-dark-blue: #194f90;
  --logo-orange: #f88d2b;
  --logo-orange-dark: #b05706;
  /* Primary Colors */
  --primary-darkest-blue: #00041f;
  --primary-dark-blue: #00263d;
  --primary-teal: #0094a2;
  --primary-light-blue: #66ffff;
  --primary-grey: #e3e3e3;
  --primary-light-grey: #f7f8fa;
}

/**
 * Background Color Classes
 */
.bg-darkest-blue {
  background-color: var(--primary-darkest-blue) !important;
}
.bg-dark-blue {
  background-color: var(--primary-dark-blue) !important;
}
.bg-light-blue {
  background-color: var(--primary-light-blue) !important;
}
.bg-teal {
  background-color: var(--primary-teal) !important;
}
.bg-orange {
  background-color: var(--logo-orange) !important;
}
.bg-grey {
  background-color: var(--primary-grey) !important;
}
.bg-light-grey {
  background-color: var(--primary-light-grey) !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-white {
  background-color: #ffffff !important;
}

.bg-hover-darkest-blue:hover {
  background-color: var(--primary-darkest-blue) !important;
}
.bg-hover-dark-blue:hover {
  background-color: var(--primary-dark-blue) !important;
}
.bg-hover-light-blue:hover {
  background-color: var(--primary-light-blue) !important;
}
.bg-hover-teal:hover {
  background-color: var(--primary-teal) !important;
}
.bg-hover-orange:hover {
  background-color: var(--logo-orange) !important;
}
.bg-hover-grey:hover {
  background-color: var(--primary-grey) !important;
}
.bg-hover-light-grey:hover {
  background-color: var(--primary-light-grey) !important;
}
.bg-hover-black:hover {
  background-color: #000000 !important;
}
.bg-hover-white:hover {
  background-color: #ffffff !important;
}

/**
 * Text Color Classes
 */
.text-darkest-blue {
  color: var(--primary-darkest-blue);
}
.text-dark-blue {
  color: var(--primary-dark-blue) !important;
}
.text-light-blue {
  color: var(--primary-light-blue) !important;
}
.text-teal {
  color: var(--primary-teal) !important;
}
.text-orange {
  color: var(--logo-orange) !important;
}
.text-logo-orange {
  color: var(--logo-orange);
}
.text-logo-dark-blue {
  color: var(--logo-dark-blue);
}
.text-logo-light-blue {
  color: var(--logo-light-blue);
}
.text-grey {
  color: var(--primary-grey);
}
.text-light-grey {
  color: var(--primary-light-grey);
}
.text-black {
  color: #000000;
}
.text-white {
  color: #ffffff;
}

/**
 * Text Hover Color Classes
 */
.text-hover-darkest-blue:hover {
  color: var(--primary-darkest-blue) !important;
}
.text-hover-dark-blue:hover {
  color: var(--primary-dark-blue) !important;
}
.text-hover-light-blue:hover {
  color: var(--primary-light-blue) !important;
}
.text-hover-teal:hover {
  color: var(--primary-teal) !important;
}
.text-hover-orange:hover {
  color: var(--logo-orange) !important;
}
.text-hover-black:hover {
  color: #000000 !important;
}
.text-hover-white:hover {
  color: #ffffff !important;
}
.text-hover-grey:hover {
  color: var(--primary-grey) !important;
}
.text-hover-light-grey:hover {
  color: var(--primary-light-grey) !important;
}

/**
 * Border Color Classes
 * Compatible with localized Bootstrap
 */
.border-darkest-blue,
.bootstrap .border-darkest-blue {
  border-color: var(--primary-darkest-blue) !important;
}
.border-dark-blue,
.bootstrap .border-dark-blue {
  border-color: var(--primary-dark-blue) !important;
}
.border-light-blue,
.bootstrap .border-light-blue {
  border-color: var(--primary-light-blue) !important;
}
.border-teal,
.bootstrap .border-teal,
.bootstrap .border-bottom.border-teal {
  border-color: var(--primary-teal) !important;
}
.border-orange,
.bootstrap .border-orange,
.bootstrap .border-bottom.border-orange {
  border-color: var(--logo-orange) !important;
}
.border-logo-orange {
  border-color: var(--logo-orange) !important;
}
.border-logo-dark-blue {
  border-color: var(--logo-dark-blue) !important;
}
.border-logo-light-blue {
  border-color: var(--logo-light-blue) !important;
}
.border-grey,
.bootstrap .border-grey {
  border-color: var(--primary-grey) !important;
}
.border-light-grey,
.bootstrap .border-light-grey {
  border-color: var(--primary-light-grey) !important;
}
.border-black {
  border-color: #000000;
}
.border-white,
.bootstrap .border-white {
  border-color: #ffffff;
}

.border-hover-darkest-blue:hover,
.bootstrap .border-hover-darkest-blue:hover {
  border-color: var(--primary-darkest-blue) !important;
}
.border-hover-dark-blue:hover,
.bootstrap .border-hover-dark-blue:hover {
  border-color: var(--primary-dark-blue) !important;
}
.border-hover-light-blue:hover,
.bootstrap .border-hover-light-blue:hover {
  border-color: var(--primary-light-blue) !important;
}
.border-hover-teal:hover,
.bootstrap .border-hover-teal:hover {
  border-color: var(--primary-teal) !important;
}
.border-hover-orange:hover,
.bootstrap .border-hover-orange:hover {
  border-color: var(--logo-orange) !important;
}
.border-hover-logo-orange:hover {
  border-color: var(--logo-orange) !important;
}
.border-hover-logo-dark-blue:hover {
  border-color: var(--logo-dark-blue) !important;
}
.border-hover-logo-light-blue:hover {
  border-color: var(--logo-light-blue) !important;
}
.border-hover-grey:hover,
.bootstrap .border-hover-grey:hover {
  border-color: var(--primary-grey) !important;
}
.border-hover-light-grey:hover,
.bootstrap .border-hover-light-grey:hover {
  border-color: var(--primary-light-grey) !important;
}
.border-hover-black:hover {
  border-color: #000000;
}
.border-hover-white:hover,
.bootstrap .border-hover-white:hover {
  border-color: #ffffff;
}