/* Primary colour portal sidebar — v1.0.78 */

:root {
	--ep-sidebar: #2E3192;
	--ep-sidebar-soft: #4144A8;
}

/* Entrepreneur and trainer sidebar backgrounds. */
html body .ep-app-sidebar,
body.ep-portal-page .ep-app-sidebar,
html body .ep-trainer-sidebar,
body.ep-portal-page .ep-trainer-sidebar {
	background: #2E3192 !important;
	background-color: #2E3192 !important;
	color: #ffffff !important;
}

/* Brand and headings. */
body.ep-portal-page .ep-app-sidebar .ep-brand,
body.ep-portal-page .ep-app-sidebar .ep-brand strong,
body.ep-portal-page .ep-trainer-sidebar .ep-trainer-brand,
body.ep-portal-page .ep-trainer-sidebar .ep-trainer-brand strong {
	color: #ffffff !important;
}

/* Sidebar labels and secondary text. */
body.ep-portal-page .ep-app-sidebar .ep-sidebar-label,
body.ep-portal-page .ep-trainer-sidebar .ep-sidebar-label,
body.ep-portal-page .ep-trainer-sidebar small,
body.ep-portal-page .ep-app-sidebar small {
	color: rgba(255, 255, 255, .76) !important;
}

/* Navigation and logout text. */
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a,
body.ep-portal-page .ep-app-sidebar .ep-sidebar-logout,
body.ep-portal-page .ep-trainer-sidebar .ep-sidebar-nav a,
body.ep-portal-page .ep-trainer-sidebar .ep-sidebar-logout {
	color: rgba(255, 255, 255, .90) !important;
	background: transparent !important;
	background-color: transparent !important;
}

/* Icons inherit white from the navigation items. */
body.ep-portal-page .ep-app-sidebar svg,
body.ep-portal-page .ep-trainer-sidebar svg {
	color: currentColor !important;
	stroke: currentColor !important;
}

/* Hover and active states. */
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a:hover,
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a:focus,
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a.is-active,
body.ep-portal-page .ep-app-sidebar .ep-sidebar-logout:hover,
body.ep-portal-page .ep-trainer-sidebar .ep-sidebar-nav a:hover,
body.ep-portal-page .ep-trainer-sidebar .ep-sidebar-nav a:focus,
body.ep-portal-page .ep-trainer-sidebar .ep-sidebar-nav a.is-active,
body.ep-portal-page .ep-trainer-sidebar .ep-sidebar-logout:hover {
	background: rgba(255, 255, 255, .15) !important;
	background-color: rgba(255, 255, 255, .15) !important;
	color: #ffffff !important;
}

/* Active navigation indicator. */
body.ep-portal-page .ep-app-sidebar .ep-sidebar-nav a.is-active,
body.ep-portal-page .ep-trainer-sidebar .ep-sidebar-nav a.is-active {
	border-left-color: #ffffff !important;
	box-shadow: inset 3px 0 0 #ffffff !important;
}

/* Trainer profile card. */
body.ep-portal-page .ep-trainer-sidebar .ep-trainer-profile-card {
	border-color: rgba(255, 255, 255, .18) !important;
	background: rgba(255, 255, 255, .08) !important;
	background-color: rgba(255, 255, 255, .08) !important;
	color: #ffffff !important;
}

/* Sidebar close buttons. */
body.ep-portal-page .ep-app-sidebar .ep-mobile-menu-close,
body.ep-portal-page .ep-trainer-sidebar .ep-mobile-menu-close,
body.ep-portal-page .ep-trainer-sidebar .ep-trainer-sidebar-close {
	border-color: rgba(255, 255, 255, .22) !important;
	background: rgba(255, 255, 255, .12) !important;
	background-color: rgba(255, 255, 255, .12) !important;
	color: #ffffff !important;
}

/* Mobile menu button matches the sidebar. */
body.ep-portal-page .ep-mobile-menu-toggle,
body.ep-portal-page .ep-trainer-main .ep-mobile-menu-toggle,
body.ep-portal-page .ep-trainer-app-wrap .ep-mobile-menu-toggle {
	background: #2E3192 !important;
	background-color: #2E3192 !important;
	color: #ffffff !important;
	border: 0 !important;
	box-shadow: 0 10px 24px rgba(46, 49, 146, .24) !important;
}

body.ep-portal-page .ep-mobile-menu-toggle svg,
body.ep-portal-page .ep-trainer-main .ep-mobile-menu-toggle svg,
body.ep-portal-page .ep-trainer-app-wrap .ep-mobile-menu-toggle svg {
	color: #ffffff !important;
	stroke: #ffffff !important;
}