/* ==========================================================================
   DARK-BLUE THEME OVERRIDE  (index2.html)
   Primary : deep navy from the "Make an Appointment" button   -> #1a2a8c
   Accent  : lighter blue from the bar behind the logo circles  -> #3d7fc4
   Loaded AFTER style.css and responsive.css so these rules take precedence.
   ========================================================================== */

:root {
  --primary: #1a2a8c;   /* deep navy (button) — header strip, buttons, hero */
}

/* --- Accent text (lighter logo-bar blue) --- */
.blue-color,
.blue-color h2, .blue-color h3, .blue-color h4, .blue-color h5, .blue-color h6,
.blue-color p, .blue-color a, .blue-color li, .blue-color i,
.white-color .blue-color, .steelblue-color .blue-color,
.blue-color span { color: #3d7fc4; }

/* --- Solid navy buttons --- */
.btn-blue,
.white-color .btn-blue {
  background-color: #1a2a8c;
  border-color: #1a2a8c;
}

/* Dark (navy) buttons lighten to the accent blue on hover */
.btn-white.blue-color:hover {
  background-color: #3d7fc4 !important;
  border-color: #3d7fc4;
}

.blue-hover:hover,
.white-color .blue-hover:hover,
.btn-blue:hover {
  background-color: #3d7fc4;
  border-color: #3d7fc4;
  box-shadow: 0 12px 25px rgba(61,127,196,0.40);
}

/* --- Hero: deep-navy tint over the building --- */
#hero-1 {
  background-image: linear-gradient(to right,
      rgba(26,42,140,0.93) 0%,
      rgba(26,42,140,0.64) 42%,
      rgba(26,42,140,0.20) 72%,
      rgba(26,42,140,0) 92%),
    url(../images/banner-2.jpg);
}

/* --- "Our dedicated team" decorative half-circle (accent blue, softened so the text stays readable) --- */
#about-5::before { border-color: rgba(61,127,196,0.28); }

/* --- Veterinary Specialists photo hover overlay (was teal) --- */
.doctor-1 .item-overlay { background: rgba(26,42,140,0.85); }

/* --- "About Our Practice" accents (lighter blue) --- */
.eyebrow { color: #3d7fc4; }
.g-item::marker { color: #3d7fc4; }
.cred-pill { color: #3d7fc4; }
.quote-block { border-left-color: #3d7fc4; }

/* --- "Get In Touch" section --- */
#banner-2 .ci-icon { background: #3d7fc4; }               /* icon chips in the accent blue */
#banner-2 .banner-eyebrow { color: #8fb4e0; }             /* lightened for contrast on the dark overlay */
#banner-2 .ci-text a:hover { color: #8fb4e0; }

/* --- Navigation menu (overrides the cyan hard-coded in menu.css) --- */
.wsmenu > .wsmenu-list > li:hover > a { color: #1a2a8c; }
.wsmenu > .wsmenu-list > li.header-btn a { background-color: #1a2a8c; }
.wsmenu > .wsmenu-list > li.header-btn a:hover { background-color: #3d7fc4; }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { background-color: #1a2a8c; }
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover { color: #1a2a8c; }