/* Tegic Technology LLC — one source of truth for menu colors.
   Load AFTER sofi-premium-header.css and the vendor theme. */
:root{--sofi-menu-purple:#443b73;--sofi-menu-text:#596176;--sofi-menu-icon:#7d8294}
/* Inactive links, including Dashboard. Keep non-hovered items transparent. */
.layout-menu-horizontal .menu-item:not(.active):not(.open)>.menu-link:not(:hover),
#layout-menu.menu-vertical .menu-item:not(.active):not(.open)>.menu-link:not(:hover){background:transparent!important;background-image:none!important;color:var(--sofi-menu-text)!important;box-shadow:none!important}
.layout-menu-horizontal .menu-item:not(.active):not(.open)>.menu-link:not(:hover) .menu-icon,
#layout-menu.menu-vertical .menu-item:not(.active):not(.open)>.menu-link:not(:hover) .menu-icon{color:var(--sofi-menu-icon)!important}
/* Hover, active and expanded parent: identical on desktop and mobile. */
.layout-menu-horizontal .menu-item>.menu-link:hover,
.layout-menu-horizontal .menu-item.active>.menu-link,
.layout-menu-horizontal .menu-item.open>.menu-link,
#layout-menu.menu-vertical .menu-item>.menu-link:hover,
#layout-menu.menu-vertical .menu-item.active>.menu-link,
#layout-menu.menu-vertical .menu-item.open>.menu-link{background:var(--sofi-menu-purple)!important;background-image:none!important;color:#fff!important;box-shadow:none!important}
.layout-menu-horizontal .menu-item>.menu-link:hover .menu-icon,
.layout-menu-horizontal .menu-item.active>.menu-link .menu-icon,
.layout-menu-horizontal .menu-item.open>.menu-link .menu-icon,
#layout-menu.menu-vertical .menu-item>.menu-link:hover .menu-icon,
#layout-menu.menu-vertical .menu-item.active>.menu-link .menu-icon,
#layout-menu.menu-vertical .menu-item.open>.menu-link .menu-icon{color:#fff!important}
/* The theme may draw arrows using pseudo-elements. */
.layout-menu-horizontal .menu-item>.menu-link:hover::after,
.layout-menu-horizontal .menu-item.active>.menu-link::after,
.layout-menu-horizontal .menu-item.open>.menu-link::after,
#layout-menu.menu-vertical .menu-item>.menu-link:hover::after,
#layout-menu.menu-vertical .menu-item.active>.menu-link::after,
#layout-menu.menu-vertical .menu-item.open>.menu-link::after{color:#fff!important;border-color:#fff!important}
/* Theme-specific active leaf links. */
.bg-menu-theme.menu-horizontal .menu-item.active>.menu-link:not(.menu-toggle),
.bg-menu-theme.menu-vertical .menu-item.active>.menu-link:not(.menu-toggle){background:var(--sofi-menu-purple)!important;color:#fff!important}