/* Site branding may override --lio-nav-accent and --lio-header-shadow. */
.site-header .lio-nav-mobile{display:none}
/* LIO CMS default responsive header standard.
 * Sticky scroll-aware header and accessible native-details mobile menu.
 */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  transform: translateY(0);
  transition: transform .32s ease, box-shadow .2s ease;
  background: #fff;
  box-shadow:var(--lio-header-shadow,0 5px 24px rgba(21,64,42,.06));
}
.site-header.lio-nav-up {transform: translateY(-105%);pointer-events:none;}
.site-header.lio-nav-down {transform: translateY(0);pointer-events:auto;}
.site-header .lio-nav-desktop a[aria-current="page"] {
  color: var(--lio-nav-accent,var(--accent,#28684a));
  text-decoration: none;
  box-shadow: inset 0 -2px var(--lio-nav-accent,var(--accent,#8dbf90));
}
html {scroll-padding-top: 90px;}
@media (max-width:1200px){
  .site-header .wrap{
    min-height:76px;
    display:flex;align-items:center;flex-direction:row;justify-content:space-between;
    padding:8px 0;gap:12px;position:relative;
  }
  .site-header nav.lio-nav-desktop {display:none;}
  .site-header .lio-nav-mobile {display:block;position:relative;margin-left:auto;z-index:2;}
  .site-header .lio-nav-mobile summary {
    display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;padding:7px;margin:0;
    border:0;background:transparent;color:var(--lio-nav-accent,var(--accent,#184a33));
    cursor:pointer;list-style:none;border-radius:8px;
    font-size:0;box-shadow:none;
  }
  .site-header .lio-nav-mobile summary::-webkit-details-marker {display:none;}
  .site-header .lio-nav-mobile summary:hover,
  .site-header .lio-nav-mobile summary:focus-visible {background:#f0f7ec;}
  .site-header .lio-nav-mobile summary:focus-visible{
    outline:3px solid #97c290;outline-offset:2px;
  }
  .lio-menu-word{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
  }
  .lio-menu-bars{
    display:flex;position:relative;flex-direction:column;justify-content:space-between;
    width:28px;height:22px;
  }
  .lio-menu-bars span {
    display:block;width:100%;height:2px;background:currentColor;
    border-radius:2px;transition:transform .25s ease,opacity .2s ease;
    transform-origin:center;
  }
  .lio-nav-mobile[open] .lio-menu-bars span:nth-child(1) {transform:translateY(10px) rotate(45deg);}
  .lio-nav-mobile[open] .lio-menu-bars span:nth-child(2) {opacity:0;}
  .lio-nav-mobile[open] .lio-menu-bars span:nth-child(3) {transform:translateY(-10px) rotate(-45deg);}
  .site-header .lio-nav-mobile nav {
    position:fixed;
    top:var(--lio-header-height,76px);
    left:0;
    right:0;
    bottom:0;
    z-index:101;
    width:100vw;
    height:calc(100dvh - var(--lio-header-height,76px));
    box-sizing:border-box;
    overflow-y:auto;overscroll-behavior:contain;
    margin:0;
    padding:24px max(16px,calc((100vw - 1120px)/2));
    background:#fff;
    border:0;border-top:1px solid #e7eee6;border-radius:0;
    box-shadow:none;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:min-content;
    align-content:start;
    align-items:stretch;
    gap:10px;
    animation:lio-menu-enter .28s cubic-bezier(.18,.78,.21,1) both;
  }
  .site-header .lio-nav-mobile nav a {
    display:flex;align-items:center;justify-content:center;min-height:55px;
    box-sizing:border-box;
    padding:12px 16px;
    color:var(--lio-nav-accent,var(--accent,#234a35));background:#f9fcf8;
    text-align:center;text-decoration:none;
    font-size:15px;font-weight:600;line-height:1.35;
    border:1px solid #d4e4d4;border-radius:12px;
    transition:background .15s ease,border-color .15s ease;
  }
  .site-header .lio-nav-mobile nav a:hover,
  .site-header .lio-nav-mobile nav a:focus-visible,
  .site-header .lio-nav-mobile nav a[aria-current="page"]{
    background:#edf6ea;border-color:#92bd98;color:var(--lio-nav-accent,var(--accent,#174c35));
  }
  .site-header .lio-nav-mobile nav a:focus-visible{outline:3px solid #92bd98;outline-offset:2px;}
  html.lio-menu-open,body.lio-menu-open{overscroll-behavior:none;}
  html.lio-menu-open{overflow:hidden;}
  body.lio-menu-open{overflow:hidden!important;}
  @keyframes lio-menu-enter {
    from {opacity:.72;transform:translateX(-100%);}
    to {opacity:1;transform:translateX(0);}
  }
}
@media (max-width:600px){
  .site-header .wrap{min-height:68px;gap:8px;}
  .site-header .lio-nav-mobile nav{padding:22px 16px;}
  .site-header .lio-nav-mobile nav a{font-size:14px;min-height:54px;padding:12px 8px;}
}
@media (max-width:340px){
  .site-header .lio-nav-mobile nav{grid-template-columns:1fr;}
  .site-header .lio-nav-mobile nav a{min-height:46px;}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.lio-menu-bars span,
  .site-header .lio-nav-mobile nav{transition:none!important;animation:none!important;}
}

/* Keep heading, image logo and hamburger in a single mobile row. */
@media(max-width:1200px){.site-header .wrap{align-items:center!important;flex-direction:row!important}.site-header .lio-nav-desktop{display:none!important}.site-header .lio-nav-mobile{display:block!important}}
