/* ===== Always-white navbar (even before scrolling) =====
   Append this to the END of your main CSS file,
   or load it as a separate file AFTER the main stylesheet. */

/* 1. White background + subtle shadow/border */
nav.navbar.validnavs.no-background,
nav.navbar.validnavs.navbar-fixed.no-background,
nav.navbar.validnavs.navbar-transparent {
  background: #ffffff !important;
  box-shadow: 0px 0px 20px 0px rgba(7, 20, 52, .1) !important;
}
nav.navbar.validnavs.navbar-fixed.no-background.nav-border {
  border-bottom: 1px solid #e7e7e7 !important;
}

/* 2. Dark menu text (the transparent state uses white text) */
nav.navbar.validnavs.no-background ul.nav > li > a,
nav.navbar.validnavs.no-background.white ul.nav > li > a,
nav.navbar.validnavs.no-background .attr-nav > ul > li > a {
  color: #232323 !important;
}
nav.navbar.validnavs.no-background ul.nav > li > a:hover,
nav.navbar.validnavs.no-background ul.nav > li > a.active {
  color: #104cba !important;
}

/* 3. Phone/"call" block in the header */
.navbar.validnavs.no-background .attr-right .attr-nav li .call p,
.navbar.navbar.no-background .attr-right .attr-nav li .call p {
  color: #666666 !important;
}
.navbar.validnavs.no-background .attr-right .attr-nav li .call p strong,
.navbar.navbar.no-background .attr-right .attr-nav li .call p strong {
  color: #3eab8f !important;
}
.navbar.validnavs.no-background .attr-right .attr-nav li .call h5,
.navbar.validnavs.no-background .attr-right .attr-nav li .call h5 a {
  color: #232323 !important;
}
.navbar.validnavs.no-background .attr-right .attr-nav li .call i {
  color: #104cba !important;
}

/* 4. Side-menu (hamburger) lines */
.navbar.no-background .attr-nav .side-menu span {
  background-color: #232323 !important;
}

/* 5. Logo: show the dark "scrolled" logo instead of the light one */
nav.navbar.validnavs.no-background:not(.brand-style-bg) .logo-display {
  display: none !important;
}
nav.navbar.validnavs.no-background:not(.brand-style-bg) .logo-scrolled {
  display: block !important;
}