/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  display: block;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  transition: 0.15s ease-out all;
}
  .hamburger:hover .hamburger-inner::before{
    width: 3.6rem;
    transition: 0.15s ease-out all;
  }
  .hamburger.is-active:hover .hamburger-inner::before{
    width: 3.6rem;
    transition: 0.15s ease-out all;
  }

  /* Menu breakpoint */
  @media (min-width: 900px) {
    .hamburger {
      padding: 1.5rem 0;
      margin-top: 0; 
      display: none;
    }
  }
.hamburger.is-active {
  mix-blend-mode: normal;
  right: 0.2rem;
  transition: 0.3s ease-in all;
}
.hamburger-box {
  margin-top: 0.5rem;
  width: 3.6rem;
  height: 1.2rem;
  display: inline-block;
  position: relative;
}
  /* Larger than tablet */
  @media (min-width: 750px) {
    .hamburger-box {
      padding-right: 0;
    }
  }
.hamburger-inner {
  display: block;
  width: 3.6rem;
  height: 1.2rem;}
  .hamburger-inner::before, .hamburger-inner::after {
    width: 3.6rem;
    height: .3rem;
    background-color: var(--cblack);
    position: absolute;
    transition: 0.2s ease-out all;}
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: 0; 
    right: 0;}
  .hamburger-inner::after {
    bottom: 0; }
    
/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
  }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger.hamburger--spin {
    transition: 0.15s ease-out all;
}
.hamburger--spin.is-active .hamburger-inner {    
  transform-origin: bottom center;
  transform: rotate(135deg);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
   }
  .hamburger--spin.is-active .hamburger-inner::before {
    transform: rotate(90deg) translate(0.9rem, 0rem);
  }
  .hamburger--spin.is-active .hamburger-inner::after {
     }