/* Mobile Bottom Bar styles */
#mobile-bottom-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:99999;
  background:#ffffff;
  box-shadow:0 -2px 10px rgba(0,0,0,0.12);
  border-top:1px solid rgba(0,0,0,0.04);
}

#mobile-bottom-bar .mbb-items{ 
  display:flex;
  align-items:center;
  justify-content:space-around;
  margin:0;
  padding:6px 8px;
  list-style:none;
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
}

#mobile-bottom-bar .mbb-item a{ 
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#222;
  font-size:13px;
  padding:6px 8px;
}

#mobile-bottom-bar .mbb-item .mbb-label{ display:block; }

/* hide on desktop */
@media (min-width: 769px){
  #mobile-bottom-bar{ display:none !important; }
}

/* small adjustment for safe area on iOS */
@supports(padding: max(0px)){ 
  #mobile-bottom-bar{ padding-bottom: calc(env(safe-area-inset-bottom)); }
}