/* vim: set tabstop=2 shiftwidth=2 expandtab smarttab: */

nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

nav li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: "..";
}

nav > ul > li {
  padding-left: 24px;
  margin: 10px 0 10px 0;
}

nav h3 {
  margin: 0;
}

nav h3.with-icon {
  margin-left: -24px;
}

nav h3.with-icon i.fas::before {
  display: inline-block;
  width: 24px;
}

#main-nav-toggle {
  cursor: pointer;
}

#main-nav {
  overflow: auto;
  display: none;
  /* below styles are overridden for desktop screens below */
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100vw;
  transition: left 150ms ease;
}

#main-nav.mobile-nav-open {
  left: 0;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.6);
  width: 80%;
}

/* large screens (desktop) */
/* NOTE: 700px should match innerWidth check in nav.js and mobile threshold in group-finance-template.css */
@media print, screen and (min-width: 700px) {
  #main-nav {
    display: block;
    position: static !important;
  }
}