/*********************************
 * CSS Styling for header-menu.php
 *********************************/
#top-menu-container {
	width: 100%;
	min-width: 1200px;
}

#top-menu-inner {
	height: 127px;
	z-index: 900;
	position: relative;
}

#top-menu-content {
	width: 1200px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#top-menu-logo {
	height: 100%;
	width: 230px;
	float: left;
	overflow: hidden;
}

#top-menu-logo-image {
	margin-top: 53px;
  	margin-left: 13px;
  	height: 30px;
}

#top-menu-misc {
  	box-sizing: border-box;
    float: right;
    height: 100%;
    padding-left: 7px;
    padding-right: 15px;
    width: 165px;
}

#top-menu-phone {
	display: inline-block;
	margin-top: 27px;
}

#top-menu-phone, #top-menu-phone p {
	font-size: 12px;
}

#top-menu-phone p {
	line-height: 12px;
}

#top-menu-phone a, #top-menu-phone a:link, #top-menu-phone a:visited {
	color: #4c4c4c;
}

#top-menu-profile {
	margin-left:5px;
}

#top-menu-search {
	float: right;
	margin-right: 6px;
	width: 17px;
	height: 16px;
}

#top-menu-search-container {
  	position: absolute;
  	margin-top: 20px;
	width: 140px;
	height: 23px;
	right: 18px;
}

#top-menu-search-container .search-form {
	width: 100%;
	height: 100%;
}

#top-menu-search-container .search-field {
	width: 104px;
	height: 100%;
	font-size: 11px;
	margin: 0;
}

#top-menu-search-container .search-submit {
	margin-top: 4px;
	margin-left: 2px;
}

.top-menu-search-container {
	display: none;
}

.white-background #top-menu-inner {
	background-color: #fff;
}

.blue-background #top-menu-inner {
	background-color: #3a52a4;
}

.white-background #top-menu-phone,
.white-background #top-menu-phone p,
.white-background #top-menu-phone a {
	color: #4c4c4c;
}

.white-background #top-menu-phone a:hover, .white-background #top-menu-phone a:active {
	color: #3a52a4;
}

.blue-background #top-menu-phone,
.blue-background #top-menu-phone p,
.blue-background #top-menu-phone a {
	color: #fff;
}

.blue-background #top-menu-phone a:hover, .blue-background #top-menu-phone a:active {
	color: #d8d8d8;
}

.white-background #top-menu-profile {
	background-image: url('../images/top-menu-profile-alt.png');
}

.blue-background #top-menu-profile {
	background-image: url('../images/top-menu-profile.png');
}

.white-background #top-menu-search {
	background-image: url('../images/top-menu-search-alt.png');
}

.blue-background #top-menu-search {
	background-image: url('../images/top-menu-search.png');
}

.white-background #top-menu-search.pressed {
	background-image: url('../images/top-menu-search-pressed-alt.png');
}

.blue-background #top-menu-search.pressed {
	background-image: url('../images/top-menu-search-pressed.png');
}

/*****************
 Navigation Menu
 ****************/
#top-menu-nav {
	display: block;
}

#top-menu-items {
  	height: 60px;
    margin-left: 230px;
    padding-top: 66px;
    text-align: right;
    width: 805px;
}

#top-menu-items li {
	padding-left: 10px;
  	padding-right: 25px;
  	vertical-align: top;
  	font-size: 18px;
  	line-height: 11px;
  	font-weight: 400;
  	display: inline;
}

#top-menu-items li:last-child {
	padding-right: 28px;
}

#top-menu-items .sub-menu {
	display: none;
}

#top-menu-items a {
	text-decoration: none;
}

.white-background #top-menu-items a,
.white-background #top-menu-items a:link,
.white-background #top-menu-items a:visited {
	color: #4c4c4c;
}
.white-background #top-menu-items a:hover {
	color: #3a52a4;
}
.white-background #top-menu-items a:active, 
.white-background #top-menu-items .current_page_item a,
.white-background #top-menu-items .current-menu-item a,
.white-background #top-menu-items .current-menu-ancestor a {
	color: #3a52a4;
}

.blue-background #top-menu-items a,
.blue-background #top-menu-items a:link,
.blue-background #top-menu-items a:visited {
	color: #fff;
}
.blue-background #top-menu-items a:hover {
	color: #ccc;
}
.blue-background #top-menu-items a:active, 
.blue-background #top-menu-items .current_page_item a,
.blue-background #top-menu-items .current-menu-item a,
.blue-background #top-menu-items .current-menu-ancestor a {
	color: #ccc;
}

.sub-menu-popup .current_page_item a,
.sub-menu-popup .current-menu-item a,
.sub-menu-mobile-popup .current_page_item a,
.sub-menu-mobile-popup .current_menu_item a {
	color: #3a52a4;
}

.top-menu-button {
	display: none;
}

#top-menu-misc-row-bottom .top-menu-button {
	display: block;
}

.top-menu-misc-image {
	display: inline-block;
	width: 15px;
	height: 17px;
	margin-top: 22px;
	background-size: contain;
  	background-position: center;
  	background-repeat: no-repeat;
	cursor: pointer;
}

