@charset "utf-8";
/* CSS Document */

/* CSS3 Responsive Navigation v2.0 built by Jacob Bearce | jacob@weblinxinc.com | jacob@bearce.me */

.navbar-collapse.in {
    overflow-y: visible;
}

.login-nav #user-login-form {
	padding: 15px;
}

.login-nav .account {
    -moz-user-select: none;
    background: #428BCA;
    border: 1px solid #357EBD;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}

.login-nav .account:hover {
    background-color: #3071A9;
    border-color: #285E8E;
    color: #FFFFFF;
}

.login-nav {
	float: right;
	position: relative;
	z-index: 9999;
}

	.top-nav .user-login-form {
		text-align: center;
	}

	.top-nav .container ul.account li ul {
		width: auto;
		min-width: 250px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.top-nav .container ul.account form {
		/*padding: 15px;*/

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		.top-nav .container ul.account form input {
			color: #000000;
			font-size: 0.825em;
			width: 200px;
			margin-bottom: 10px;
			padding: 5px;

			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.top-nav .login-nav ul div label {
			display: inherit;
			font-size: 0.825em;

			height: auto;
		    position: inherit;
		    right: 0;
		    top: 0;
		    width: auto;
		}

			.login-nav ul li div label:before {
				left: inherit;
				transform: none;
			}

			.login-nav ul li div label:after, .login-nav ul li div label:before {
				background: none;
				content: inherit;
				display: inherit;
				height: auto;
				width: auto;
				position: inherit;
			}

			.top-nav .container ul.account form input[type="submit"] {
				text-align: center;
				text-transform: uppercase;

				-webkit-transition: background 100ms linear;
			    -moz-transition: background 100ms linear;
			    -o-transition: background 100ms linear;
			    transition: background 100ms linear;

			    -moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;

				font-size: inherit;
				border: none;
				background: #36684a;
				color: #fff;

				border-top: 1px solid #447858;
				border-bottom: 1px solid #1c3e2a;
				margin-bottom: 0;
			}

				.top-nav .container ul.account form input[type="submit"]:hover, .top-nav .container ul.account form input[type="submit"]:active {
					background: #2f4e3b;
				}

@media screen and (max-width: 640px) {
	.login-nav {
		background: none;
		float: none;
		margin-bottom: 0;
		border-bottom: none;

		margin-top: 30px;
		min-height: 30px;
	}
}

	/*.login-nav label,*/ .login-nav input[type=checkbox] {
		display: none;
	}

	.login-nav > label {
		display: none;
		
		-moz-user-select: none;
		background: #428BCA;
		border: 1px solid #357EBD;
		border-radius: 3px;
		cursor: pointer;
		/*display: inline-block;*/
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857;
		margin-bottom: 0;
		margin-top: 10px;
		padding: 10px 0;
		text-align: center;
		vertical-align: middle;
		color: #FFFFFF;
/*

		position: absolute;
		top: -32px;


		background: #fbe85c;
		width: 126px;
		padding: 8px;
		color: #164329;
		font-family: "Museo Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 0.938em;

		border-top: 2px solid #f8f2cb;
		border-right: 2px solid #f8f2cb;

		border-bottom: 2px solid #b3a42e;
		border-left: 2px solid #b3a42e;

		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
*/
	}

		.login-nav > label:after,
		.login-nav ul li.first > label#login-nav-login-dropdown-label em:after {
			position: absolute;
			top: 5px;
			right: 7px;
			color: #FFF;
			font-size: 25px;
			content: ' ▼';
		}
		
		@media screen and (min-width: 641px) {
			.login-nav > label#login-nav-login-dropdown-label:after {
				content: none;
			}
		}
/*
		.login-nav > label:active {
			background: #1f3d2b;
			color: #fbe857;

			border: 2px solid #1f3d2b;
		}

			.login-nav > label:active:after {
				color: #fbe857;
				content: ' ▲';
			}
*/
	@media screen and (max-width: 640px) {
		.login-nav > label {
			display: block;
		}
	}

	@media screen and (max-width:400px) {
		/*Resolve issue of main Nav Menu covering 'Log In' button on really narrow screens.*/
		.login-nav form.user-login-form input[type="submit"] {
			float: left;
			padding: 30px;
		}
	}

	@media screen and (max-width: 320px) {
		.login-nav > label {
			width: 124px;
		}
	}

	.login-nav > label em {
		font-style: normal;
		font-size: 0.938em;
	}
	
	@media screen and (min-width: 641px) {
		.login-nav label#login-nav-login-dropdown-label > em{
			font-style: normal;
			font-size: 0.938em;
		}
	}


	.login-nav ul {
		background: #333333;
		float: left;
		list-style: none;
		margin: 0 8px 0 0;
		padding: 0;
		position: relative;
		text-align: left;
		width: 142px;
		z-index: 999;

		border-top: 2px solid #f8f2cb;
		border-right: 2px solid #f8f2cb;

		border-bottom: 2px solid #b3a42e;
		border-left: 2px solid #b3a42e;

		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

		.login-nav ul:after {
			clear: both;
			content: "\0020";
			display: block;
			visibility: hidden;
			zoom: 1;
		}

	@media screen and (max-width: 640px) { 
		.login-nav ul {
			clear: both;
			float: none;
			height: auto;
			max-height: 0;
			overflow: hidden;
			right: auto;
			width: 99.4%;
			visibility: hidden;
			/*position: absolute;*/
			/* css3 */
			-webkit-transition: max-height 0.5s, visibility 0s 0.5s !important;
			transition: max-height 0.5s, visibility 0s 0.5s !important;

			-moz-border-radius: 5px 5px 0 0;
			-webkit-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
		}

		.login-nav ul.menu {
			background: #1e3c2a;
			text-align: center;
			padding: 30px;

			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

			.login-nav ul.menu li.expanded ul.menu {
				padding: 0 30px;
			}
		
		.login-nav input[type=checkbox]:checked + label +ul,
		.login-nav > input[type=checkbox]:checked + label +ul > li > ul {
			max-height: 2000px;
			visibility: visible;
			/* css3 */
			-webkit-transition: max-height 1s, visibility 0s 0s !important;
			transition: max-height 1s, visibility 0s 0s !important;
		}
	}

		.login-nav ul:after {
			clear: both;
			content: "\0020";
			display: block;
			visibility: hidden;
			zoom: 1;
		}

		.login-nav ul li {
			background-image: none;
			float: left;
			position: relative;
			width: 100%;
			/* css3 */
			-webkit-transition: background 00.25s;
			transition: background 00.25s;
		}

		@media screen and (max-width: 640px) {
			.login-nav ul li {
				border-bottom: 2px solid rgba(255,255,255,0.1);
				float: none;
				left: auto;
			}
		}
/*
		
		.login-nav ul li:hover {
			background: rgba(0,0,0,0.1);
		}
*/
		
		.login-nav ul li.highlightSubDivs:hover {
			background: rgba(0,0,0,0);
		}
		
		.login-nav ul li.highlightSubDivs div {
			padding: 0px;
		}
		
		.login-nav ul li.highlightSubDivs div:hover {
			background: rgba(0,0,0,0.1);
		}

		@media screen and (max-width: 640px) {
			.login-nav ul li:hover > a {
				background: none;
				color: #3cb349;
			}
		}

			.login-nav ul li:before {
				display: none;
			}
/* Removed to allow label/checkbox arrow
			.login-nav ul li.first:after {
				position: absolute;
				top: 10px;
				right: 7px;
				color: #164329;
   				font-size: 10px;
				content: ' ▼';
			}
*/			
	
			@media screen and (max-width: 640px) {
				.login-nav ul li.first:after {
					content: '';
				}
			}

			.login-nav ul li a,
			.login-nav ul li label#login-nav-login-dropdown-label {
				color: #FFFFFF;
				font-size: 0.938em;
				display: block;
				padding: 8px;
			}

			@media screen and (max-width: 1160px) {
				.login-nav ul li a {
				}
			}

			@media screen and (max-width: 1024px) {
				.login-nav ul li a {
				}
			}

			@media screen and (max-width: 960px) {
				.login-nav ul li a {
				}
			}

			@media screen and (max-width: 853px) {
				.login-nav ul li a {
				}
			}

			@media screen and (max-width: 768px) {
				.login-nav ul li a {
				}
			}

			@media screen and (max-width: 640px) {
				.login-nav ul li ul li a {
					font-size: 1.500em;
					font-weight: bold;
					text-transform: uppercase;
					padding: 12px 40px;
				}
			}

			.login-nav > ul > li > a:hover,
			.login-nav > ul > li:hover > a {
			}

			.login-nav ul li label {
/*
				display: none;
				height: 43px;
				position: absolute;
				right: 0;
				top: 0;
				width: auto;
*/
			}
			
			@media screen and (min-width: 641px) {
				.login-nav ul li label#login-nav-login-dropdown-label {
					display: inline;
					height: auto;
					position: relative;
					right: 0;
					top: 0;
					width: 43px;
				}
			}

			@media screen and (max-width: 640px) {
				.login-nav ul li label {
					display: block;
				} 
			}
/*
				.login-nav ul li label:after,
				.login-nav ul li label:before {
					background: #777777;
					content: "\0020";
					display: block;
					height: 6px;
					position: absolute;
					top: 19px;
					width: 18px;
				}

				.login-nav ul li label:after {
					right: 8px;
					/* css3 * /
					-webkit-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}

				.login-nav ul li label:before {
					left: 8px;
					/* css3 * /
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					transform: rotate(45deg);
				}
*/
				.login-nav ul li label em {
					left: -9999em;
					position: absolute
				}


				@media screen and (min-width: 641px) {
					.login-nav ul li label#login-nav-login-dropdown-label em {
						left: unset;
						position: unset;
					}
					
					.login-nav ul li label#login-nav-login-dropdown-label {
						display: block;
						width: auto;
					}
					
					.login-nav ul li label#login-nav-login-dropdown-label:after,
					.login-nav ul li label#login-nav-login-dropdown-label:before {
						position: relative;
						top: 0px;
						left: 0px;
						right: 0px;
						content: none;
					}
				}

			/* sub list */

			.login-nav ul li ul {
				background-color: #4d753d;
				left: -999em;
				opacity: 0;
				position: absolute;
				text-align: left;
				top: 100%;
				width: 200px;

				margin: 0 auto;
				border: none;
				/* css3 */
				-webkit-transition: opacity 0.25s 0s, left 0s 0.25s;
				transition: opacity 0.25s 0s, left 0s 0.25s;

				-moz-border-radius: 0 0 3px 3px;
				-webkit-border-radius: 0 0 3px 3px;
				border-radius: 0 0 3px 3px; /* border radius */
			}

			@media screen and (max-width: 640px) {
				.login-nav ul li ul {
					background: #659452;
					left: auto !important;
					max-height: 0;
					opacity: 1;
					overflow: hidden;
					position: relative;
					text-align: center;
					top: auto;
					visibility: hidden;
					width: 100%;
				}
			}
			
			@media (min-width: 768px) {
				.login-nav ul li:hover > ul {
					left: 0;
					opacity: 1;
					/* css3 */
					-webkit-transition: opacity 0.25s 0s, left 0s 0s;
					transition: opacity 0.25s 0s, left 0s 0s;
				}
			}
			
			.login-nav input#login-nav-login-dropdown[type=checkbox]:checked + label +ul,
			.login-nav > input#login-nav-login-dropdown[type=checkbox]:checked + label +ul > li > ul {
				left: 0;
				opacity: 1;
				/* css3 */
				-webkit-transition: opacity 0.25s 0s, left 0s 0s;
				transition: opacity 0.25s 0s, left 0s 0s;
			}

				.login-nav ul li ul li {
					float: none;
					left: auto;
					width: 100%;
				}

				@media screen and (max-width: 640px) {
					.login-nav ul li ul li:last-of-type {
						border-bottom: 0;
					}
				}

				.login-nav ul li ul li:hover {
				}

					.login-nav ul li ul li a {
					}

					.login-nav ul li ul li p {
						display: block !important;
						background: #92c47e;
						color: #FFFFFF;
						font-size: 0.825em;
						padding: 8px;
					}

					@media screen and (max-width: 640px) {
						.login-nav ul li ul li a {
							font-size: inherit;
						}
					}

					.login-nav > ul > li > ul > li > a:hover,
					.login-nav > ul > li > ul > li:hover > a {
					}

					/* sub sub list */

					.login-nav ul li ul li ul {
						background: #92c47e;
						top: 0;
						width: 250px;
					}

					@media screen and (max-width: 640px) {
						.login-nav ul li ul li ul {
							background: #92c47e;
							width: 100%;
						}
					}

					.login-nav ul li ul li:hover > ul {
						left: 100%;
					}

						.login-nav ul li ul li ul li {
						}

						@media screen and (max-width: 640px) {
							.login-nav ul li ul li ul li {
								background: #92c47e;
							}
						}

						.login-nav ul li ul li ul li:hover {
						}

							.login-nav ul li ul li ul li a {
							}

							.login-nav ul li ul li ul li a:hover {
							}
							
							
