/* ============================
   FULL-SCREEN HAMBURGER MENU
   ============================ */
@media (max-width: 1300px){

  /* show the hamburger icon */
  .hamburger{
    display: inline-block;
    margin-left: auto;
    z-index: 999;
  }

  /* basic hamburger lines */
  .hamburger-box{ width: 28px; height: 20px; position: relative; }
  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after{
    position: absolute;
    left: 0; right: 0;
    height: 2px;
    background: #9cfced;
    content:"";
    transition: transform .3s ease, opacity .3s ease;
  }
  .hamburger-inner{ top: 9px; }
  .hamburger-inner::before{ top: -8px; }
  .hamburger-inner::after{ top: 8px; }

  /* turn into X when open */
  #site-header.open .hamburger-inner{
    transform: rotate(45deg);
  }
  #site-header.open .hamburger-inner::before{
    transform: translateY(8px) rotate(90deg);
  }
  #site-header.open .hamburger-inner::after{
    transform: translateY(-8px) rotate(90deg);
  }
}