/* Sidebar active blue — v0.2.62
   Changes the active sidebar indicator from purple to the portal navy blue.
*/

body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a.is-active,
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a.active,
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a[aria-current="page"],
body.ep-portal-page .ep-sidebar-nav a.is-active,
body.ep-portal-page .ep-sidebar-nav a.active,
body.ep-portal-page .ep-sidebar-nav a[aria-current="page"] {
	border-left-color: var(--ep-primary) !important;
}

body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a.is-active::before,
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a.active::before,
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a[aria-current="page"]::before,
body.ep-portal-page .ep-sidebar-nav a.is-active::before,
body.ep-portal-page .ep-sidebar-nav a.active::before,
body.ep-portal-page .ep-sidebar-nav a[aria-current="page"]::before {
	background: var(--ep-primary) !important;
	background-color: var(--ep-primary) !important;
	box-shadow: 0 0 18px rgba(10, 70, 105, .28) !important;
}

/* Fallback for themes/browsers where the active strip is rendered as the first child. */
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a.is-active > span:first-child,
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a.active > span:first-child,
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a[aria-current="page"] > span:first-child {
	color: #ffffff !important;
}

/* Replace any remaining purple accent used on the active sidebar item. */
body.ep-portal-page .ep-sidebar-nav a.is-active,
body.ep-portal-page .ep-sidebar-nav a.active,
body.ep-portal-page .ep-sidebar-nav a[aria-current="page"] {
	box-shadow: inset 4px 0 0 var(--ep-primary) !important;
}

/* The small active mobile/desktop indicator should use the same button blue. */
body.ep-portal-page .ep-sidebar-nav a.is-active::after,
body.ep-portal-page .ep-sidebar-nav a.active::after,
body.ep-portal-page .ep-sidebar-nav a[aria-current="page"]::after {
	background: var(--ep-primary) !important;
	background-color: var(--ep-primary) !important;
}
