/*==============================
MOBILE MENU TOGGLE
===============================*/
#menuToggle{
    width:30px;
    height:22px;
    position:relative;
    border:none;
    background:none;
    cursor:pointer;
    padding:0;
}

#menuToggle span{
    position:absolute;
    left:0;
    width:100%;
    height:3px;
    background:var(--cs-gold);
    border-radius:999px;
    transition:transform .3s ease,
               opacity .25s ease,
               top .3s ease,
               bottom .3s ease;
}

#menuToggle span:nth-child(1){
    top:0;
}

#menuToggle span:nth-child(2){
    top:9px;
}

#menuToggle span:nth-child(3){
    bottom:0;
}

#menuToggle.active span:nth-child(1){
    top:9px;
    transform:rotate(45deg);
}

#menuToggle.active span:nth-child(2){
    opacity:0;
} 

#menuToggle.active span:nth-child(3){
    bottom:9px;
    transform:rotate(-45deg);
}

  /* fix hamburger size (no stretching!) */
  .cs-menu-toggle {
    width: 30px;
    height: 22px;
    flex-shrink: 0;
  }

  /* center logo properly */
  .cs-mobile-logo {
    display: flex;
    justify-content: left;
    align-items: center;
    flex: 1;
  }

  .cs-logo-svg {
    width: 180px;
    height: auto;
  }

.cs-mobile-nav {
    position: fixed;
    z-index: 9999;
}