/* Local additions to the original NatureFox theme. */
.skip-link { position: absolute; left: 8px; top: -100px; padding: 8px; background: white; z-index: 100; }
.skip-link:focus { top: 8px; }
a:focus-visible, .table-scroll:focus-visible { outline: 2px solid #658725; outline-offset: 3px; }
.table-scroll { overflow-x: auto; max-width: 100%; margin: 1em 0; }
.table-scroll table { margin-bottom: 0; }
.main { overflow-wrap: anywhere; }
.main a:hover { text-decoration: underline; }
@media (max-width: 980px) {
  body { min-width: 0; }
  .header { width: calc(100% - 24px); height: auto; padding-top: 106px; background-size: 100% 150px; }
  .header ul.menu { position: relative; width: 100%; height: auto; display: flex; flex-wrap: wrap; background: #554029; }
  .header ul.menu li { float: none; }
  .cbox, .content, .footer, #design { width: calc(100% - 24px); }
  .content { width: 100%; box-sizing: border-box; }
  .main { box-sizing: border-box; width: 74%; padding: 0 20px; }
  .sidebar { box-sizing: border-box; width: 26%; padding-right: 16px; }
  .footer { height: auto; min-height: 38px; background: #eee; }
  .footer p { line-height: 1.8; padding: 8px; }
}
@media (max-width: 680px) {
  .main, .sidebar { float: none; width: 100%; padding: 0 16px; }
  .sidebar { margin-top: 32px; }
  .header ul.menu>li>a span span { padding: 0 10px; font-size: 13px; }
  .main ul { margin-left: 12px; margin-right: 0; }
}