/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
@media screen and (max-width: 767px){
	.hamburger {
		font: inherit;
		display: inline-block;
		overflow: visible;
		margin: 0;
		cursor: pointer;
		transition: 0.3s all ease-in-out;
		text-transform: none;
		color: inherit;
		border: 0;
	}
	.hamburger:after {
		font-size: 11px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.12em;
		content: 'MENU';
		position: absolute;
		bottom: 14px;
		left: 0;
		right: 0;
		text-align: center;
		color: #fff;
	}
	.nav--opened .hamburger:after {
		content: 'CLOSE';
	}
	.hamburger-box {
		position: relative;
		display: inline-block;
		width: 33px;
		height: 19px;
	}
	.hamburger-inner {
		top: 50%;
		display: block;
		margin-top: -2px;
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		position: absolute;
		width: 33px;
		height: 3px;
		transition-timing-function: ease;
		transition-duration: .15s;
		transition-property: transform;
		background-color: #fff;
	}
	.hamburger-inner:after, .hamburger-inner:before {
		display: block;
		content: ""
	}
	.hamburger-inner:before {
		top: -8px
	}
	.hamburger-inner:after {
		bottom: -8px
	}
	.hamburger--spin .hamburger-inner {
		transition-timing-function: cubic-bezier(.55, .055, .675, .19);
		transition-duration: .22s
	}
	.hamburger--spin .hamburger-inner:before {
		transition: top .1s ease-in .25s, opacity .1s ease-in
	}
	.hamburger--spin .hamburger-inner:after {
		transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
	}
	.hamburger--spin.is-active .hamburger-inner {
		transition-delay: .12s;
		transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transform: rotate(215deg)
	}
	.hamburger--spin.is-active .hamburger-inner:before {
		top: 0;
		transition: top .1s ease-out, opacity .1s ease-out .12s;
		opacity: 0
	}
	.hamburger--spin.is-active .hamburger-inner:after {
		bottom: 0;
		transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
		transform: rotate(-70deg)
	}
	.nav--opened .hamburger-inner,
	.nav--opened .hamburger-inner:after,
	.nav--opened .hamburger-inner:before{
		height: 2px;
	}
}