/* Mobile navbar toggle animation */
#mobile-btn { position: relative; }
#mobile-btn .line {
	position: absolute;
	display: block;
	width: 22px; 
	height: 2px; 
	border-radius: 9999px;
	background-color: currentColor;
	transition: transform 200ms ease, opacity 200ms ease;
	will-change: transform;
	pointer-events: none;
}
#mobile-btn .line--top { transform: translateY(-5px); }
#mobile-btn .line--bottom { transform: translateY(5px); }
/* Open state: morph to X */
#mobile-btn[aria-expanded="true"] .line--top { transform: translateY(0) rotate(45deg); }
#mobile-btn[aria-expanded="true"] .line--bottom { transform: translateY(0) rotate(-45deg); }

#mobile-btn,
#mobile-close {
	background: transparent !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}
#mobile-btn:hover,
#mobile-btn:focus,
#mobile-btn:active,
#mobile-close:hover,
#mobile-close:focus,
#mobile-close:active {
	background: transparent !important;
	box-shadow: none;
	outline: none;
}