/* hamburger-align-fix.css : force vertical 3 lines + alignment (iPhone only) v2 */
@media (max-width:860px){
  /* hide sub line to keep vertical rhythm */
  .site-header .brand-sub{ display:none !important; }

  #navButton.nav-button{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:6px !important;
    width:52px !important;
    height:44px !important;

    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
    text-indent:-9999px !important;

    background:rgba(255,255,255,.70) !important;
    border:1px solid rgba(0,0,0,.12) !important;
    border-radius:14px !important;
  }

  #navButton.nav-button::before,
  #navButton.nav-button::after{ content:none !important; display:none !important; }

  #navButton.nav-button>span{
    display:block !important;
    width:26px !important;
    height:2px !important;
    background:#111 !important;
    border-radius:2px !important;
  }
}

@media (max-width:860px){ #navButton{ pointer-events:auto !important; } }