/********************
*
* top navigation styles
*
********************/
body { padding-top:108px; }
body.jobs { padding-top:64px; }
.navbar-default {
	background: #fff;
	border-bottom:none;
}
.navbar-default .navbar-nav > li > a {
	font-size: 15px;
	text-transform: uppercase;
}
.logo {
	position: relative;
	left: 10px;
	width: 85%;
	z-index:99;
}
.logo > img { height:60px; }
.nav-buttons { text-align:center; }
.nav-buttons li { display:inline-block; }
.header-valign-padding { padding-bottom: 15px; }
#mega-menu-wrap-header-menu .mega-menu-toggle { line-height:31px !important; }
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item { margin:0 10px 0 0; }

ul.mega-menu > li.mega-menu-item:last-of-type > a {
	width: auto !important;
	background: #eb284f !important;
	border: 1px solid #eb284f !important;
	border-bottom: none !important;
	border-radius: 5px !important;
	color: #fff !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	padding-left: 14px !important;
	padding-right: 14px !important;
	margin-top: 1px !important;
}
ul.mega-menu > li.mega-menu-item:last-of-type > a:hover,
ul.mega-menu > li.mega-menu-item:last-of-type > a:focus {
	background: #ea1a44 !important;
	border-color: #ea1a44 !important;
	-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4) !important;
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4) !important;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4) !important;
}
ul.mega-menu > li.mega-menu-item:last-of-type > a:active {
	-moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2) !important;
	-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2) !important;
	position: relative !important;
	top: 1px !important;
}

.utility-menu {
	background: #f8f8f8;
	margin: 0;
	padding: 0;
}
.utility-menu a {
	color: #626262;
	font-size: 13px;
	text-transform: uppercase;
	padding: 0 5px;
}
.utility-menu a:hover { color:#eb284f; }
.utility-menu .navbar-right {
	text-align: center;
	margin: 5px 0;
}

@media screen and (min-width: 667px) and (orientation: landscape) {
	.logo { width:50%; }
}

@media screen and (min-width: 768px) {
	
	.logo { width:50%; }
	.header-valign-padding {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.header-valign > ul {
		display: table;
		height: 54px;
		margin: 0;
		padding: 0;
	}
	.header-valign > ul > li {
		display: table-cell !important;
		height: 27px;
		vertical-align: middle;
		float: none !important;
	}
	.navbar-default {
		height: 108px;
		border-bottom:1px solid #e7e8ef;
		padding: 0;
		margin: 0;
	}
	.jobs .navbar-default { height:64px; }
	.navbar-default .navbar-toggle, .navbar-default .navbar-collapse { float:right; }
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color:#eb284f; }
	ul.mega-menu > li.mega-menu-item:last-of-type > a {
		border-bottom: none !important;
		position: relative !important;
		z-index: 999 !important;
	}
	.utility-menu .navbar-right { margin:5px 50px 5px 0; }
	.utility-menu ul li:last-of-type, .utility-menu ul li:last-of-type > a { padding-right: 0; }
}

@media screen and (min-width: 960px){
	.logo { width:100% !important; }
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item { margin: 0 19px 0 0 !important; }
	#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
		padding-bottom: 20px;
	}
}
@media screen and (min-width: 1024px) {
	.navbar-right { float:right !important; }
	.navbar-default .navbar-nav > li > a { padding:0 19px; }
}