#nav-toggle{
	position:relative;
	width:46px;
	height:46px;
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
	background-image:linear-gradient(currentColor,currentColor);
	background-repeat:no-repeat;
	background-position:center;
	background-size:26px 2px;
	transition:background-size .22s ease,transform .35s ease;
}

#nav-toggle .svg-menu-icon,
#nav-toggle .navbar-toggler-icon{
	opacity:0;
}

#nav-toggle:before,
#nav-toggle:after{
	content:"";
	position:absolute;
	left:10px;
	width:26px;
	height:2px;
	background:currentColor;
	transition:top .35s ease,transform .35s ease;
}

#nav-toggle:before{
	top:15px;
}

#nav-toggle:after{
	top:29px;
}

#nav-toggle:hover:not([aria-expanded="true"]){
	background-size:18px 2px;
	transform:translateY(-1px);
}

#nav-toggle:hover:not([aria-expanded="true"]):before{
	transform:translateX(4px);
}

#nav-toggle:hover:not([aria-expanded="true"]):after{
	transform:translateX(-4px);
}

#nav-toggle[aria-expanded="true"]{
	background-size:0 2px;
	transform:rotate(180deg);
}

#nav-toggle[aria-expanded="true"]:before{
	top:22px;
	transform:rotate(45deg);
}

#nav-toggle[aria-expanded="true"]:after{
	top:22px;
	transform:rotate(-45deg);
}