/*
 * Submenu for nav items that have children.
 *
 * Generated by tools/import-dnn.mjs. DNN rendered these menus flat; the nesting
 * is derived from the URLs (see nestNav), and this is what makes it visible.
 */
.hasSub { position: relative; }

.hasSub > .subNav {
  display: none;
  position: absolute;
  top: 100%;          /* flush against the parent -- no gap to fall through */
  right: 0;
  z-index: 100;
  margin: 0;
  padding: 0.2em 0;
  list-style: none;
  min-width: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 0 0 4px 4px;
}

.hasSub:hover > .subNav,
.hasSub:focus-within > .subNav { display: block; }

.hasSub > .subNav > li { display: block; margin: 0; padding: 0; }

.hasSub > .subNav a {
  display: block;
  padding: 0.15em 0.8em;
  font-size: 0.8em;
  text-decoration: none;
  white-space: nowrap;
}