/* archive notice on every page (scripts/cleanup.py) */
.archive-banner {
  background: #C9430C;
  color: #fff;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

/* phones: the text started below a 156px logo and five 55px menu blocks; now a smaller logo and the
   menu as a compact row, so the page text is on the first screen. The yellow submenu (Wat, Waarom, …)
   was hidden on phones (Bootstrap collapse without a button): now shown, wrapping. */
@media (max-width: 767px) {
  #sidebar .logo { height: 96px; background-size: auto 76px; }
  #sidebar .logo:before { display: none; }
  #sidebar > br { display: none; }
  #sidebar .list-group { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; }
  #sidebar .list-group-item { margin: 0; padding: 6px 12px; font-size: 15px; }
  .navbar .navbar-collapse.collapse { display: block !important; height: auto !important; padding: 0; }
  .navbar .nav { float: none; display: flex; flex-wrap: wrap; }
  .navbar .nav > li { float: none; }
  main .content { margin: 20px 0 40px; }
  main .about { padding: 20px; text-align: left; }
}