/*
Menu skin rules previously loaded from the third-party menuzord plugin file
(css/Counseling-client/css/menuzord-skins/menuzord-boxed.css).

That plugin file was removed from the project on 2026-08-07 as part of the
menuzord -> Bootstrap NavBar/Nav migration. Its content is preserved here
(minus dead selectors that are never used in this project - color skins
.menuzord.blue/green/red/orange/yellow/purple/pink, megamenu, li.search -
the project only ever uses the "default" skin, no megamenu/search menu
items) so the menu keeps looking and behaving exactly as before. Most of
these rules are already overridden elsewhere (site.css, admin.css,
theme-skin-green.css, per-view inline <style> blocks), but a few (notably
the max-width:900px mobile item padding) are not duplicated anywhere else,
so they are kept here to avoid any visual regression.
*/

/* Menu items */
.menuzord-menu > li{
	padding: 18px 0;
}
.menuzord-menu > li > a{
	padding: 8px 16px;
}

/* Active/hover state (menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	background: #333;
	color: #fff;
}

/* Dropdown */
.menuzord-menu ul.dropdown{
	top: 71px;
}
.menuzord-menu ul.dropdown li ul.dropdown{
    top: 0;
}

/* Dropdown items */
.menuzord .menuzord-menu ul.dropdown li:hover > a{
	background: #333;
	color: #fff;
}

/* Mobile mode (Responsive mode) */
@media (max-width: 900px){
	/* Menu items */
	.menuzord-responsive .menuzord-menu > li{
		padding: 0;
	}
	.menuzord-responsive .menuzord-menu > li > a{
		padding: 12px 20px !important;
	}
}