/* Shared desktop and mobile navigation dropdowns. */
.site-dropdown { position:relative; display:flex; align-self:stretch; align-items:stretch; }
.site-dropdown > a { position:relative; display:flex; height:100%; align-items:center; }
.nav-caret { display: inline-block; margin-left: 5px; font-size: 10px; line-height: 1; transition: transform .2s ease; }
.site-dropdown-menu {
  position: absolute;
  z-index: 80;
  top: 100%;
  left: 0;
  display: grid;
  min-width: 184px;
  padding: 8px;
  border: 1px solid rgba(18, 59, 41, .13);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 16px 30px rgba(17, 49, 32, .15);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
  visibility: hidden;
}
.site-dropdown:hover .site-dropdown-menu,
.site-dropdown:focus-within .site-dropdown-menu,
.site-dropdown.is-open .site-dropdown-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.site-dropdown:hover .nav-caret,
.site-dropdown:focus-within .nav-caret,
.site-dropdown.is-open .nav-caret { transform: rotate(180deg); }
.site-dropdown-menu a,
.header .nav .li.site-dropdown .site-dropdown-menu a {
  display: block !important;
  width: 100% !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 4px;
  color: #395044 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  text-align: left !important;
  white-space: nowrap;
}
.site-dropdown-menu a::after,
.header .nav .li.site-dropdown .site-dropdown-menu a::after { display: none !important; }
.site-dropdown-menu a:hover { color: #123b29 !important; background: #edf4ee; }
.site-dropdown-menu .site-dropdown-sub { padding-left: 23px !important; color: #64746a !important; font-size: 12px !important; }

@media (max-width: 900px) {
  .nav.open .site-dropdown { display:block; }
  .nav.open .site-dropdown > a { display:block; height:auto; }
  .nav.open .site-dropdown-menu {
    position: static;
    display: grid;
    min-width: 0;
    margin: 0 0 6px;
    padding: 4px 0 7px 12px;
    border: 0;
    border-left: 1px solid rgba(18, 59, 41, .16);
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
  }
  .nav.open .site-dropdown-menu a { padding: 9px 10px !important; font-size: 13px !important; }
  .nav.open .site-dropdown-menu .site-dropdown-sub { padding-left: 20px !important; }
}