/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
    top: 1px;
    -webkit-transition-duration: 0.275s;
    transition-duration: 0.275s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .hamburger--elastic .hamburger-inner::before {
        top: 7px;
        -webkit-transition: opacity 0.125s 0.275s ease;
        transition: opacity 0.125s 0.275s ease;
    }

    .hamburger--elastic .hamburger-inner::after {
        top: 14px;
        -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 7px, 0) rotate(135deg);
    transform: translate3d(0, 7px, 0) rotate(135deg);
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s;
}

    .hamburger--elastic.is-active .hamburger-inner::before {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic.is-active .hamburger-inner::after {
        -webkit-transform: translate3d(0, -14px, 0) rotate(-270deg);
        transform: translate3d(0, -14px, 0) rotate(-270deg);
        -webkit-transition-delay: 0.075s;
        transition-delay: 0.075s;
    }