/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/**
 * .sub-menu is a class added by WP - existing functionality 
 * .sub-nav is used by this plugin to hide the sub menus just for the primary navigation
 * menu-submenu is added to the Dashboard submenu by some other function/plugin
 **/

/* focus/open states of first descendant link within a top level 
    navigation item */
nav.nav-primary li > a:focus,
nav.nav-primary li > a.open {
	border-bottom: 3px solid #28b1de;
}

/* sub-navigation panels in various states */
nav.nav-primary .sub-nav,
nav.nav-primary .sub-menu,
nav.nav-primary .menu-submenu,
.nav-bar_overlay .menu-submenu {
	position: absolute;
	display: none;
	border: 1px solid #dedede;
	background-color: #fff;
}

/* sub-navigation panel open state */
nav.nav-primary .sub-nav.open,
nav.nav-primary .menu-item.has-submenu:not(:hover) .menu-submenu.sub-nav.open {
	display: block;
}

/* special position for training menu */
@media screen and (max-width: 2000px) {
	nav.nav-primary .menu-item-33 .sub-menu {
		right: 14%;
	}
}

/*  mega menu item styles */
nav.nav-primary .sub-menu li,
nav.nav-primary .menu-submenu li {
	color: #20262e;
	display: block;
	border-bottom: 1px solid #d8d8d8;
	list-style-type: none;
	padding: 0.5em 0;
}

nav.nav-primary .sub-menu li:last-of-type,
nav.nav-primary .sub-menu li:last-of-type {
	border-bottom: none;
}

nav.nav-primary .sub-menu li a,
nav.nav-primary .sub-nav li a {
	color: #20262e;
	margin: 0 0.5em 0;
	font-weight: bold;
}

nav.nav-primary .sub-menu li a .description,
nav.nav-primary .sub-nav li a .description {
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	padding-top: 0.25em;
}