/* NAAB brand override – must load AFTER template.css */
:root {
  --naab-yellow: #f5c400;
  --naab-black: #111111;
  --naab-white: #ffffff;

  /* Conbiz global theme colors */
  --conbiz-theme-color: var(--naab-yellow, #f5c400) !important;
  --conbiz-theme-color-second: var(--naab-black, #111111) !important;
}

/* Optional: make top header/nav darker */
.header-main,
.gva-header,
.topbar {
  background: var(--naab-black, #111111);
}

.header-main a,
.gva-header a,
.topbar a {
  color: var(--naab-white, #ffffff);
}


/* =========================
   NAV / DROPDOWN READABILITY
   ========================= */

/* Main menu top links: keep readable on dark header */
.gva_menu .navbar-nav > li > a,
.gva_menu .navbar-nav > li > a span,
header .navbar-nav > li > a {
  color: #ffffff !important;
}

/* Active / hover on top menu: yellow highlight is OK */
.gva_menu .navbar-nav > li:hover > a,
.gva_menu .navbar-nav > li.menu-item--active-trail > a {
  color: var(--naab-yellow, #f5c400) !important;
}

/* Dropdown panel background */
.gva_menu .dropdown-menu,
header .dropdown-menu,
.navbar .dropdown-menu {
  background: #111111 !important;      /* black dropdown */
  border: 1px solid rgba(255,255,255,.12) !important;
}

/* Dropdown link colors */
.gva_menu .dropdown-menu a,
header .dropdown-menu a,
.navbar .dropdown-menu a {
  color: #ffffff !important;
}

/* Dropdown hover: yellow bg + black text */
.gva_menu .dropdown-menu a:hover,
header .dropdown-menu a:hover,
.navbar .dropdown-menu a:hover {
  background: var(--naab-yellow, #f5c400) !important;
  color: #111111 !important;
}

/* If Conbiz mega menu uses a white inner container */
.gva_menu .dropdown-menu .content-inner,
.gva_menu .dropdown-menu .megamenu-inner,
.gva_menu .gva-mega-menu {
  background: #111111 !important;
}


/* =========================================================
   FIX MENU + DROPDOWN (white background issue)
   ========================================================= */

/* Top-level menu links should be readable */
.gva_menu .navbar-nav > li > a,
.gva_menu .navbar-nav > li > a span,
.gva_navigation a,
.main-menu a {
  color: var(--naab-yellow, #f5c400) !important;
}

/* Hover/active highlight */
.gva_menu .navbar-nav > li:hover > a,
.gva_menu .navbar-nav > li.menu-item--active-trail > a,
.gva_menu .navbar-nav > li.active > a {
  color: var(--naab-yellow, #f5c400) !important;
}

/* Dropdown background (this is the missing piece) */
.gva_menu .dropdown-menu,
.gva_menu .sub-menu,
.gva_menu ul.menu ul,
.gva_menu .megamenu-inner,
.gva_menu .content-inner,
.gva_menu .gva-mega-menu,
header .dropdown-menu,
header .sub-menu {
  background-color: var(--naab-black, #111111) !important;
}

/* Dropdown item text */
.gva_menu .dropdown-menu a,
.gva_menu .sub-menu a,
.gva_menu ul.menu ul a,
header .dropdown-menu a {
  color: #ffffff !important;
}

/* Dropdown hover */
.gva_menu .dropdown-menu a:hover,
.gva_menu .sub-menu a:hover,
.gva_menu ul.menu ul a:hover,
header .dropdown-menu a:hover {
  background-color: var(--naab-yellow, #f5c400) !important;
  color: #111111 !important;
}

/* =========================================
   NAAB MENU – Yellow text on Black (FINAL)
   ========================================= */

/* Main menu bar background */
.gva-header,
.header-main,
.gva-navigation,
.gva_menu,
.main-menu,
#header,
.topbar {
  background-color: #111111 !important;
}

/* Top-level menu text – ALWAYS yellow */
.gva_menu .navbar-nav > li > a,
.gva_menu .navbar-nav > li > a span,
.main-menu a,
.gva-navigation a {
  color: #f5c400 !important;
}

/* Hover / active – still yellow (no white) */
.gva_menu .navbar-nav > li:hover > a,
.gva_menu .navbar-nav > li.menu-item--active-trail > a,
.gva_menu .navbar-nav > li.active > a,
.main-menu a:hover {
  color: #f5c400 !important;
}

/* Dropdown background – black */
.gva_menu .dropdown-menu,
.gva_menu .sub-menu,
.gva_menu ul.menu ul,
.gva_menu .megamenu-inner,
.gva_menu .content-inner,
header .dropdown-menu {
  background-color: #111111 !important;
}

/* Dropdown text – yellow */
.gva_menu .dropdown-menu a,
.gva_menu .sub-menu a,
.gva_menu ul.menu ul a,
header .dropdown-menu a {
  color: #f5c400 !important;
}

/* Dropdown hover – yellow background + black text */
.gva_menu .dropdown-menu a:hover,
.gva_menu .sub-menu a:hover,
.gva_menu ul.menu ul a:hover,
header .dropdown-menu a:hover {
  background-color: #f5c400 !important;
  color: #111111 !important;
}


/* NAAB: replace the orange “milestone” banner background */
.gbb-row.el-18877684 {
  background-color: var(--naab-black) !important;
  background-image: none !important;
}

/* Keep text/icons readable on black */
.gbb-row.el-18877684,
.gbb-row.el-18877684 .milestone-number,
.gbb-row.el-18877684 .milestone-text,
.gbb-row.el-18877684 .milestone-icon,
.gbb-row.el-18877684 .milestone-icon span {
  color: var(--naab-white) !important;
}

/* Optional: make the CTA button match NAAB yellow */
.gbb-row.el-18877684 .gsc-call-to-action a.btn-white {
  background: var(--naab-yellow) !important;
  color: var(--naab-black) !important;
  border-color: var(--naab-yellow) !important;
}
.gbb-row.el-18877684 .gsc-call-to-action a.btn-white:hover {
  background: var(--naab-black) !important;
  color: var(--naab-yellow) !important;
  border-color: var(--naab-yellow) !important;
}


/* ===== NAAB: Milestone banner -> YELLOW, remove orange side blocks ===== */

/* 1) Make the whole row yellow (undo previous black) */
.gbb-row.el-18877684 {
  background: var(--naab-yellow) !important;
  background-image: none !important;
}

/* 2) Remove the LEFT orange strip (usually a :before/:after or a child overlay) */
.gbb-row.el-18877684:before,
.gbb-row.el-18877684:after,
.gbb-row.el-18877684 .bb-inner:before,
.gbb-row.el-18877684 .bb-inner:after,
.gbb-row.el-18877684 .bb-container:before,
.gbb-row.el-18877684 .bb-container:after {
  background: transparent !important;
}

/* Some builds use a dedicated overlay element */
.gbb-row.el-18877684 .bg-overlay,
.gbb-row.el-18877684 .overlay,
.gbb-row.el-18877684 .row-overlay,
.gbb-row.el-18877684 .layer-bg {
  background: transparent !important;
}

/* 3) Make the milestone text/icons black (readable on yellow) */
.gbb-row.el-18877684,
.gbb-row.el-18877684 .milestone-number,
.gbb-row.el-18877684 .milestone-text,
.gbb-row.el-18877684 .milestone-icon,
.gbb-row.el-18877684 .milestone-icon span,
.gbb-row.el-18877684 .symbol {
  color: var(--naab-black) !important;
}

/* 4) Right “Company Achievement” tile: remove the orange overlay look by reducing/clearing overlays */
.gbb-row.el-18877684 .gsc-call-to-action .box-background {
  opacity: 1 !important;              /* keep the image visible */
  filter: none !important;
}
.gbb-row.el-18877684 .gsc-call-to-action:before,
.gbb-row.el-18877684 .gsc-call-to-action:after,
.gbb-row.el-18877684 .gsc-call-to-action .content-inner:before,
.gbb-row.el-18877684 .gsc-call-to-action .content-inner:after {
  background: transparent !important; /* remove colored overlay layers */
}

/* 5) Button: black background + yellow text (NAAB style) */
.gbb-row.el-18877684 .gsc-call-to-action a.btn-white {
  background: var(--naab-black) !important;
  color: var(--naab-yellow) !important;
  border-color: var(--naab-black) !important;
}
.gbb-row.el-18877684 .gsc-call-to-action a.btn-white:hover {
  background: var(--naab-yellow) !important;
  color: var(--naab-black) !important;
  border-color: var(--naab-yellow) !important;
}

/* ===== Kill the orange LEFT + RIGHT strips on the milestone banner ===== */

/* LEFT STRIP: usually a :before overlay with fixed width */
.gbb-row.el-18877684::before,
.gbb-row.el-18877684::after,
.gbb-row.el-18877684 .gbb-row-wrapper::before,
.gbb-row.el-18877684 .gbb-row-wrapper::after,
.gbb-row.el-18877684 .bb-inner::before,
.gbb-row.el-18877684 .bb-inner::after,
.gbb-row.el-18877684 .bb-container::before,
.gbb-row.el-18877684 .bb-container::after,
.gbb-row.el-18877684 .row-wrapper::before,
.gbb-row.el-18877684 .row-wrapper::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* Sometimes the LEFT strip is actually the first column background */
.gbb-row.el-18877684 .gsc-column.el-93193055,
.gbb-row.el-18877684 .gsc-column.el-93193055 .column-inner {
  background: transparent !important;
  background-image: none !important;
}

/* Ensure the whole banner stays yellow */
.gbb-row.el-18877684 {
  background: var(--naab-yellow) !important;
  background-image: none !important;
}

/* RIGHT STRIP/TINT: remove any orange overlay on the CTA tile + its column */
.gbb-row.el-18877684 .gsc-column.el-58602717,
.gbb-row.el-18877684 .gsc-column.el-58602717 .column-inner,
.gbb-row.el-18877684 .gsc-column.el-58602717 .column-content-inner {
  background: transparent !important;
  background-image: none !important;
}

/* remove overlay layers that tint the image orange */
.gbb-row.el-18877684 .gsc-call-to-action::before,
.gbb-row.el-18877684 .gsc-call-to-action::after,
.gbb-row.el-18877684 .gsc-call-to-action .content-inner::before,
.gbb-row.el-18877684 .gsc-call-to-action .content-inner::after,
.gbb-row.el-18877684 .gsc-call-to-action .box-background::before,
.gbb-row.el-18877684 .gsc-call-to-action .box-background::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* keep the image normal (no tinting) */
.gbb-row.el-18877684 .gsc-call-to-action .box-background {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* ===== Remove LEFT orange band (actual element background) ===== */

/* Most common: first column has a background color/image */
.gbb-row.el-18877684 .gsc-column.el-93193055,
.gbb-row.el-18877684 .gsc-column.el-93193055 .column-inner,
.gbb-row.el-18877684 .gsc-column.el-93193055 .column-content-inner {
  background: transparent !important;
  background-image: none !important;
}

/* Sometimes Conbiz adds a "bg" layer inside columns/rows */
.gbb-row.el-18877684 .gsc-column.el-93193055 .bg,
.gbb-row.el-18877684 .gsc-column.el-93193055 .bg-layer,
.gbb-row.el-18877684 .gsc-column.el-93193055 .bg-overlay,
.gbb-row.el-18877684 .gsc-column.el-93193055 .column-inner > .bg,
.gbb-row.el-18877684 .gsc-column.el-93193055 .column-inner > .bg-overlay {
  display: none !important;
  background: transparent !important;
}

/* If the band is actually padding area showing a wrapper bg, force yellow everywhere */
.gbb-row.el-18877684,
.gbb-row.el-18877684 .bb-inner,
.gbb-row.el-18877684 .bb-container,
.gbb-row.el-18877684 .row-wrapper {
  background: var(--naab-yellow) !important;
  background-image: none !important;
}