/*!
 * Project   : OceanWP WordPress Theme
 * Purpose   : Hamburgers Icons
 * Author    : https://jonsuh.com/hamburgers/
 */.hamburger{display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}a:hover .hamburger{opacity:.7}.hamburger-box{width:20px;height:16px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:20px;height:2px;background-color:#000;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-7px}.hamburger-inner::after{bottom:-7px}/*
 * 3DX
*/
.hamburger--3dx .hamburger-box {
	-webkit-perspective: 40px;
	        perspective: 40px;
}

.hamburger--3dx .hamburger-inner {
	-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	      transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
	-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
	background-color: transparent;
	-webkit-transform: rotateY(180deg);
	      transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
	-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
	      transform: translate3d(0, 7px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
	-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
	      transform: translate3d(0, -7px, 0) rotate(-45deg);
}