/* Revision 23: keep the navigation visible and above every visual layer. */
.sidebar{
  z-index:50!important;
}
.sidebar nav,
.sidebar nav a{
  position:relative;
  z-index:51!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.sidebar nav a{
  color:#fff!important;
}
.sidebar nav a.active{
  color:#a8e4d2!important;
}
.sidebar nav a.active b{
  color:#f4a6b8!important;
}

@media(max-width:800px){
  .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:220px!important;
    height:100vh!important;
    display:flex!important;
    padding:28px 22px!important;
    border-right:1px solid rgba(255,255,255,.18)!important;
    border-bottom:0!important;
    overflow-y:auto!important;
  }
  .availability{
    position:static!important;
    margin:52px 0 34px!important;
  }
  .sidebar nav{
    display:grid!important;
    gap:12px!important;
  }
  .sidebar nav a{min-height:42px;padding:10px 8px!important}
  .side-bottom{display:block!important}
  .hero,.work,.about,.contact,footer,.ticker{margin-left:220px!important}
}