:root {
  --mws-header-bg: #f8f9fa;
  --mws-header-link: #24304a;
  --mws-header-link-active: #3a0ca3;
  --mws-footer-bg: #e9ecef;
  --mws-footer-text: #6c757d;
  --mws-logo-height-desktop: 82px;
  --mws-logo-height-mobile: 58px;
}

.navbar.navbar-expand-lg {
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}

.navbar.bg-light,
.navbar.bg-white {
  background-color: var(--mws-header-bg) !important;
}

.navbar .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 1.75rem;
}

.navbar .logo {
  height: var(--mws-logo-height-desktop);
  max-height: var(--mws-logo-height-desktop);
  width: auto;
  display: block;
}

.navbar .navbar-nav {
  align-items: center;
  gap: 0.25rem;
}

.navbar .nav-link,
.navbar .dropdown-toggle {
  color: var(--mws-header-link);
  font-weight: 500;
}

.navbar .nav-link.active,
.navbar .nav-link[aria-current="page"] {
  color: var(--mws-header-link-active) !important;
  font-weight: 600;
}

footer.text-center,
footer.py-4,
footer.mt-auto {
  background-color: var(--mws-footer-bg);
  color: var(--mws-footer-text);
  margin-top: 60px;
  padding-top: 30px;
  padding-bottom: 30px;
}

footer p,
footer li,
footer small {
  color: var(--mws-footer-text);
}

footer a {
  color: inherit;
}

.mws-site-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.65);
}

.mws-site-footer .small {
  color: var(--mws-footer-text) !important;
}

.mws-site-footer .footer-links {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.85rem;
}

.mws-site-footer .footer-links a {
  text-decoration: none;
}

.mws-site-footer .footer-links a:hover {
  text-decoration: underline;
}

@media (max-width: 991.98px) {
  .navbar .logo {
    height: var(--mws-logo-height-mobile);
    max-height: var(--mws-logo-height-mobile);
  }

  .navbar .navbar-collapse {
    padding-top: 0.9rem;
  }

  .navbar .navbar-nav {
    align-items: flex-start;
    gap: 0;
  }
}