/* Superfish reloaded
================================================
This is the default stylesheet for the store related elements. */


/*+clearfix {*/
	ul.sf-menu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
	ul.sf-menu { display:inline-block; }
	ul.sf-menu {
		/*\*/
		display: table;
		table-layout: auto;
		width: 100%;
		/**/
		-height: 1px;
	}
	/*+}*/


	/*reset the menu*/
	ul.sf-menu, ul.sf-menu * { margin: 0; padding: 0; list-style: none; }

	/*[clearfix]*/
	ul.sf-menu {
		/*+placement:margin-auto 0px 0px;*/
		margin-left: auto;
		margin-right: auto;
		position: relative;
		left: 0px;
		top: 0px;
	}

	ul.sf-menu { line-height: 1; position: relative; }
	ul.sf-menu li { position: relative; display: table-cell; padding: 20px 10px; }


	/*set submenu li widths*/
	ul.sf-menu ul li { width: 100%; }

	/* ## first level ## */
	ul.sf-menu a {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		padding: 0 35px 0 0;
		text-decoration: none;
		color: #000;
		font-size:1.125em;
		/*text-align: center;*/
		background: url("/cms/images/layout/nav-border-right.jpg") center right no-repeat;
		transition: all 0.25s ease-in-out;
		white-space: nowrap;
	}

	ul.sf-menu ul li a { margin-right: 0; line-height:1em; font-size: 18px;}

	/* ## 2nd level ## */
	ul.sf-menu li ul {
		position: absolute;
		top: 0;
		display: none;
		padding:3px;
		visibility: hidden;
		top: 2.7em;
		min-width: 10em;
		left: 0;
		background:#fff;
		border:1px solid #ccc;
	}

	/*shows 2nd level / dropdown*/
	ul.sf-menu li:hover ul,
	ul.sf-menu li.sfHover ul {
		visibility: visible;
		display: inline-block;
		z-index: 99;
	}

	ul.sf-menu li ul li { padding:3px 0; border-bottom:1px solid #ccc; display: block; }
	ul.sf-menu li ul li:last-child {border: none;}
	ul.sf-menu li ul li a { background: none; padding: 10px; }

	/* ## 3rd level ## */

	/*hide 3rd level offscreen*/
	ul.sf-menu li:hover ul ul,
	ul.sf-menu li.sfHover ul ul { top: -999em; }

	ul.sf-menu li ul li ul {
		left: 10em;
		display: none;
		visibility: hidden;
		top: 0em;
		left: 15.4em; /*left = 1st level width*/
		top: 0;
	}

	/*shows 3rd level*/
	ul.sf-menu li ul li:hover > ul, ul.sf-menu li ul li.sfHover > ul { top: 0em; }

	/*4th level*/
	/*last level, just style, no superfish disclosure, just copy the above recipe to add more levels!*/
	ul.sf-menu li ul li ul li ul { /*hide 4th level*/ top: -999em; }
	ul.sf-menu li ul li ul li ul { left: 10em; }
	ul.sf-menu li ul li ul li:hover ul,
	ul.sf-menu li ul li ul li.sfHover ul { /*show 4th level*/ top: 0em; }

	/*hover state / xpath*/
	.sf-menu li:hover,
	.sf-menu li.sfHover,
	.sf-menu a:focus,
	.sf-menu a:hover,
	.sf-menu a:active { outline: 0; }

	/*arrows*/
	/*.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /*trigger ie7 haslayout so spans position accurately*/
		.sf-sub-indicator {
			position: absolute;
			display: block;
			right: 0.60em;
			top: 0.75em;
			width: 16px;
			height: 16px;
			overflow: hidden;
		}
		.sf-sub-indicator:after {
/*	position:absolute;
	right:0;
	top:0;
	font-family: 'icomoon';
	speak: none;
	content: "\25be";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;*/
}
.sf-menu li.sfHover .sf-sub-indicator { }

/*submenu arrows right*/
ul.sf-menu li.sfHover ul li .sf-sub-indicator { top:.5em; background-position: 0px 0px; }
.sf-menu li.sfHover li.sfHover .sf-sub-indicator { background-position: -10px 0px; }
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }


/* ## Main Navigation Theme ## */

.mainNav { margin-bottom:10px; }
/*.mainNav .sf-menu a { background:none; border:0; }*/

