  .navbar-custom {
    background-color:#800000;
    color:#ffffff;
    border-radius:0;
    padding: 0;
}

.navbar-custom .navbar-nav > li > a {
    color:#fff;
}

.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a {
    color: #ffffff;
    background-color: #999999;
}

.navbar-custom .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav .nav-link.active:hover {
    color: #ffffff;
    background-color: #999999;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open >a {
    text-decoration: none;
    /* background-color: #33aa33; */
    background-color: #F3AA2C;
    color: #ffffff;
}

.navbar-custom .navbar-brand {
    color:#eeeeee;
    text-decoration: none;
}
.navbar-custom .navbar-toggle {
    background-color:#eeeeee;
}
.navbar-custom .navbar-toggler {
    background-color:#eeeeee;
    padding: 0.25rem 0.5rem; /* Adjust clickable area (optional) */
    border: none;            /* Optional: remove border */
}
.navbar-custom .icon-bar {
    /* background-color:#33aa33; */
    background-color: #7B1113; 
}
.navbar-custom .navbar-toggler-icon {
    width: 1.45rem;   /* default ~1.5rem */
    height: 1.45rem;
}

.navbar-toggler {
  border: none;           /* removes border line */
  box-shadow: none !important; /* removes focus outline */
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: none !important;
  box-shadow: none !important;
}