:root {
  --mmcz-blue: #054376;
  --mmcz-blue-dark: #003f73;
  --mmcz-gold: #f0b71c;
  --mmcz-gold-dark: #d0942a;
}

.navbar-dark,
.navbar-dark .navbar-nav-link,
.sidebar-dark,
.sidebar-dark .nav-sidebar .nav-link {
  background-color: var(--mmcz-blue) !important;
  color: #ffffff !important;
}

.navbar-dark .navbar-nav-link:hover,
.sidebar-dark .nav-sidebar .nav-link:hover,
.sidebar-dark .nav-sidebar .nav-link.active,
.page-item.active .page-link,
.btn-primary,
.badge-primary,
.bg-primary,
.bg-indigo-400,
.bg-indigo {
  background-color: var(--mmcz-gold) !important;
  border-color: var(--mmcz-gold-dark) !important;
  color: #ffffff !important;
}

.text-primary,
.text-indigo-400,
.text-indigo {
  color: var(--mmcz-blue) !important;
}

a,
.page-link {
  color: var(--mmcz-blue);
}

a:hover,
a:focus,
.page-link:hover {
  color: var(--mmcz-gold-dark);
}

.btn-outline-primary {
  color: var(--mmcz-blue);
  border-color: var(--mmcz-blue);
}

.btn-outline-primary:hover {
  color: #ffffff;
  background-color: var(--mmcz-gold-dark);
  border-color: var(--mmcz-gold-dark);
}

/* Keep login brand mark inside card on all screens */
.login-form .text-center img {
  display: block;
  width: 100%;
  max-width: 560px;
  height: auto;
  margin: 0 auto 0.75rem;
}

.login-form .text-center {
  overflow: hidden;
}