/**
 * Site hamburger (Jonathan Suh “slider” — basic 3-line → X).
 * Equal-width bars, 5px thick, evenly spaced in a 26px-tall box.
 */

.site-header .hamburger {
	display: none;
	padding: 10px;
	margin: 0 0 0 auto;
}

.site-header .hamburger-box {
	width: 30px;
	height: 26px;
}

.site-header .hamburger-inner,
.site-header .hamburger-inner::before,
.site-header .hamburger-inner::after {
	width: 30px;
	height: 5px;
	border-radius: 3px;
	background-color: #3A2168;
}

.site-header .hamburger.is-active .hamburger-inner,
.site-header .hamburger.is-active .hamburger-inner::before,
.site-header .hamburger.is-active .hamburger-inner::after {
	background-color: #3A2168;
}

/* Top, middle, bottom — 3px gaps between 5px bars. */
.site-header .hamburger--slider .hamburger-inner {
	top: 2px;
	margin-top: 0;
}

.site-header .hamburger--slider .hamburger-inner::before {
	top: 10px;
}

.site-header .hamburger--slider .hamburger-inner::after {
	top: 18px;
}

.site-header .hamburger--slider.is-active .hamburger-inner {
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

.site-header .hamburger--slider.is-active .hamburger-inner::before {
	transform: rotate(-45deg) translate3d(-4px, -5px, 0);
	opacity: 0;
}

.site-header .hamburger--slider.is-active .hamburger-inner::after {
	transform: translate3d(0, -18px, 0) rotate(-90deg);
}

@media (max-width: 1000px) {
	.site-header .hamburger {
		display: inline-block;
	}
}