/* Normal links */
a {
    color: orange;
}


/* On hover/focus */
a:hover,
a:focus {
    color: #ff9900; /* a slightly different orange, optional */
}
/* Navbar background */
.navbar,
.navbar-default,
.navbar-inverse {
    background-color: #a26228   !important;  /* your orange */
    border-color: #ff6600 !important;
}

/* Navbar brand + links */
.navbar .navbar-brand,
.navbar .navbar-nav > li > a {
    color: #ffffff !important;
}

/* Active and hover states */
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
    color: #ffffff !important;
}
/* === DROPDOWN MENU BACKGROUND === */
.navbar .dropdown-menu {
    border-color: #ff6600 !important;
}

/* Caret icon (the little triangle) */
.navbar .dropdown-toggle .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

/* === BOOTSTRAP 3 STYLE ITEMS (mkdocs + bootswatch darkly often use this) === */
.navbar .dropdown-menu > li > a {
    color: #ffffff !important;
}

.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus {
    background-color: #e65c00 !important; /* darker orange on hover */
    color: #ffffff !important;
}

/* === BOOTSTRAP 4+ STYLE ITEMS (if your theme uses .dropdown-item) === */
.navbar .dropdown-item {
    color: #ffffff !important;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
    background-color: #e65c00 !important;
    color: #ffffff !important;
}