/* Mega menu built from the existing WordPress menu hierarchy. */
.primary-nav li{position:relative}
.primary-nav > ul > li{position:static;display:flex;align-items:center}
.primary-nav .submenu-toggle{display:grid;place-items:center;width:26px;height:34px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer}
.primary-nav > ul > li > .submenu-toggle{position:static;margin-left:4px}
.primary-nav .submenu-toggle::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.primary-nav .submenu-toggle:hover,.primary-nav .submenu-toggle[aria-expanded="true"]{color:var(--red)}

.primary-nav > ul > li > .sub-menu{display:none;position:absolute;top:calc(100% - 4px);left:50%;z-index:60;transform:translateX(-50%);width:min(var(--mega-width,1240px),calc(100vw - 40px));max-height:calc(100vh - 110px);overflow-y:auto;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:start;gap:26px 22px;margin:0;padding:30px;border-top:3px solid var(--red);border-radius:0 0 12px 12px;background:linear-gradient(135deg,#fff 65%,#f7f9fb);box-shadow:0 18px 34px rgba(9,24,39,.18)}
.primary-nav > ul > li:hover > .sub-menu,.primary-nav > ul > li:focus-within > .sub-menu,.primary-nav > ul > li.submenu-open > .sub-menu{display:grid}
.primary-nav > ul > li > .sub-menu > li{min-width:0;padding:0 0 12px;border-bottom:1px solid #e8ebee}
.primary-nav > ul > li > .sub-menu > li > a{display:block;padding:0 0 8px;border:0;color:var(--navy);font-size:13px;font-weight:800;line-height:1.4;white-space:normal}
.primary-nav > ul > li > .sub-menu > li > a:hover,.primary-nav > ul > li > .sub-menu > .current-menu-item > a{color:var(--red)}
.primary-nav > ul > li > .sub-menu .sub-menu{display:block;position:static;margin:0;padding:0;background:none;box-shadow:none}
.primary-nav > ul > li > .sub-menu .sub-menu li{margin:0}
.primary-nav > ul > li > .sub-menu .sub-menu a{display:block;padding:6px 0;border:0;color:var(--muted);font-size:12px;font-weight:600;line-height:1.45;white-space:normal;text-transform:none}
.primary-nav > ul > li > .sub-menu .sub-menu a:hover,.primary-nav > ul > li > .sub-menu .sub-menu .current-menu-item > a{color:var(--red)}
.primary-nav > ul > li > .sub-menu .sub-menu .sub-menu{padding-left:12px;border-left:2px solid #e8ebee}
.primary-nav > ul > li > .sub-menu .submenu-toggle{display:none}

@media(min-width:981px){
  .primary-nav > ul > li[data-mega-align="left"] > .sub-menu{left:max(20px,min(calc((100vw - var(--container))/2),calc(100vw - var(--mega-width,1240px) - 20px)));transform:none}
  .primary-nav > ul > li[data-mega-align="right"] > .sub-menu{left:auto;right:max(20px,min(calc((100vw - var(--container))/2),calc(100vw - var(--mega-width,1240px) - 20px)));transform:none}
}

@media(max-width:980px){
  .primary-nav > ul > li{position:relative;display:block}
  .primary-nav > ul > li > .sub-menu,.primary-nav > ul > li > .sub-menu .sub-menu{display:none;position:static;top:auto;left:auto;transform:none;width:auto;max-height:none;overflow:visible;grid-template-columns:none;gap:0;padding:0 0 0 16px;border:0;border-radius:0;background:#f6f7f8;box-shadow:none}
  .primary-nav > ul > li:hover > .sub-menu,.primary-nav > ul > li:focus-within > .sub-menu{display:none}
  .primary-nav > ul > li.submenu-open > .sub-menu,.primary-nav .sub-menu li.submenu-open > .sub-menu{display:block}
  .primary-nav > ul > li > .sub-menu > li{padding:0;border-bottom:0}
  .primary-nav > ul > li > .sub-menu > li > a,.primary-nav > ul > li > .sub-menu .sub-menu a{padding:12px 48px 12px 14px;border-bottom:1px solid #e8ebee;color:var(--ink);font-size:12px;font-weight:700;text-transform:uppercase}
  .primary-nav > ul > li > .sub-menu .sub-menu{background:#eef1f4}
  .primary-nav > ul > li > .sub-menu .sub-menu .sub-menu{padding-left:16px;border:0}
  .primary-nav .menu-item-has-children > a{padding-right:52px}
  .primary-nav > ul > li > .submenu-toggle,.primary-nav .sub-menu .submenu-toggle{display:grid;position:absolute;top:0;right:0;transform:none;width:44px;height:49px;margin:0}
  .primary-nav .submenu-toggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
}