/*! menu theme */
.e-menu-wrapper,
.e-menu-container {
    background-color:var(--primary-dark);
}

    .e-menu-wrapper .e-menu,
    .e-menu-container .e-menu {
        background-color: inherit;
        color: var(--primary-dark);
    }

        .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
        .e-menu-container .e-menu.e-menu:not(.e-vertical) .e-separator {
            border-right-color: var(--white);
        }

        .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
        .e-menu-container .e-menu .e-menu-item.e-menu-header {
            border-bottom-color: var(--white);
        }

        .e-menu-wrapper .e-menu .e-menu-item .e-caret,
        .e-menu-container .e-menu .e-menu-item .e-caret {
            color: var(--white);
        }

        .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
        .e-menu-container .e-menu .e-menu-item .e-menu-icon {
            color: var(--white);
        }

        .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
        .e-menu-container .e-menu .e-menu-item.e-menu-header {
            border-bottom-color: var(--white);
        }

        .e-menu-wrapper .e-menu .e-menu-item .e-menu-url,
        .e-menu-container .e-menu .e-menu-item .e-menu-url {
            color: white;
        }

        .e-menu-wrapper .e-menu .e-menu-item.e-focused,
        .e-menu-container .e-menu .e-menu-item.e-focused {
            color: var(--white);
            outline: 0 solid var(--primary-mid);
            outline-offset: 0;
            background-color: var(--primary-mid);
        }

            .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
            .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
                color: var(--white);
            }

            .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
            .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
                color: var(--white);
            }

        .e-menu-wrapper .e-menu .e-menu-item.e-selected,
        .e-menu-container .e-menu .e-menu-item.e-selected {
            color: var(--white);
            outline: 0 solid var(--primary-mid);
            outline-offset: 0;
            background-color: var(--primary-mid);
        }

            .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
            .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
                color: var(--white);
            }

            .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
            .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
                color: var(--white);
            }

        .e-menu-wrapper .e-menu .e-menu-item.e-separator,
        .e-menu-container .e-menu .e-menu-item.e-separator {
            border-bottom-color: var(--white);
        }

        .e-menu-wrapper .e-menu .e-disabled,
        .e-menu-container .e-menu .e-disabled {
            color: rgba(33, 37, 41, 0.65);
            opacity: 1;
        }

            .e-menu-wrapper .e-menu .e-disabled .e-menu-icon,
            .e-menu-container .e-menu .e-disabled .e-menu-icon {
                color: rgba(108, 117, 125, 0.65);
            }

            .e-menu-wrapper .e-menu .e-disabled .e-caret,
            .e-menu-container .e-menu .e-disabled .e-caret {
                color: rgba(108, 117, 125, 0.65);
            }

            .e-menu-wrapper .e-menu .e-disabled .e-menu-url,
            .e-menu-container .e-menu .e-disabled .e-menu-url {
                color: rgba(33, 37, 41, 0.65);
            }

    .e-menu-wrapper .e-ul,
    .e-menu-container .e-ul {
        background-color: inherit;
        color: var(--white);
    }

        .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
        .e-menu-container .e-ul .e-menu-item .e-menu-url {
            color: var(--white);
        }

        .e-menu-wrapper .e-ul .e-menu-item.e-focused,
        .e-menu-container .e-ul .e-menu-item.e-focused {
            background-color:var(--primary-mid);
            color: var(--white);
            outline: 0 solid var(--primary-mid);
            outline-offset: 0;
        }

        .e-menu-wrapper .e-ul .e-menu-item.e-selected,
        .e-menu-container .e-ul .e-menu-item.e-selected {
            background-color:var(--primary-mid);
            color: var(--white);
            outline: 0 solid var(--primary-mid);
            outline-offset: 0;
        }

        .e-menu-wrapper .e-ul .e-menu-item.e-separator,
        .e-menu-container .e-ul .e-menu-item.e-separator {
            border-bottom-color: var(--white);
        }

    .e-menu-wrapper.e-menu-popup,
    .e-menu-container.e-menu-popup {
        background-color: var(--primary-dark);
        color: var(--white);
    }

        .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
        .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
            background-color: var(--primary-dark);
            color:  var(--white);
            }

    .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
    .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {
        background: #f8f9fa;
    }

        .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons,
        .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons {
            color:var(--white);
        }

        .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:hover,
        .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:hover {
            background: var(--white);
        }

        .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:focus,
        .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:focus {
            background: var(--white);
        }

        .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:active,
        .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:active {
            background: var(--white);
        }

    .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav,
    .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav {
        background: #fff;
        border-color: var(--white);
    }

        .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav .e-icons,
        .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav .e-icons {
            color: var(--white);
        }

        .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:hover, .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:focus,
        .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:hover,
        .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:focus {
            background: #e9ecef;
        }

        .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active,
        .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active {
            background: #0d6efd;
        }

    .e-menu-wrapper.e-inherit,
    .e-menu-container.e-inherit {
        border: 0;
    }

        .e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret,
        .e-menu-container.e-inherit .e-menu,
        .e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon,
        .e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
            color: var(--white);
        }

        .e-menu-wrapper.e-inherit .e-menu,
        .e-menu-container.e-inherit .e-menu {
            background: inherit;
        }

            .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
            .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
            .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
                background: rgba(0, 0, 0, 0.056);
                color: inherit;
            }

    .e-menu-wrapper.e-hamburger .e-menu-header,
    .e-menu-container.e-hamburger .e-menu-header {
        color: var(--white);
    }

        .e-menu-wrapper.e-hamburger .e-menu-header .e-menu-icon,
        .e-menu-container.e-hamburger .e-menu-header .e-menu-icon {
            color: var(--white);
        }

    .e-menu-wrapper.e-hamburger ul,
    .e-menu-container.e-hamburger ul {
        color: var(--white);
    }

    /*! menu layout */
    .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
    .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
        content: "\e748";
    }

    .e-menu-wrapper ul .e-menu-item .e-caret::before,
    .e-menu-container ul .e-menu-item .e-caret::before {
        content: "\e729";
    }

    .e-menu-wrapper .e-ul .e-menu-item .e-caret::before,
    .e-menu-container .e-ul .e-menu-item .e-caret::before {
        content: "\e748";
    }

    .e-menu-wrapper.e-hamburger .e-menu-header .e-menu-icon::before,
    .e-menu-container.e-hamburger .e-menu-header .e-menu-icon::before {
        content: "\e799";
    }

    .e-menu-wrapper.e-hamburger.e-close-icon .e-menu-header .e-menu-icon::before,
    .e-menu-container.e-hamburger.e-close-icon .e-menu-header .e-menu-icon::before {
        content: "\e7e7";
    }

    .e-menu-wrapper.e-hamburger .e-vertical .e-menu-item .e-caret::before, .e-menu-wrapper.e-hamburger .e-menu-item .e-caret::before,
    .e-menu-container.e-hamburger .e-vertical .e-menu-item .e-caret::before,
    .e-menu-container.e-hamburger .e-menu-item .e-caret::before {
        content: "\e729";
    }

    .e-menu-wrapper.e-rtl.e-hamburger ul.e-ul .e-caret::before,
    .e-menu-container.e-rtl.e-hamburger ul.e-ul .e-caret::before {
        content: "\e729";
    }

    .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before, .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before,
    .e-menu-container .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before,
    .e-menu-container .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before {
        content: "\e748";
    }

    .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before, .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before,
    .e-menu-container .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before,
    .e-menu-container .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before {
        content: "\e729";
    }
