:is(#navlinks, #bmc-primary-nav) .menu-item-has-children { position: relative; }
:is(#navlinks, #bmc-primary-nav) .menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  width: .42em;
  height: .42em;
  margin-left: .55em;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: translateY(-.2em) rotate(45deg);
}
:is(#navlinks, #bmc-primary-nav) .sub-menu {
  margin: 0;
  padding: .4rem 0;
  list-style: none;
}
:is(#navlinks, #bmc-primary-nav) .sub-menu a {
  display: block;
  padding: .55rem .8rem;
}
@media (min-width: 741px) {
  :is(#navlinks, #bmc-primary-nav) .sub-menu {
    position: absolute;
    z-index: 1;
    inset: 100% auto auto 0;
    width: max-content;
    min-width: 13rem;
    max-width: min(20rem, 85vw);
    background: #191714;
    border: 1px solid #ffffff32;
    box-shadow: 0 .5rem 1.3rem #0005;
    display: none;
  }
  :is(#navlinks, #bmc-primary-nav) .menu-item-has-children:is(:hover, :focus-within) > .sub-menu {
    display: block;
  }
  :is(#navlinks, #bmc-primary-nav) .sub-menu .sub-menu { inset: 0 auto auto 100%; }
}
@media (max-width: 740px) {
  :is(#navlinks, #bmc-primary-nav) :is(.primary-menu, .bmc-primary-menu) {
    display: grid;
    width: 100%;
    gap: .45rem;
  }
  :is(#navlinks, #bmc-primary-nav) .sub-menu {
    padding-left: .7rem;
    margin-left: .25rem;
    border-left: 1px solid #ffffff40;
  }
  :is(#navlinks, #bmc-primary-nav) .sub-menu a { padding: .35rem .45rem; }
}