/*! RP Theme — the navigation's third level
    Practice Areas and Industries open their own lists from the header menu and from
    the mobile drawer (1.9.0). Hand-authored (not generated), so this file is safe to
    edit; it loads after rp-header.css, whose dropdown rules it builds on. */

/* ---------- desktop: a list beside the dropdown ------------------ */
.nav-deep{position:relative}
/* the parent row keeps room for the chevron that marks it as having a list */
.nav .nav-sub .nav-deep>a{padding-right:52px}
.nav-deep>.nav-toggle{position:absolute;top:0;right:8px;width:34px;height:100%;color:var(--muted)}
.nav-deep>.nav-toggle .ico{transform:rotate(-90deg)}
.nav-deep.is-open>.nav-toggle .ico{transform:rotate(-90deg)}
/* the list itself: it hangs beside its row, and it reaches back over the gap so the
   pointer can travel to it without falling through */
.nav-sub2{position:absolute;left:100%;top:-10px;z-index:6;min-width:286px;padding:10px 0;background:var(--white);
  box-shadow:0 24px 48px rgba(20,24,27,.16);opacity:0;visibility:hidden;transform:translateX(8px);
  transition:opacity .2s ease,transform .24s cubic-bezier(.22,.61,.36,1),visibility 0s linear .3s}
.nav-sub2::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:12px}
.nav-deep.is-open>.nav-sub2{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media(hover:hover){.nav-deep:hover>.nav-sub2{opacity:1;visibility:visible;transform:none;transition-delay:0s}}
.nav .nav-sub2 a{display:block;padding:10px 24px;color:var(--ink);font-size:14.5px;line-height:1.35;white-space:nowrap;
  transition:background-color .15s,box-shadow .15s}
.nav .nav-sub2 a:active,.nav .nav-sub2 a[aria-current]{background:var(--gray-soft);box-shadow:inset 3px 0 0 var(--red)}
@media(hover:hover){.nav .nav-sub2 a:hover{background:var(--gray-soft);box-shadow:inset 3px 0 0 var(--red)}}
.nav .nav-sub2 a:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
/* near the right of a narrower desktop screen the list opens to the left instead */
@media(min-width:1201px) and (max-width:1439px){
  .nav-sub2{left:auto;right:100%;transform:translateX(-8px)}
  .nav-sub2::before{right:auto;left:100%}
  .nav-deep.is-open>.nav-sub2{transform:none}
  @media(hover:hover){.nav-deep:hover>.nav-sub2{transform:none}}
}

/* ---------- the drawer: one more step in ------------------------- */
.mnav-deep{position:relative}
.mnav .mnav-sub .mnav-deep>a{padding-right:calc(var(--pad) + 46px)}
.mnav-deep>.mnav-toggle{top:0;right:calc(var(--pad) - 10px);width:42px;height:46px;border-left:0}
.mnav-deep.is-open>.mnav-toggle{background:var(--red);border-color:var(--red)}
.mnav-deep.is-open>.mnav-toggle .ico{transform:rotate(180deg)}
.mnav-sub2{display:none;padding:2px 0 10px;background:rgba(0,0,0,.16)}
.mnav-deep.is-open>.mnav-sub2{display:block;animation:rpSubIn .3s cubic-bezier(.22,.61,.36,1)}
.mnav .mnav-sub2 a{min-height:42px;padding-left:calc(var(--pad) + 26px);font-size:14.5px;color:rgba(255,255,255,.66)}
.mnav .mnav-sub2 a::before{width:10px}
@supports(padding:max(0px)){
  .mnav .mnav-sub2 a{padding-left:calc(max(var(--pad),env(safe-area-inset-left)) + 26px)}
}

@media(prefers-reduced-motion:reduce){
  .nav-sub2{transition:none}
  .mnav-deep.is-open>.mnav-sub2{animation:none}
}