/* Collapsible sidebar on desktop widths (the default UI only hides the nav
 * behind a hamburger below 1024px). The toolbar button .nav-toggle-desktop
 * toggles html.nav-collapsed (js/nav-collapse.js); the choice is remembered
 * in localStorage and restored before first paint (partials/head-scripts.hbs). */
.nav-toggle-desktop { display: none; }

@media screen and (min-width: 1024px) {
  .nav-toggle-desktop {
    display: block;
    background-image: url(../img/back.svg);
    background-size: 41.5%;
    cursor: pointer;
  }
  html.nav-collapsed .nav-toggle-desktop {
    background-image: url(../img/menu.svg);
    background-size: 49%;
  }
  html.nav-collapsed .nav-container { display: none; }
}