.navbar {
    border-bottom: var(--theme-menu-border);
}

#myNavbar{
    font-weight: bold;
    font-size: 12pt;
}
.navbar .navbar-toggler {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: var(--theme-text-dark);
    color: var(--theme-text-light);
}
.navbar .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar .dropdown-menu {
    border-color: lightgrey;
}
.navbar .dropdown-menu .dropdown-item a {
    text-decoration: underline;
    color: var(--theme-navbar-hover-color);
}
.navbar .dropdown-menu .dropdown-item:hover {
    background-color: var(--theme-navbar-hover-bg);
    text-decoration: none;
}
.navbar .dropdown-menu {
    margin-top: 0;
    --bs-dropdown-border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
}
.navbar .dropdown-menu a {
    text-decoration: underline;
    padding: 10px;
}
.navbar .dropdown-menu a:hover {
    text-decoration: none;
}

.navbar .navbar-nav > li > a {
    text-decoration: none;
    border-bottom: 3px solid transparent;
}

.navbar a.nav-link, .navbar .navbar-text {
    padding: 10px;
    --bs-navbar-nav-link-padding-x: 1.2em;
    --bs-navbar-nav-link-padding-y: 1.2em;
}

.navbar-text {
    font-weight: normal;
}

.navbar .nav-link:hover, .navbar .nav-link.show {
    border-bottom: var(--theme-menu-hover-border);
}

.navbar .navbar-header {
    width: 100%;
}

@media (min-width: 1200px) {
    .navbar-nav a.nav-link, .navbar .navbar-text {
        height: 80px;
        padding-top: 28px;
        padding-bottom: 28px;
    }
}

@media (min-width: 768px) {
    .navbar .navbar-header {
        display: none;
    }
}

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    display: none;
    top: 0;
    left: 100%;
    margin-top: -9px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}