.navbar, .dropdown-menu,  .dropdown-menu li:hover, .dropdown-menu li:focus  {
  background-color: var(--navbgcolor);
}

.navbar-brand {
  color: var(--navtextcolor) !important;
  font-size: var(--navbrandfont);
}
.dropdown-menu, .dropdown-menu .dropdown-item, .dropdown-menu:hover,  .dropdown-menu:focus{
  background-color: var(--navbgcolor);
  color: var(--navtextcolor) !important;
  font-size: var(--navfontsize);
  font-weight: 600;
}
.navbar-expand-md .navbar-nav .nav-link{
font-size: var(--navfontsize);
padding: 0 0.3em;
margin: 0.667em 0.5em;
font-weight: 600;
color: var(--navtextcolor);
}
.navbar-collapse .navicon i{
font-size: var(--navfontsize);
padding: 0 0.3em;
margin: 0.667em 0.4em;
font-weight: 600;
color: var(--navtextcolor);
}
.navbar-expand-md .navbar-toggler .fas{
font-size: var(--navbrandfont);
font-weight: 600;
color: var(--navtextcolor);
}
.navbar-expand-md .navbar-nav .nav-link:hover, .navbar-expand-md .navbar-nav .nav-link:focus, .navbar-expand-md .navbar-nav .nav-link:visited{
color: var(--navtextcolor);
}


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}