/* header dropdown menu */
.nav .menu-item-has-children{display:block!important;position:relative!important}
.nav .menu-item-has-children>a{display:inline-flex;align-items:center;cursor:pointer}
.nav .menu-item-has-children>a::after{content:"";width:6px;height:6px;margin-left:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s ease}
.nav .sub-menu{position:absolute;top:100%;left:0;min-width:214px;margin:0;padding:8px;list-style:none;background:var(--c-bg);border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.nav .sub-menu .menu-item{display:block!important}
.nav .sub-menu a{display:block;padding:9px 12px;border-radius:9px;white-space:nowrap;color:var(--c-text-2)}
.nav .sub-menu a:hover{color:var(--c-text);background:var(--c-surface-2)}
.nav .menu-item-has-children:hover>.sub-menu,.nav .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.nav .menu-item-has-children:hover>a::after,.nav .menu-item-has-children:focus-within>a::after{transform:translateY(1px) rotate(225deg)}
/* parent stays highlighted while a child page is open */
.nav .current-menu-parent>a,.nav .current-menu-ancestor>a,.nav .current-menu-item>a,.nav .sub-menu .current-menu-item>a{color:var(--c-accent)}
@media (max-width:1080px){
.nav .menu-item-has-children{display:contents!important}
.nav a{padding-left:14px;padding-right:14px}
.nav .menu-item-has-children>a{display:flex;width:100%;justify-content:space-between}
.nav .menu-item-has-children>a::after{margin-left:auto;margin-right:0}
.nav .sub-menu{display:block;position:static;opacity:0;visibility:visible;transform:none;background:none;border:0;border-radius:0;box-shadow:none;min-width:0;max-height:0;overflow:hidden;padding:0 0 0 14px;transition:max-height .35s ease,opacity .3s ease,padding .35s ease}
.nav .menu-item-has-children.is-open>.sub-menu{max-height:360px;opacity:1;padding:2px 0 10px 14px}
.nav .menu-item-has-children.is-open>a::after{transform:translateY(1px) rotate(225deg)}
.nav .sub-menu a{border-bottom:0;padding:10px 14px;font-size:.95rem;border-radius:9px}
}