.mainNav .sf-menu li a:hover,
.mainNav .sf-menu li.sfHover > a { color: #254484; }

.mainNav .sf-menu ul li a:hover { color: #234f85; text-decoration: underline; }

/* ## Hamburger Icon ## */

.c-hamburger {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 85px;
	height: 55px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
}

.c-hamburger:focus {
	outline: none;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 25px;
	left: 24px;
	right: 24px;
	height: 5px;
	background: #444444;
	border-radius: 5px;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #444444;
	content: "";
	border-radius: 5px;
}

.c-hamburger span::before {
	top: -9px;
}

.c-hamburger span::after {
	bottom: -9px;
}

.c-hamburger--htx {
	/*background-color: #ff3264;*/
}

.c-hamburger--htx span {
	transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
	transition-property: top, transform;
}

.c-hamburger--htx span::after {
	transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
	/*background-color: #cb0032;*/
}

.c-hamburger--htx.is-active span {
	background: none;
}

.c-hamburger--htx.is-active span::before {
	top: 0;
	transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
	bottom: 0;
	transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	transition-delay: 0s, 0.3s;
}

.menuLink { display:none; }
.outerContainer {position: relative; right: 0; transition: all 0.5s ease-in-out;}
.nav-wrapper { border-bottom: 1px solid #ccc; }
.nav-wrapper .nav-member-login-btn {
	display: none;
	text-align: center;
	height: 75px;
	line-height: 75px;
}

.nav-wrapper a.member-login-btn {
	vertical-align: middle;
}

/* 1200px */
@media only screen and (max-width:75em) {
	ul.sf-menu li { padding: 20px 0; }
}

/* 945px */
@media only screen and (max-width:59.0625em) {
	ul.sf-menu a { padding: 0; background: none;}
	/*.donate-button { padding: 15px 50px; }*/
}

/* Mobile Navigation */
/* 16px baseline (767px) */
@media only screen and (max-width:47.938em) {

	/*.mainNav { position: relative; height:auto; }*/
	.outerContainerToggle {right: 80%}
	.mainNav {
		position: relative;
		height: auto;
		z-index: 100;
		border: none;
		background: none;
	}

	.mainNav [class*="grid_"] { padding: 0 30px; }



	.nav-wrapper {
		position: absolute;
		right: -80%;
		top: 0px;
		width: 80%;
		z-index: 100;
		height: 100%;
		background: #fff;
		-webkit-box-shadow: inset 6px -1px 5px -5px rgba(0,0,0,0.75);
		-moz-box-shadow: inset 6px -1px 5px -5px rgba(0,0,0,0.75);
		box-shadow: inset 6px -1px 5px -5px rgba(0,0,0,0.75);
		border: none;
	}

	.nav-wrapper .nav-member-login-btn {
		display: block;
	}

	.sf-sub-indicator:after {
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e911";
	}

	.social-links-wrapper {
		display: block;
		width: 100%;
		text-align: center;
	}

	.social-links-wrapper a {
		display: inline !important;
	}

	ul.sf-menu li a { display: block !important; padding: 10px !important; }
	.mainNav .sf-menu li a:hover, .mainNav .sf-menu li.sfHover > a {
		color: #000;
	}

	.mainNav > ul {
		display: block !important;
	}

	.sf-menu a.sf-with-ul {
		padding: 5px 10px;
	}

	/*.mainNav .sf-menu li a:hover,
	.mainNav .sf-menu li.sfHover > a { background-color:#264484; color: #fff; }*/
	ul.sf-menu li ul {
		background: none !important;
		border: none !important;
	}

	.no-js .menuLink { display: none;}

	.menuLink {
		display:inline-block !important;
		color:#444444;
		cursor:pointer;
		z-index: 9000;
		position: absolute;
		top: 29px;
		right: 5px;
	}

	.menuLink:hover,
	.menuLink:focus { text-decoration: none; }

	/*.mainNav ul { display: none;}*/
	.mainNav ul ul {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: auto !important;
		height: auto !important;
		display: none !important;
	}
	.mainNav ul li.active > ul,
	.mobile-landing .mainNav > ul,
	.no-js .mainNav > ul {display: block !important; visibility: visible !important;}

	.mainNav.active > ul { display: block}

	.sf-sub-indicator {
		position: absolute !important;
		top: -5px;
		right: -20px;
		display: block;
		height: 100%;
		cursor: pointer;
		padding: 20px 30px 20px 20px !important;
		color: #000;
		transition: all 0.25s ease-in-out;
	}

	/*.mainNav .sf-menu li a:hover, .mainNav .sf-menu li.sfHover > .sf-sub-indicator {
		color: #000;
	}*/

/*	.sf-sub-indicator:after {
		position:absolute;
		right:50%;
		top:50%;
		margin:-10px -10px 0 0;
		font-family: 'icomoon';
		speak: none;
		content: "\2b";
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		}*/

		ul.sf-menu a { font-size: 1.125em !important; }

		.mainNav ul.sf-menu li { display: block; float: none; margin: 10px 0; padding: 0; border-bottom: 1px solid #D7D7D7; }

		.mainNav li a {
			display: inline-block;
			vertical-align: middle;
			padding:5px 10px;
			color:#000;
			font-size:1.5em;
			background:transparent; !important;
		}
		.mainNav li a:hover,
		.mainNav li a:focus { text-decoration:none; }

		.mainNav ul ul { padding:0 5px; }
		.mainNav ul ul li { margin:0 !important; padding:0 !important; }
		.mainNav ul ul li:last-child { border:0; }
		.mainNav ul ul li a { text-align: left; font-size: 0.9em !important; margin:5px 0; padding:7px !important; font-size:1.250em; background:none !important; }
		/*.mainNav ul ul li a:hover,*/
		/*.mainNav ul ul li a:focus { background: #4c4d4f; color: #fff !important;}*/


		/* forces display of menu */
		.mainNav .showMenu {
			display: block !important;
			visibility:visible !important;
		}

		/* forces display of sub menu */
		.mainNav .showSub .sf-sub-indicator:after {
			content: "\e912";
		}
		.mainNav .showSub > ul {
			display: block !important;
			visibility:visible !important;
		}

		.nav-right {
			text-align: center !important;
		}
	}

	@media only screen and (max-width:340px) {
		header .grid_6 { width: 80% !important }
	}

	@media only screen and (max-width:1000px) {
		ul.sf-menu a { font-size: 1em; }
	}

	@media only screen and (max-width:1000px) {
		ul.sf-menu a { background: none; }
	}