/**
 * Watu Technology — WHMCS client area overrides (child of twenty-one)
 * Brand primary: #323d73
 */

:root {
  --watu-primary: #323d73;
  --watu-primary-dark: #252d57;
  --watu-accent: #e8c22c;
}

.primary-bg-color {
  background-color: #f5f6fa;
}

.header {
  background-color: var(--watu-primary) !important;
  border-bottom: 3px solid var(--watu-accent);
}

.header .navbar-brand,
.header .navbar-nav .nav-link,
.header .topbar {
  color: #fff !important;
}

.header .navbar-nav .nav-link:hover,
.header .navbar-nav .nav-link:focus {
  color: var(--watu-accent) !important;
}

.btn-primary {
  background-color: var(--watu-primary);
  border-color: var(--watu-primary-dark);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--watu-primary-dark);
  border-color: var(--watu-primary-dark);
}

.btn-info {
  background-color: var(--watu-accent);
  border-color: #c9a820;
  color: #1a1a1a;
}

.card-header,
.panel-heading {
  background-color: var(--watu-primary);
  color: #fff;
}

a {
  color: var(--watu-primary);
}

a:hover {
  color: var(--watu-primary-dark);
}