/* per-site fixes */
/* mobile/tablet: theme hides the main navigation below 992px and its mobile menu never appears
   (the export is cut off before the footer). Show the top menu as a compact wrapped row instead.
   Sub-pages stay reachable through the sidebar Menu widget. */
@media (max-width: 991px) {
  .header-top .container { padding: 0 12px; box-sizing: border-box; }
  .main-navigation { display: block !important; float: none !important; width: 100% !important; text-align: center; }
  .main-navigation ul { display: flex !important; flex-wrap: wrap; justify-content: center; margin: 0 !important; padding: 6px 0 !important; }
  .main-navigation li { display: block !important; margin: 0 !important; float: none !important; }
  .main-navigation a { padding: 10px 12px !important; font-size: 13px !important; line-height: 1.3 !important; }
  .main-navigation ul ul { display: none !important; }
  .main-navigation ul .menu-item-has-children:after { display: none !important; }
}
/* site title filled the whole width on phones */
@media (max-width: 600px) {
  .site-branding .site-title, .site-branding .site-title a { font-size: 40px !important; line-height: 1.15 !important; }
}