/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(4px, 2px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(4px, 2px, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(4px, -2px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(4px, -2px, 0) rotate(-45deg) scale(0.7, 1);
}