@media screen and (min-width: 641px) {
	.login-nav ul li.menu-item.menu-item--expanded > a,
	li#personalMenuMyAccountWrapper a {
		padding-right: 10px;
		margin-left: 3px;
	}
	
/*	
	.login-nav li.menu-item.menu-item--expanded > a:before,
	li#personalMenuMyAccountWrapper > a:before {
		content: ' ▶';
		float: right;
		font-size: 14px;
	}
	.login-nav li.menu-item.menu-item--expanded > a:hover:before,
	.login-nav li.menu-item.menu-item--expanded:hover > a:before,
	li#personalMenuMyAccountWrapper > a:hover:before,
	li#personalMenuMyAccountWrapper:hover > a:before {
		content: ' ◀';
		float: right;
	}
*/	
@media screen and (max-width: 640px) {
	.login-nav ul li a span {
		display: none;
	}
	
	.login-nav ul.account > li.first > a {
		display: none;
	}
}
	
	/*
	.login-nav div#block-acsnavmenusprimarynav > ul > li.menu-item.menu-item--expanded > a:before {
		content: ' ▼';
		float: right;
		font-size: 14px;
		padding-top: 6px;
		padding-left: 4px;
	}
	.login-nav div#block-acsnavmenusprimarynav > ul > li.menu-item.menu-item--expanded > a:hover:before,
	.login-nav div#block-acsnavmenusprimarynav > ul > li.menu-item.menu-item--expanded:hover > a:before {
		content: ' ▲';
		float: right;
	}
	*/
}