/* Essential static layout, replacing crawler-excluded Drupal system CSS. */
[hidden] { display: none !important; }
.clearfix::after, .clear-block::after { content: ''; display: table; clear: both; }
.element-invisible { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
img { max-width: 100%; height: auto; }
.field .field-label { font-weight: bold; }
.field-label-inline .field-label, .field-label-inline .field-items { float: left; }
#slider .image_reel { width: 100% !important; position: relative !important; left: 0 !important; }
#slider .image_reel > a { display: block; width: 100%; }
#slider .image_reel img { width: 100%; display: block; float: none; }
ul.menu, ul.menu li { list-style: none; }
ul.menu li:hover > ul, ul.menu li:focus-within > ul { display: block; visibility: visible; }
.static-lightbox { padding: 14px; max-width: 92vw; max-height: 92vh; border: 0; background: #111; color: #fff; }
.static-lightbox::backdrop { background: #000c; }
.static-lightbox img { display: block; max-height: 80vh; max-width: 85vw; width: auto; object-fit: contain; }
.static-lightbox button { display: block; margin: 0 0 12px auto; padding: 8px 16px; cursor: pointer; }
@media (max-width: 1000px) {
  #wrap { width: auto; margin: 0 8px; padding: 0 18px 25px; }
  #wrapper, #container, #header, #main-wrapper, #footer-wrapper, #footer { max-width: 100%; box-sizing: border-box; }
  #header { display: flex; flex-direction: column; gap: 12px; padding: 16px 0; }
  #header > div { display: flex; align-items: center; gap: 10px; }
  #logo, #sitename { float: none; padding: 0; }
  #logo { flex: 0 0 28px; }
  #sitename { min-width: 0; }
  #sitename h1, #sitename h2 { font-size: clamp(15px, 4.6vw, 24px); }
  #navigation { position: static; height: auto; }
  #slider, #slider .window, #slider .main_view { width: 100%; height: auto; }
  #slider { margin-bottom: 45px; }
  #slider .desc { width: 100%; box-sizing: border-box; }
  #main-menu ul.menu { display: flex; flex-wrap: wrap; padding-left: 0; }
  #main-menu ul.menu > li { float: none; }
}
@media (max-width: 640px) {
  .home-highlight-box, .footer-box { float: none; width: auto; margin: 0 0 24px; }
  body.sidebar-first #post-content, #sidebar { float: none; width: auto; }
  #slider .desc { font-size: 1.1em; padding: 7px; }
}