#nav_top.top-nav{
	background-color: var(--colorDarkMuted);
	color: var(--colorLight);
	width: 100%;
	right: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
}

#nav_top.top-nav.active{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

#nav_top.top-nav .top-menu{
	max-width: var(--mobileNavWidth);
	margin: auto;
}

#nav_top.top-nav .top-menu a{
	color: var(--colorLight);
}

#nav_top.top-nav .top-menu a:hover{
	color: var(--colorMain);
}

#nav_top.top-nav .social-links svg{
	fill: var(--colorLight);
}

#nav_top.top-nav .nav-btn{
	background-color: var(--colorDarkMuted) !important;
}

#nav_top.top-nav .nav-btn#nav_close span:before,
#nav_top.top-nav .nav-btn#nav_close span:after{
	background-color: var(--colorLight);
}