/* $Id: navigation.css 63022 2024-07-17 15:14:17Z chrisl $ */

HEADER {
	position: relative;
}

HEADER #nav-button {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: x-large;
	color: #777;
	cursor: pointer;
}

HEADER .navbar {
	font-family: 'Figtree Medium', Helvetica, Arial, sans-serif;
	font-size: 20px;
	position: absolute;
	bottom: 0;
	right: 40px;
	margin-bottom: 0;
	min-height: inherit;
	border: none;
}

HEADER li.dropdown {
	padding: 0 0 13px 0;
	margin: 0 4px 0 0;
}

/*HEADER ul.nav li.dropdown:hover > .arrow, -- causes bad UI on IPad; menus require dbl-clk to open */
HEADER ul.nav li.dropdown.on > .arrow {
	display: block;				/* the script has be able to change this */
}
HEADER ul.nav li.dropdown.open-menu > .arrow {
	display: block !important;	/* must always override the script */
}

HEADER .nav A {
	color: #4d4f53;
}
HEADER .nav .dropdown-menu,
HEADER .nav .dropdown-menu A {
	margin-top: 5px;
	background-color: #333;
	color: #f2f2f2;
}

HEADER .dropdown .arrow {
	display: none;
	bottom: -6px;
	left: 14px;
	position: absolute;
	background-color: #f0ab00;
	width:100px;
	height: 6px;
	margin: 0;
	padding: 0;
	z-index: 1001;
}
HEADER .dropdown .arrow:after {
	top: 100%;
	left: 0;
	content: " ";
	position: absolute;
	pointer-events: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 50px 0 50px;
	border-color: #f0ab00 transparent transparent transparent;
	z-index: 1001;
}

HEADER li.dropdown.open-menu .dropdown-menu {
	display: block;
}

HEADER .dropdown-menu {
	left: 14px;
	width: 180px;
	padding-bottom: 20px;
}
HEADER .dropdown-menu.two-column {
	width: 340px;
}
HEADER .dropdown-menu.three-column {
	width: 550px;
}
HEADER .dropdown-menu.employer {
	width: 400px;
}
HEADER .dropdown-menu.right-hand {
	left: auto;
	right: 11px;
}
HEADER .dropdown .arrow.right-hand {
	left: auto;
	right: 11px;
}

HEADER .dropdown-menu li {
	padding: 0 ;
}
HEADER .dropdown-menu li:not(.megamenu):first-child {
	margin-top: 15px;
}
HEADER .dropdown-menu li:hover, 
HEADER .dropdown-menu li a:hover {
	background-color: #4d4f53; 
}
HEADER .dropdown-menu li.megamenu:hover, 
HEADER .dropdown-menu li.megamenu a:hover {
	background-color: transparent;
}

HEADER .dropdown-menu li a {
	clear: none;
}

HEADER .dropdown-menu .megamenu .row {
	margin-left: 0;
	margin-right: 0;
}
HEADER .dropdown-menu .megamenu .col-xs-7,
HEADER .dropdown-menu .megamenu .col-xs-6,
HEADER .dropdown-menu .megamenu .col-xs-5,
HEADER .dropdown-menu .megamenu .col-md-4 {
	padding-left: 0;
	padding-right: 0;
}
HEADER .dropdown-menu .megamenu ul {
	padding-left: 0;
	font-size: 14px;
	list-style: outside none none;
}
HEADER .dropdown-menu .megamenu ul li a {
	display: block;
	padding: 3px 20px;
	font-weight: 400;
	line-height: 1.42857143;
	white-space: nowrap;
}
HEADER .dropdown-menu .megamenu ul li a:hover {
	text-decoration: none;
}

HEADER .dropdown-menu .megamenu h5 {
	margin-top: 20px;
	padding: 3px 20px;
 	font-family: 'Figtree Medium', Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.42857143;
	color: #f0ab00;
	white-space: nowrap;
	text-transform: uppercase;
}


@media (max-width: 991px) {/* ipad size - down to 768 */
	HEADER {
		padding-bottom: 0;
	}
	NAV {
		clear: both;
	}
	HEADER .navbar {
		position: inherit;
		float: right;
	}
	HEADER li.dropdown {
		padding-bottom: 0;
	}
}

@media (max-width: 767px) {/* small pad size - down to 560 */
	HEADER .navbar {
		float: none;
	}
	HEADER ul.nav li.dropdown {
		width: 100% !important;
		border-top: 1px solid #ccc;
		background-color: #eee;
	}
	HEADER li.dropdown {
		margin-right: 0;
	}
	HEADER li.dropdown a {
		padding-left: 30px;
	}
	.navbar-nav {
		margin: 0 -5px;
	}
	
	HEADER .dropdown > .dropdown-toggle > .fa {
		position: absolute;
		top: 5px;
		right: 30px;
		padding: 5px 15px;
	}
	
	/* begin arrow modifications */
	HEADER .dropdown .arrow {
		background-color: transparent;
	}
	HEADER .dropdown .arrow:after {
		border: 0;
	}
	/* end arrow modifications */
	
	.dropdown-menu {
		position: inherit;
		float: none;
	}
	HEADER .nav .dropdown-menu {
		width: 100%;
		margin: 0;
		left: auto;
		right: auto;
	}
	HEADER .nav .dropdown-menu.two-column,
	HEADER .nav .dropdown-menu.three-column {
		padding-left: 0;
	}
	HEADER .dropdown-menu.two-column h5,
	HEADER .dropdown-menu.three-column h5 {
		padding-left: 15px;
	}
	HEADER .dropdown-menu.two-column > li > a,
	HEADER .dropdown-menu.three-column > li > a,
	HEADER .dropdown-menu .megamenu ul li a {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	HEADER .dropdown-menu .megamenu .empMenuJobs {
		padding-bottom: 0;
	}
}

@media (max-width: 559px) {/* mobile phone size - down to 320 or lower */
}

@media (max-width: 350px) {/* definitely mobile phone size */
}

@media print {
}