/* Mobile layout, added 2026-10-23. Only applies below the 950px desktop design; desktop is unchanged. */
.mobile-menu-toggle { display: none; }

@media (max-width: 979px) {
  body { background-size: 980px auto; -webkit-text-size-adjust: 100%; }
  #wrapper2 { width: auto; margin: 16px 0 0; }

  /* header: logo left, menu button right; the button opens both menus as one list */
  #wrapper2 { position: relative; }
  #wrapper2 > a:first-child { display: block; padding: 0 70px 12px 16px; }
  img.logo { float: none; display: block; max-width: 100%; height: auto; }
  .mobile-menu-toggle {
    display: block; position: absolute; top: 4px; right: 12px; width: 46px; height: 46px; padding: 11px 10px;
    background: transparent; border: 1px solid rgba(255,255,255,.35); border-radius: 6px; cursor: pointer;
  }
  .mobile-menu-toggle span { display: block; height: 2px; margin: 5px 0; background: #fff; border-radius: 1px; transition: transform .2s, opacity .2s; }
  .mobile-menu-open .mobile-menu-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .mobile-menu-open .mobile-menu-toggle span:nth-child(2) { opacity: 0; }
  .mobile-menu-open .mobile-menu-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  #pages, #categories { display: none; float: none; width: auto; height: auto; min-height: 0; border: 0; }
  .mobile-menu-open #pages { display: block; background: #144F8C; border-top: 1px solid rgba(255,255,255,.2); }
  .mobile-menu-open #categories { display: block; background: #0f3f72; }
  #pages ul, #categories ul { float: none; display: flex; flex-direction: column; margin: 0; padding: 0; }
  #pages ul li, #categories ul li { float: none; height: auto; margin: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
  #pages ul li a:link, #pages ul li a:visited, #pages ul li a:active, #pages ul li a:hover,
  #categories ul li a:link, #categories ul li a:visited, #categories ul li a:active, #categories ul li a:hover {
    float: none; height: auto; margin: 0; padding: 13px 16px; border: 0; background-image: none; font-size: 16px; font-weight: normal;
  }
  #categories ul li a:link, #categories ul li a:visited, #categories ul li a:hover { padding-left: 32px; font-size: 15px; }
  #pages ul li:nth-child(1) { order: 10 } #pages ul li:nth-child(2) { order: 9 } #pages ul li:nth-child(3) { order: 8 }
  #pages ul li:nth-child(4) { order: 7 } #pages ul li:nth-child(5) { order: 6 } #pages ul li:nth-child(6) { order: 5 }
  #pages ul li:nth-child(7) { order: 4 } #pages ul li:nth-child(8) { order: 3 } #pages ul li:nth-child(9) { order: 2 }
  #pages ul li:nth-child(10) { order: 1 }
  #pages ul li.current-menu-item a, #pages ul li.current_page_item a { background: rgba(255,255,255,.12); }

  /* one column: content, then sidebar, then footer */
  #container, #containerwrap { float: none; width: auto; display: flow-root; }
  #containerwrap { background-size: 120px auto; }
  #left-div, #left-inside { float: none; width: auto; }
  #left-inside { padding: 0 12px 12px; }
  .post-wrapper, .home-post-wrap2, .index-post-wrap, .featured, .current-category, .single-entry {
    float: none; width: auto; margin-right: 0; box-sizing: border-box;
  }
  .post-wrapper, .home-post-wrap2, .featured { padding: 14px; }
  .home-post-wrap2, .featured { margin-top: 12px; }
  .titles-featured a, .titles-featured, h2.titles a { font-size: 21px !important; line-height: 1.25; }
  .post-title { line-height: 1.25; }
  #sidebar { float: none; width: auto; padding: 0 12px 24px; }
  #sidebar > div { float: none; width: auto; }
  #footer { width: auto; height: auto; padding: 14px 16px; background: #01265D; }

  /* content: images, maps and forms fit the screen */
  #left-inside img { max-width: 100%; height: auto; }
  #left-inside .alignleft, #left-inside .alignright { float: none; display: block; margin: 0 auto 12px; }
  #left-inside iframe, #left-inside embed, #left-inside object, #left-inside table { max-width: 100%; }
  #left-inside p, #left-inside li { font-size: 14px; line-height: 1.55; }
  .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea {
    width: 100%; box-sizing: border-box; font-size: 16px; padding: 8px;
  }
  .wpcf7 input[type="submit"] { font-size: 16px; padding: 8px 22px; }
}