:root {
  --we-text-rgb: 51, 65, 85;

  --we-header-bg: #000000;
  --we-header-text: var(--we-accent);
  --we-header-span: var(--we-white);

  --we-accent: #F4B20B;
  --we-accent-hover: #ff0000;
  --we-accent-soft: rgba(244, 178, 11, 0.9);
  --we-accent-rgb: 244, 178, 11;

  --we-secondary: #000000;
  --we-secondary-hover: #ff0000;
  --we-secondary-soft: rgba(244, 178, 11, 0.9);
  --we-secondary-rgb: 0, 0, 0;

  --we-link: var(--we-black);
  --we-link-hover: var(--we-accent);
    /* Navigation */
  --we-nav-text: var(--we-white);
  --we-nav-hover: var(--we-white);

  --we-nav-dropdown-bg-hover: var(--we-gray);
  --we-nav-dropdown-hover: var(--we-white);
  --we-nav-dropdown-text: var(--we-black);

  --we-on-accent: #ffffff;
  --we-on-secondary: #111111;
  --we-on-dark: #ffffff;
  --we-on-light: #111111;
  --we-gray: #808080;

  --we-border: rgba(15, 23, 42, 0.10);
  --we-shadow-soft: 0 4px 18px rgba(15, 23, 42, 0.06);

  --we-footer-content: var(--we-gray);
  --we-footer-content-rgb: var(--we-secondary-rgb);
  --we-footer-legal: var(--we-header-bg);
  --we-footer-legal-rgb: var(--we-accent-rgb);
  --we-footer-legal-text: #d1d5db;
  --we-nav-hover-underline: var(--we-accent);
  
  --we-surface: #e5e5e5;
}
.btn-primary, .btn-primary-q {
	 color: var(--we-black);
}
.btn-primary, .btn-primary-q:hover {
     color: var(--we-black);
}
.mybreadcrumb {
  color: var(--we-black) !important;
}
.bredcrumb-link:hover {
	color: var(--we-black) !important;
}
.hero .btn-hero--accent {
  color: var(--we-black) !important;
}
#featured h5 {
  color: var(--we-white);
  font-size: 16px;
  margin: 0;
  text-align: left !important;
  font-weight: 700;
  text-shadow: 0px 0px var(--we-black) !important;
}