/*Head Nav 2022
_______________________________________________*/
nav {
	position: relative;
	z-index: 100;
}
nav.nav-cart-container {
	height: 80px;
}
	.erllc-superhead {
		height: 40px;
		z-index: 1000;
	}
		.erllc-superhead .container {
			height: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-end;
			padding: 0;
		}
			.erllc-superhead form.zip-form {}
				.erllc-superhead form.zip-form input.zip-code {
					padding: 4px 8px;
					border-width: 1px;
					border-style: solid;
					border-radius: 5px;
					width: 70px;
					line-height: 100%;
				}
			.erllc-superhead .btn-sm {
				--bs-btn-padding-y:.1rem;
			}
	#erllc-main-nav {
		height: 60px;
	}
		#erllc-main-nav .container {
			position: relative;
			height: 100%;
			overflow: visible;
			padding: 0;
		}
			.head-logo {
				display: block;
				position: absolute;
				top: 5px;
				left: 0;
			}
				.head-logo a {
					display: block;
					height: 100%;
					width: 100%;
					padding: 0;
					margin: 0;
				}
					.head-logo a img {
						height: 100%;
						position: absolute;
						object-fit: contain;
					}
			
		.nav-menu-container {
			position: absolute;
			display: block;
			top: 60px;
			right: 10px;
			z-index: 100;
			border-radius: 3px;
			padding: 5px 15px;
			transform: scale(0,0);
			transform-origin: 100% -25%;
			transition: all .25s;
		}
			nav.mobilenavactive div.lightning-head .nav-menu-container {
				transform: scale(1,1);
			}
			.nav-menu-container ul.nav-menu {
				list-style: none;
				display: flex;
				flex-direction: column;
				padding: 0;
				margin: 0;
			}
				.nav-menu-container ul.nav-menu li.nav-menu-item {
				}
					.nav-menu-container ul.nav-menu li.nav-menu-item a {
						padding: 10px 0;
						margin: 0;
						text-decoration: none;
					}
		div#nav-menu-action {
			position: absolute;
			top: 15px;
			right: 10px;
			width: 35px;
			height: 35px;
		}
			div#nav-menu-action hr,
			div#nav-menu-action::before,
			div#nav-menu-action::after {
				content: '';
				height: 4px;
				left: 50%;
				transform: translateX(-50%);
				position: absolute;
				display: block;
				width: 100%;
				padding: 0;
				margin: 0;
				transition: all .25s;
				border: none;
			}
			div#nav-menu-action hr {
				top: 50%;
				transform: translateX(-50%) translateY(-50%);
				transition: all .25s;
			}
				.mobilenavactive div#nav-menu-action hr {
					width: 0;
					opacity: 0 !important;
				}
			div#nav-menu-action::before {
				top: 0;
			}
			div#nav-menu-action::after {
				bottom:0;
			}
				.mobilenavactive #nav-menu-action::before {
					transform: translateX(-50%) translateY(-50%) rotate(-45deg);
					top: 50% !important;

				}
				.mobilenavactive #nav-menu-action::after {
					transform: translateX(-50%) translateY(50%) rotate(45deg);
					bottom: 50% !important;
				}
