/* Bricks nav-menu + mobile-menu rules extracted from frontend.min.css (law header) */
.bx-has-multilevel .open>ul,.bx-has-multilevel.open>ul{opacity:1;transform:translate(0);visibility:visible}
.bx-has-multilevel .open.active,.bx-has-multilevel .open.active>ul>li,.bx-has-multilevel.open.active,.bx-has-multilevel.open.active>ul>li{display:flex}
.bx-has-multilevel .menu-item a{width:100%}
.bx-has-multilevel .open:not(.active)>.bx-submenu-toggle{display:none}
.bx-has-multilevel>ul ul{transform:translate(20px);transition:transform .1s cubic-bezier(0,0,.2,1);will-change:transform}
.bx-has-multilevel ul:not(.bx-multilevel-overflow-right){left:0!important}
.bx-has-multilevel ul .active>.bx-submenu-toggle,.bx-has-multilevel ul li:not(.open){display:none}
.bx-submenu-toggle{align-items:center;cursor:pointer;display:flex}
.bx-submenu-toggle.icon-right button{margin-left:10px}
.bx-submenu-toggle.icon-left{flex-direction:row-reverse}
.bx-submenu-toggle.icon-left button{margin-right:10px}
.bx-submenu-toggle button{align-items:center;background-color:transparent;color:currentcolor;display:flex;transition:transform .1s cubic-bezier(0,0,.2,1);will-change:transform}
.bx-submenu-toggle svg{stroke:currentcolor}
.bx-multilevel-overflow-right,.bx-multilevel-overflow-right ul,.bx-submenu-overflow-right{left:auto!important;right:0!important}
.bx-sub-submenu-overflow-right,.bx-sub-submenu-overflow-right ul,.bx-submenu-overflow-right ul{left:auto!important;right:100%!important}
#bx-header.sticky .cmp-nav-menu>li>a,#bx-header.sticky>.c-block,#bx-header.sticky>.c-container,#bx-header.sticky>.c-div,#bx-header.sticky>.c-section{transition:inherit}
.c-dropdown .bx-submenu-toggle{gap:10px}
.bx-multilevel-back{align-items:center;cursor:pointer;display:flex;gap:3px;width:100%}
:where(.c-nav-menu).dragging .cmp-mobile-menu-wrapper{display:none!important;pointer-events:none!important}
:where(.c-nav-menu) ol,:where(.c-nav-menu) ul{list-style-type:none;margin:0;padding:0}
:where(.c-nav-menu) .cmp-nav-menu{display:flex;line-height:inherit;margin:0;padding:0}
:where(.c-nav-menu) .cmp-nav-menu>li{margin:0 0 0 30px}
:where(.c-nav-menu) .cmp-nav-menu>li.menu-item-has-children:hover:before{content:"";height:100%;min-height:60px;position:absolute;top:100%;width:100%;z-index:1}
:where(.c-nav-menu) .cmp-nav-menu>li>.sub-menu.caret:before{border:0 solid transparent;border-bottom:0 solid var(--cmp-bg-dark);content:"";height:0;left:0;position:absolute;top:0;transform:translateY(-100%);width:0}
:where(.c-nav-menu) .cmp-nav-menu>li[data-toggle=click]:before{display:none}
:where(.c-nav-menu) .cmp-nav-menu>li[data-toggle=click].open>.sub-menu.caret:before{display:block}
:where(.c-nav-menu) .cmp-nav-menu>li[data-toggle=click] .sub-menu.caret:before{display:none}
:where(.c-nav-menu) .cmp-nav-menu li{position:relative}
:where(.c-nav-menu) .cmp-nav-menu li.open>.sub-menu{opacity:1;visibility:visible}
:where(.c-nav-menu) .cmp-nav-menu li.open[data-static]>.sub-menu{display:block}
:where(.c-nav-menu) .cmp-nav-menu li:not(.bx-has-megamenu)>a{display:flex;width:100%}
:where(.c-nav-menu) .cmp-nav-menu li[data-static]{flex-direction:column}
:where(.c-nav-menu) .cmp-nav-menu li[data-static] .sub-menu{display:none;position:static!important;transform:none}
:where(.c-nav-menu) .cmp-nav-menu .sub-menu{background-color:var(--cmp-bg-dark);color:#fff;line-height:60px;min-width:150px;opacity:0;position:absolute;top:100%;transition:var(--cmp-transition);visibility:hidden;white-space:nowrap;z-index:998}
:where(.c-nav-menu) .cmp-nav-menu .sub-menu li{border-style:none;position:relative;width:100%}
:where(.c-nav-menu) .cmp-nav-menu .sub-menu a,:where(.c-nav-menu) .cmp-nav-menu .sub-menu button{color:currentcolor;padding:0 20px}
:where(.c-nav-menu) .cmp-nav-menu .sub-menu .sub-menu{left:100%;padding-top:0;top:0}
:where(.c-nav-menu) .cmp-nav-menu .bx-has-multilevel .sub-menu .bx-submenu-toggle{width:100%}
:where(.c-nav-menu) .cmp-mobile-menu-toggle{background-color:transparent;cursor:pointer;display:none;height:16px;min-width:12px;position:relative;width:20px}
:where(.c-nav-menu) .cmp-mobile-menu-toggle.always{display:block!important}
:where(.c-nav-menu) .cmp-mobile-menu-toggle:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}
:where(.c-nav-menu) .cmp-mobile-menu-toggle:hover span{min-width:12px;width:20px}
:where(.c-nav-menu) .cmp-mobile-menu-toggle span{background-color:currentcolor;display:block;height:2px;position:absolute;right:0;transition:var(--cmp-transition)}
:where(.c-nav-menu) .cmp-mobile-menu-toggle .bar-top{min-width:12px;top:0;width:20px}
:where(.c-nav-menu) .cmp-mobile-menu-toggle .bar-center{min-width:12px;top:7px;width:20px}
:where(.c-nav-menu) .cmp-mobile-menu-toggle .bar-bottom{min-width:12px;top:14px;width:20px}
.bx-body.iframe .cmp-mobile-menu-wrapper .sub-menu{display:block!important}
.c-nav-menu.show-mobile-menu .cmp-mobile-menu-toggle{min-width:20px;width:20px;z-index:1000}
.c-nav-menu.show-mobile-menu .cmp-mobile-menu-toggle.fixed{position:fixed}
.c-nav-menu.show-mobile-menu .cmp-mobile-menu-toggle .bar-top{top:50%;transform:rotate(45deg)}
.c-nav-menu.show-mobile-menu .cmp-mobile-menu-toggle .bar-center{opacity:0}
.c-nav-menu.show-mobile-menu .cmp-mobile-menu-toggle .bar-bottom{top:50%;transform:rotate(-45deg)}
.c-nav-menu.show-mobile-menu li.open>.bx-megamenu{display:initial;opacity:1;position:static;visibility:visible}
.c-nav-menu.show-mobile-menu .cmp-mobile-menu-wrapper{max-width:100vw;opacity:1!important;transform:translateX(0)!important;visibility:visible;z-index:999}
.c-nav-menu.show-mobile-menu .cmp-mobile-menu-overlay{opacity:1;visibility:visible;z-index:998}
.c-nav-menu .cmp-mobile-menu-wrapper{bottom:0;color:#fff;display:flex;flex-direction:column;height:100vh;height:calc(var(--cmp-vh, 1vh)*100);left:0;position:fixed;right:auto;scrollbar-width:none;top:0;transition-duration:.2s;transition-property:background-color,opacity,transform,visibility;visibility:hidden;width:300px;z-index:999}
.c-nav-menu .cmp-mobile-menu-wrapper::-webkit-scrollbar{background:transparent;height:0;width:0}
.c-nav-menu .cmp-mobile-menu-wrapper:before{background-color:#23282d;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}
.c-nav-menu .cmp-mobile-menu-wrapper.fade-in{opacity:0;transform:translateX(0)!important}
.c-nav-menu .cmp-mobile-menu-wrapper.left{transform:translateX(-100%)}
.c-nav-menu .cmp-mobile-menu-wrapper.right{left:auto;right:0;transform:translateX(100%)}
.c-nav-menu .cmp-mobile-menu-wrapper .cmp-mobile-menu{overflow-y:scroll;position:relative;scrollbar-width:none}
.c-nav-menu .cmp-mobile-menu-wrapper .cmp-mobile-menu::-webkit-scrollbar{background:transparent;height:0;width:0}
.c-nav-menu .cmp-mobile-menu-wrapper .cmp-mobile-menu>li>.bx-submenu-toggle>*,.c-nav-menu .cmp-mobile-menu-wrapper .cmp-mobile-menu>li>a{padding:0 30px}
.c-nav-menu .cmp-mobile-menu-wrapper .cmp-mobile-menu .bx-megamenu{display:none}
.c-nav-menu .cmp-mobile-menu-wrapper a{display:block;width:100%}
.c-nav-menu .cmp-mobile-menu-wrapper .bx-megamenu a{display:initial}
.c-nav-menu .cmp-mobile-menu-wrapper li a{line-height:60px}
.c-nav-menu .cmp-mobile-menu-wrapper li a:focus{outline-offset:-1px}
.c-nav-menu .cmp-mobile-menu-wrapper .sub-menu{background:none!important;display:none;line-height:40px}
.c-nav-menu .cmp-mobile-menu-wrapper .sub-menu li>.bx-submenu-toggle>*,.c-nav-menu .cmp-mobile-menu-wrapper .sub-menu li>a{padding:0 45px}
.c-nav-menu .cmp-mobile-menu-wrapper li.open>.sub-menu{display:block}
.c-nav-menu .cmp-mobile-menu-wrapper li.menu-item-has-children:hover:before{display:none}
.c-nav-menu .cmp-mobile-menu-overlay{background-color:rgba(0,0,0,.25);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .2s;visibility:hidden;z-index:-1}
li.menu-item-has-children [aria-expanded] .menu-item-icon{background-color:transparent;color:inherit;pointer-events:none;transition:inherit}
li.menu-item-has-children [aria-expanded] .menu-item-icon i{position:relative;top:2px}
li.menu-item-has-children [aria-expanded=false] .open{display:block}
li.menu-item-has-children [aria-expanded=false] .close{display:none}
li.menu-item-has-children [aria-expanded=true] .close{display:block}
li.menu-item-has-children [aria-expanded=true] .open{display:none}
.c-nav-nested[data-toggle=always] .bx-toggle-div,.c-nav-nested[data-toggle=always] .c-toggle{display:inline-flex}
.c-nav-nested .bx-toggle-div,.c-nav-nested .c-toggle{display:none}
.c-nav-nested li.c-text-link.menu-item{display:list-item}
.c-nav-nested.bx-open.multilevel .bx-nav-nested-items{overflow:hidden}
.c-nav-nested.bx-open li.menu-item a{width:100%}
.c-nav-nested.bx-open li.menu-item.bx-toggle-div{display:block!important}
.c-nav-nested.bx-open .bx-submenu-toggle{justify-content:space-between}

/* Sticky-header positioning + z-index (extracted from frontend.min.css; the layered base CSS omits these) */
#bx-header.transparent{background:transparent;border:none;box-shadow:none;color:#fff}
#bx-header.sticky{left:0;position:fixed;right:0;top:0;transition:background-color .2s,transform .4s;width:100%;z-index:998}
#bx-header.sticky.on-scroll{position:sticky}
#bx-header.sticky .cmp-nav-menu>li>a,#bx-header.sticky>.c-block,#bx-header.sticky>.c-container,#bx-header.sticky>.c-div,#bx-header.sticky>.c-section{transition:inherit}
#bx-header.sticky.slide-up{-ms-overflow-style:none;overflow-x:hidden;scrollbar-width:none;transform:translateY(-101%)}
#bx-header.sticky.slide-up::-webkit-scrollbar{display:none}
#bx-header.sticky.sliding{overflow:hidden}

/* The sticky header is `position:fixed` (removed from flow), so it reserves no
   space and the first section renders underneath it. On desktop each page's hero
   has enough top padding to clear the ~66px header, but on mobile/tablet those
   paddings shrink and the header overlaps the hero eyebrow / page title (homepage
   "OUR LAW OFFICES", Our Services "OUR AREAS OF PRACTICE", Contact "Get in Touch",
   Blog "Our Blog"). Use `position:sticky` below the desktop breakpoint so the
   header occupies its space in flow and content always starts below it — its band
   is the same dark `--base` as the header, so there is no blank gap. */
@media (max-width: 991px) {
  #bx-header.sticky { position: sticky; }
}

/* "Our Clients Say:" heading: the .wpress source styles it white with a faint
   text-shadow (a near-invisible ghost on the white testimonial bg). Override to the
   dark heading color used by the other on-white headings (#363636) for legibility. */
#c-owclhw { color: #363636 !important; }

/* ACSS flex utilities vs the Bricks default `.c-container{flex-direction:column}`
   (emitted inline by the static export) tie on specificity, and the inline rule wins
   by source order — collapsing every two-column `.flex--row` section to a stacked
   single column ON DESKTOP (e.g. About Us: the image panel got 0 height and its
   headshot vanished). Restore the ACSS intent ABOVE the mobile breakpoint only —
   `.flex--row` is meant to stack on mobile (≤767px), which already renders correctly,
   so scope the row layout to desktop to avoid squishing the two columns on phones. */
@media (min-width: 768px) {
  .c-container.flex--row { flex-direction: row; }
  .c-container.flex--row.stretch,
  .c-container.flex--row.align--stretch { align-items: stretch; }
}