﻿}

.main-menu-item .rz-navigation-item-text,
.main-menu-item .rz-navigation-item-link .rz-navigation-item-text {
    color: var(--rz-text-h2-color);
    font-family: var(--rz-text-font-family);
    font-weight: 600;
    font-size: medium;
    text-transform: uppercase;
    transition: color 0.2s ease-in-out;
}

.main-menu-item .rz-navigation-item-text {
    color: var(--rz-text-h2-color);
    text-transform: uppercase;
    transition: color 0.2s ease-in-out;
}

    .main-menu-item .rz-navigation-item-link:hover .rz-navigation-item-icon,
    .main-menu-item .rz-navigation-item-text:hover .rz-navigation-item-icon,
    .main-menu-item .rz-navigation-item-wrapper .rz-navigation-item-link .rz-navigation-item-icon-children {
        color: var(--rz-text-h2-color);
        transition: color 0.2s ease-in-out;
    }

    .main-menu-item .rz-navigation-item-text:hover,
    .main-menu-item .rz-navigation-item-link:hover .rz-navigation-item-text {
        color: var(--text-menu-hover-color);
        font-weight: 800;
    }

        .main-menu-item .rz-navigation-item-link:hover .rz-navigation-item-icon,
        .main-menu-item .rz-navigation-item-wrapper .rz-navigation-item-link:hover .rz-navigation-item-icon-children,
        .main-menu-item .rz-navigation-item-text:hover .rz-navigation-item-icon {
            color: var(--text-menu-hover-color) !important;
        }



.logout-menu-item .rz-navigation-item-link,
.logout-menu-item .rz-navigation-item-link .rz-navigation-item-icon,
.logout-menu-item .rz-navigation-item-link .rz-navigation-item-text {
    color: var(--rz-danger) !important;
    transition: color 0.3s ease;
}

    .logout-menu-item .rz-navigation-item-link:hover,
    .logout-menu-item .rz-navigation-item-link:hover .rz-navigation-item-icon,
    .logout-menu-item .rz-navigation-item-link:hover .rz-navigation-item-text {
        color: var(--rz-danger-dark) !important;
    }

.rz-button.rz-state-active.main-menu-item,
.rz-button.main-menu-item:active,
.rz-button.main-menu-item:focus {
    background-color: transparent !important;
    box-shadow: none !important;
}

.rz-button.main-menu-item:hover {
    background-color: transparent !important;
}

.rz-button.main-menu-item {
    transition: none !important;
}

button.main-menu-item i {
    color: var(--rz-text-h2-color) !important;
    transition: color 0.2s ease-in-out;
}

    button.main-menu-item i:hover {
        color: var(--text-menu-hover-color) !important;
        font-weight: 800;
    }
