.separate-menu-block {
    font-size: 16px;
    color: var(--text-color);
    padding-left: 15px;
    display: block;
    padding-top: 17px;
    padding-bottom: 1px;
}

.nav-link, .dropdown-item {
    color: var(--button-bg-color) !important;
    font-size: 16px;
}

    .nav-link:hover, .dropdown-item:hover {
        color: var(--button-hover-bg-color) !important;
    }

    .nav-link:active, .dropdown-item:active, .nav-link:hover:active, .dropdown-item:hover:active {
        color: var(--button-active-bg-color) !important;
    }

.nav-item > * {
    width: max-content;
}

.home-button {
    content: var(--logo-image);
    max-height: 42px;
    max-width: 220px;
    object-fit: scale-down;
    background-color: #ffffff; /* must be always white for this logo */
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.dropdown-menu {
    background-color: var(--dropdown-bg-color);
}

.dropdown-item:hover {
    background-color: var(--dropdown-hover-bg-color) !important;
}

.dropdown-item:active, .dropdown-item:hover:active {
    background-color: var(--dropdown-active-bg-color) !important;
}

.navbar-nav .nav-link {
    padding-top: 17px;
    padding-bottom: 1px;
}

#header_menuitem_home .nav-link {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
    padding-left: 22px !important;
}