.top-menu-column {
	height: 100%;
}

#top-menu-misc-row-top {
	width: 142px;
	height: 52px;
	padding-right: 16px;
}

#top-menu-misc-row-top-left {
  	height: 100%;
  	width: 86px;
  	float: left;
}

#top-menu-misc-row-top-right {
	height: 100%;
	float:right;
	width:56px;
}

#top-menu-misc-row-bottom {
	height: 60px;
}

#top-menu-row-bottom-button {
	
}

#sub-menu-popup-template {
	display: none;
}

.sub-menu-popup {
	display: none;
	position: absolute;
	z-index: 901;
}

.sub-menu-popup .sub-menu li {
	margin-bottom: 16px;
	display: block;
}

.sub-menu-popup a {
	color: #4c4c4c;
}

.sub-menu-popup a:hover {
	color: #3a52a4;
}

.sub-menu-popup .sub-menu-popup-content {
	padding-top: 18px;
	padding-left: 14px;
	padding-right: 14px;
	background: white;
	border: 1px solid #c2c2c2;
	box-shadow: 0px 1px 6px 4px rgba(0,0,0,0.1);
	margin-top: -3px;
}

.sub-menu-popup .callout-arrow {
	margin-left: 14px;
}

.sub-menu-mobile-popup-wrapper {
	display: none;
}

#top-menu-mobile-menu-button {
	display: none;
}

/**********
 Hello Bar
 *********/
#hello-bar {
	height: 44px;
	background-color: #e7e7e7;
	z-index: 910;
	position: relative;
}

#hello-bar-inner {
	width: 1200px;
	padding: 0 10px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

#hello-bar p {
	height: 44px;
	line-height: 44px;
	color: #585958;
	font-size: 17px;
	font-weight: 300;
}

#hello-bar a,
#hello-bar a:link,
#hello-bar a:visited {
	color: #2798ed;
}

#hello-bar a:active,
#hello-bar a:hover {
	color: #0e7fd4;
}

#hello-bar img {
	height: 34px;
	margin-top: 6px;
 	float: left;
}

#hello-bar.hello-bar-with-image p {
	text-align: center;
}

#language-menu-mobile-popup {
	background-color: #e7e7e7;
	display: none;
	left: 0;
	padding: 0;
	position: absolute;
	top: 44px;
	z-index: 1000;
}

#language-menu-mobile-popup #header-language li {
	display: block;
	margin: 0;
	padding: 0 32px;
}

@media only screen and (max-width: 1199px) {
	.language-menu-desktop {
		display: none;
	}

	#top-menu-container {
		width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}
	#top-menu-container.fixed {
		position: fixed;
		top: 0;
		z-index: 9998;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	}
	#top-menu-inner {
		padding-left: 16px;
		padding-right: 16px;
		height: 50px;
	}
	#top-menu-mobile-inner {
		display: block;
	}
	#top-menu-content {
		width: 100%;
	}
	#top-menu-logo {
		height: 50px;
		width: auto;
	}
	#top-menu-logo-image {
		margin: 10px 0 0 0;
	}
	#top-menu-misc {
		width: auto;
		padding-right: 0;
	}
	#top-menu-misc-row-top {
		width: auto;
		padding-right: 0;
	}
	#top-menu-misc-row-top-left,
	#top-menu-misc-row-top-right {
		width: auto;
	}
	#top-menu-misc-row-bottom {
		display: none;
	}
	#top-menu-phone {
		font-size: 15px;
		margin-top: 17px;
	}
	#top-menu-phone p {
		line-height: 15px;
	}
	#top-menu-profile {
		float: left;
		margin-left: 24px;
		margin-right: 24px;
	}
	#top-menu-mobile-menu-button,
	#language-menu-mobile {
		display: block;
		float: left;
 	 	margin-top: 12px;
  		margin-right: 12px;
  		width: 28px;
  		height: 21px;
  		cursor: pointer;
  		background-position: center;
  		background-repeat: no-repeat;
  		background-size: cover;
	}
	.blue-background #top-menu-mobile-menu-button {
		background-image: url('../images/hamburger-menu.png');
	}
	.white-background #top-menu-mobile-menu-button,
	#language-menu-mobile {
		background-image: url('../images/hamburger-menu-alt.png');
	}

	.blue-background #top-menu-mobile-menu-button.pressed {
		background-image: url('../images/hamburger-menu-pressed.png');
	}
	.white-background #top-menu-mobile-menu-button.pressed,
	#language-menu-mobile.pressed{
		background-image: url('../images/hamburger-menu-pressed-alt.png');
	}

	.sub-menu-mobile-popup-wrapper {
		display: block;
	}

	#top-menu-nav, 
	.sub-menu-mobile-popup {
		display: none;
		position: absolute;
		top: 50px;
		left: -16px;
		background-color: #fff;
		border: 1px solid #c2c2c2;
		font-size: 20px;
		z-index: 9999;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
		overflow: scroll;
	}
	#top-menu-items,
	.sub-menu-mobile-popup .sub-menu {
		margin: 0;
		padding-top: 16px;
		width: auto;
		height: auto;
		text-align: left;
	}
	#top-menu-items li,
	.sub-menu-mobile-popup .sub-menu li {
		display: block;
		line-height: 60px;
		padding-left: 16px;
		padding-right: 16px;
	}
	#top-menu-items li:last-child,
	.sub-menu-mobile-popup .sub-menu li:last-child {
		padding-right: 16px;
	}
	#top-menu-items a, #top-menu-items a:link,
	.sub-menu a, .sub-menu a:link, .sub-menu a:visited {
		color: #4c4c4c !important;
	}
	#top-menu-items a:active, #top-menu-items a:hover,
	.sub-menu a:active, .sub-menu a:hover {
		color: #3a52a4 !important;
	}
	.top-menu-button {
  		padding-bottom: 20px;
 		padding-top: 10px;
 		display: block;
	}
	.top-menu-button a {
		width: 80%;
  		margin-left: 10%;
	}
	.sub-menu-mobile-popup {
		left: 0px;
	}

	.top-menu-misc-image {
		margin-top: 16px;
	}

	.top-menu-search-container {
		display: block;
	}

	#top-menu-search-container {
		display: none;
	}

	#top-menu-mobile-search {
		margin-top: -51px;
		height: 50px;
		box-sizing: border-box;
		padding-top: 10px;
  		padding-bottom: 10px;
  		padding-left: 16px;
  		padding-right: 16px;
  		/*background: #333132;
  		border-bottom: 1px solid #000000;*/
  		background: #4c4c4c;
  		border-bottom: 1px solid #333132;
  		z-index: 899;
  		position: relative;
	}

	#top-menu-mobile-search .top-menu-search-field {
		vertical-align: top;
		padding-left: 10px;
		padding-right: 10px;
		width: 530px;
		height: 30px;
		padding: 0px 10px;
		font-size: 18px;
		border: 0;
	}

	#top-menu-mobile-search .button {
		vertical-align: top;
		padding: 0 20px;
		height: 30px;
		line-height: 30px;
	}

	#top-menu-mobile-search form {
  		height: 30px;
  		width: 664px;
  		margin-left: auto;
  		margin-right: auto;
  		position: absolute;
  		left: 50%;
  		transform: translateX(-50%);
  		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	/**********
	 Hello Bar
	 *********/
	#hello-bar-inner {
		width: 100%;
		padding: 0 16px;
	}
	#hello-bar img {
  		height: 29px;
  		margin-top: 9px;
  	}
}

