﻿/* =========================
   MAIN NAVBAR (top bar)
   ========================= */
.navbar .nav-link {
    color: #ffffff !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
    color: rgba(255,255,255,0.85) !important; /* subtle hover on dark bg */
    text-decoration: underline; /* optional cue */
}

/* If your main nav uses dropdowns */
.navbar .dropdown-menu {
    /* keep default light dropdown, or uncomment to darken:
  background: #0b2e39;
  */
}

.navbar .dropdown-item {
    color: #ffffff;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
    color: #fff;
    background: #0b2e39;
}

/* Buttons that live in the main navbar */
.navbar .btn-primary,
.navbar .primary-cta {
    background: var(--primary-blue, #0a3442) !important;
    border-color: var(--primary-blue, #0a3442) !important;
    color: #fff !important;
}

.navbar .btn-primary:hover,
.navbar .primary-cta:hover {
    background: var(--dark-blue, #00a9b4) !important;
    border-color: var(--dark-blue, #00a9b4) !important;
}

/* =========================
   SUBNAV (section anchors)
   ========================= */
.subnav .nav-link {
    color: rgba(11, 46, 57, .5) !important; /* your requested color */
}

.subnav .nav-link:hover,
.subnav .nav-link:focus,
.subnav .nav-link.active {
    color: #0b2e39 !important; /* or stick with #0b2e39 */
    text-decoration: underline;
}

/* If your subnav has its own CTA button */
.subnav .primary-cta,
.subnav .btn-primary {
    background: var(--primary-blue, #00a9b4) !important;
    border-color: var(--primary-blue, #00a9b4) !important;
    color: #fff !important;
}

.subnav .primary-cta:hover,
.subnav .btn-primary:hover {
    background: var(--dark-blue, #0a3442) !important;
    border-color: var(--dark-blue, #0a3442) !important;
}