@media only screen and (max-width: 360px) {
	.erllc-superhead {
		display: none;
	}
	.nav-menu-container {
		background-color: var(--cyanultrapale);
		box-shadow: var(--lotus-box-shadow);
	}
}
/*@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 980px) {
	.erllc-superhead {
		position: absolute;
		left: 50%;
		top: 10px;
		transform: translateX(-50%);
		background-color: transparent;
	}
	.erllc-superhead .container {
		overflow: visible;
	}
	.erllc-superhead form.zip-form .zip-inputs {
		display: grid;
		grid-column-gap: 20px;
		grid-template-areas: 'ziplabel ziplabel' 'input button';
	}
	.erllc-superhead form.zip-form label[for=zip] {
		grid-area: ziplabel;
	}
	.erllc-superhead form.zip-form button.cta.hidden-sm-up,
	.erllc-superhead form.zip-form input.zip-code {
		padding: 0 8px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		border-radius: 3px;
		min-height: auto;
		border-width: 1px;

	}
	.erllc-superhead form.zip-form input.zip-code {
		grid-area: input;
		width:60px;
	}
	.erllc-superhead form.zip-form button.cta.hidden-sm-up {
		grid-area: button;
	}
	.cart-nav-phone li.nav-menu-item em {display: block;}
}
/*@media only screen and (min-width: 768px) {*/
@media only screen and (min-width: 980px) {
nav.erllc-box-shadow {
	height: 120px;
	position: relative;
}
	.erllc-superhead {
		height: 40px;
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
	}
	#erllc-main-nav {
		height: 85px;
	}
		.head-logo {
			top: 10px;
			z-index: 1000;
			}
	nav.erllc-box-shadow .erllc-superhead .container {
		overflow: visible;
	}
	nav.erllc-box-shadow .erllc-superhead .superhead-zip {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
		nav.erllc-box-shadow .erllc-superhead .superhead-zip form .zip-form {
			padding: 0;
		}
			nav.erllc-box-shadow .erllc-superhead .superhead-zip form.zip-form div.zip-inputs div.dropdown-wrapper,
			nav.erllc-box-shadow .erllc-superhead .superhead-zip form.zip-form div.zip-inputs {
				display: flex;
				flex-direction: row;
				align-items: center;
				position: relative;
			}
				nav.erllc-box-shadow .erllc-superhead .superhead-zip form.zip-form div.zip-inputs input,
				nav.erllc-box-shadow .erllc-superhead .superhead-zip form.zip-form div.zip-inputs label[for=zip] {
					margin-right: 10px;
				}
					nav.erllc-box-shadow .erllc-superhead .superhead-zip form.zip-form div.zip-inputs div.dropdown-wrapper div.dropdown-arrow i {
						top: 50%;
						right: 0;
						margin-top: -5px;
						border-top-color: var(--erllcblue50);
					}
				nav.erllc-box-shadow .erllc-superhead .superhead-zip form.zip-form div.zip-inputs div.dropdown-wrapper div.dropdown-options {
					top: 40px;
					border-radius: 5px;
				}
	div#nav-menu-action {display: none;}
	.nav-menu-container {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		height: 100%;
		position: relative;
		top: auto;
		right: auto;
		border-radius: 3px;
		padding: 5px 15px;
		transform: none;
		transform-origin: none;
		box-shadow: none;
	}
		.nav-menu-container ul.nav-menu {
			flex-direction: row;
		}
			.nav-menu-container ul.nav-menu li.nav-menu-item {}
				.nav-menu-container ul.nav-menu li.nav-menu-item a {
					text-decoration: none;
					position: relative;
					padding: 0;
				}
				.nav-menu-container ul.nav-menu li.nav-menu-item a:hover {
					color: var(--cyan);
				}
				.nav-menu-container ul.nav-menu li.nav-menu-item a::after {
					content: '';
					position: absolute;
					bottom: -6px;
					left: 50%;
					width: 0;
					height: 3px;
					transform: translateX(-50%);
					background-color: var(--cyan);
					transition: all .25s;
				}
				.nav-menu-container ul.nav-menu li.nav-menu-item a:hover::after {
					width: 100%;
				}
				.nav-menu-container ul.nav-menu li.nav-menu-item em {
					font-size: 75%;
					margin-right: 10px;
				}
	div.erllc-superhead div.markets-response {
		padding: 20px;
		position:absolute;
		z-index:100000;
		top:3px;
		border-radius:3px;
	}
		div.erllc-superhead div.markets-response div.markets-e {
			padding: 0;
		}
		div.erllc-superhead div.markets-response h3 {
			padding:0;
			margin:0 0 10px 0;
		}
		div.erllc-superhead div.markets-response br {
			display: none;
		}
		div.erllc-superhead div.markets-response div.padded-25 {
			padding: 0;
		}
			div.erllc-superhead div.markets-response div.padded-25 button.cta {}
			div.erllc-superhead div.markets-response div.padded-25 button.cta:hover {
				background: transparent !important;
			}
			div.erllc-superhead div.markets-response div.market-ids-e label {
				margin-bottom: 10px;
			}
}
@media only screen and (min-width: 1200px) {}
/*footer nav menu 2024*/
footer a {
	text-decoration: none;
	background-image: linear-gradient(#6CCAFB, #6CCAFB);
	background-image: linear-gradient(rgba(108, 202, 251,1), rgba(108, 202, 251,1));
	background-size: 100% 2px;
	background-position:100% 100%;
	background-repeat: no-repeat;
	transition: all .25s;
	color: var(--white);
}
footer a:hover {
	background-size: 100% 100%;
	background-image: linear-gradient(rgba(108, 202, 251,.5), rgba(108, 202, 251,.5));
}