@media only screen and (min-width: 1200px) {
	#language-menu-mobile-popup { display: none !important;}
}

@media only screen and (max-width: 959px) {
	#top-menu-inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	#top-menu-nav {
		left: -10px;
	}
	#top-menu-logo {
		height: 50px;
		width: auto;
	}
	#top-menu-logo-image {
		margin: 10px 0 0 0;
	}
	#top-menu-misc {
		width: auto;
		padding-right: 0;
	}
	#top-menu-misc-row-top {
		width: auto;
		padding-right: 0;
	}
	#top-menu-misc-row-top-left,
	#top-menu-misc-row-top-right {
		width: auto;
	}
	#top-menu-misc-row-bottom {
		display: none;
	}
	#top-menu-phone {
		font-size: 15px;
		margin-top: 17px;
	}
	#top-menu-profile {
		margin-left: 24px;
		margin-right: 24px;
	}
	#top-menu-mobile-search {
		padding-left: 10px;
		padding-right: 10px;
	}

	.top-menu-misc-image {
		margin-top: 16px;
	}

	/**********
	 Hello Bar
	 *********/
	#hello-bar p {
		text-align: center;
	}

	#hello-bar-inner {
		width: 100%;
		padding: 0 10px;
	}
}

@media only screen and (max-width: 719px) {
	#top-menu-mobile-search .top-menu-search-field {
		width: 332px;
	}
	#top-menu-mobile-search form {
		width: 464px;
	}
	/**********
	 Hello Bar
	 *********/
	#hello-bar p {
		height: 44px;
		line-height: 44px;
		color: #585958;
		font-size: 14px;
		font-weight: 300;
	}
}

@media only screen and (max-width: 479px) {
	#top-menu-logo-image {
		height: 21px;
		margin-top: 15px;
	}

	#top-menu-mobile-menu-button {
		margin-top: 17px;
		margin-right: 12px;
		width: 20px;
		height: 13px;
	}

	#top-menu-misc {
		width: 110px;
	}

	#top-menu-misc-row-top {
		height: auto;
	}

	#top-menu-misc-row-top-left {
		width: 100%;
		text-align: right;
	}

	#top-menu-phone {
		margin-top: 6px;
		font-size: 12px;
	}

	.top-menu-misc-image {
		margin-top: 8px;
	}

	#top-menu-mobile-search .top-menu-search-field {
		width: 174px;
	}

	#top-menu-mobile-search form {
		width: 309px;
	}

	/**********
	 Hello Bar
	 *********/
	#hello-bar-inner p {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		font-size: 12px;
		line-height: 18px;
		box-sizing: border-box;
		padding-top: 4px;
	}

	#hello-bar img {
		height: 23px;
		margin-top: 11px;
	}
}