/*nav menu*/
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));
}
@media (max-width:768px) {
	nav .nav-menu-container {
		position: absolute;
		top:60px;
		right: 0;
		background-color: var(--cyanultrapale);
		padding:15px 20px;
		transition: all .25s;
		transform-origin:top right;
		border-radius: .375rem;
		border:.005rem solid var(--cyanpale);
		box-shadow: var(--lotus-box-shadow);
	}
	nav .nav-menu-container.mobilenavactive {
		transform: scale(1);
	}
	#nav-menu-action hr,
	#nav-menu-action::before,
	#nav-menu-action::after {
		transition: all .25s;
	}
	nav.lotus-head .mobilenavactive + #nav-menu-action hr {
		opacity: 0;
	}
	nav.lotus-head .mobilenavactive + #nav-menu-action::before {
		transform: translateX(-0%) translateY(-50%) rotate(-45deg);
		top: 50%;
	}
	nav.lotus-head .mobilenavactive + #nav-menu-action::after {
		transform: translateX(-0%) translateY(50%) rotate(45deg);
		bottom: 50%;
	}
	li.nav-menu-item a {text-decoration: none;}
	li.nav-menu-item a.nav-menu-top-link {
		font-size: var(--fontlgsm);
	}
	li.nav-menu-item ul.nav-menu-child {
		border-left: .125rem solid var(--cyanpale);
		padding-left: 1rem;
	}
}
@media (min-width:768px) {
	li.nav-menu-item a {
		position: relative;
		padding-bottom: 4px;
	}
		li.nav-menu-item ul a::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 50%;
			width: 0;
			height: 3px;
			transform: translateX(-50%);
			background-color: var(--cyan);
			transition: all .25s;
		}
		li.nav-menu-item ul a:hover::after {
			width: 100%;

		}
	nav.lotus-head .nav-menu-container ul li:hover a.nav-menu-top-link,
	nav.lotus-head .nav-menu-container ul li a:hover {
		color: var(--cyan);
	}
		nav.lotus-head .nav-menu-container ul li ul {
			position: absolute;
			top:100%;
			right:0;
			flex-direction: column;
			background-color: var(--cyanultrapale);
			border-radius: .375rem;
			padding: .5rem 1rem;
			width: 200px;
			grid-row-gap: .5rem;
			box-shadow: var(--lotus-box-shadow-blue);
			border:.005rem solid var(--cyanpale);
			transition: all .25s;
			transform: scale(0,0);
			transform-origin: top right;
		}
		nav.lotus-head .nav-menu-container ul li:hover ul {
			transform: scale(1,1);

		}
			nav.lotus-head .nav-menu-container ul li ul li {
				margin-bottom: .5rem;
			}
				nav.lotus-head .nav-menu-container ul li ul li a {
					text-decoration: none;
				}
}