/* Main page masthead: white surface for the original full-colour logo. */
.page-index #nav,
.page-index #nav.scrolled {
  background:#fff;
  border-bottom:1px solid #dfe7e1;
  backdrop-filter:none;
  box-shadow:0 2px 12px rgba(31,61,42,.04);
}
.page-index #nav.scrolled {box-shadow:0 4px 18px rgba(31,61,42,.08)}
.page-index #nav .logo {background:transparent}
.page-index #nav .nav-links,
.page-index #nav .nav-links>a,
.page-index #nav .nav-group>a {color:#2c4436}
.page-index #nav .nav-links>a:hover,
.page-index #nav .nav-links>a.cur,
.page-index #nav .nav-group>a:hover,
.page-index #nav .nav-group>a.cur,
.page-index #nav .nav-group:focus-within>a {color:#287842}
.page-index #nav .nav-submenu {
  background:#fff;
  border-top-color:#468a4c;
  box-shadow:0 12px 28px rgba(31,61,42,.12);
}
.page-index #nav .nav-submenu a {color:#405d4a!important}
.page-index #nav .nav-submenu a:hover,
.page-index #nav .nav-submenu a.cur {color:#21783d!important}
.page-index #nav .nav-burger {color:#2c4436}
.page-index #nav a:focus-visible,
.page-index #nav button:focus-visible {outline:2px solid #468a4c;outline-offset:5px}
@media(max-width:1100px) {
  .page-index #nav.open .nav-links {
    background:#fff;
    border-bottom-color:#dfe7e1;
    box-shadow:0 12px 22px rgba(31,61,42,.08);
  }
  .page-index #nav.open .nav-links>.nav-group>a {
    color:#2c4436;
    border-bottom-color:#e4ebe6;
  }
  .page-index #nav .nav-submenu {
    background:#f6f9f7;
    border-top:0;
    border-left-color:#468a4c;
    box-shadow:none;
  }
}