/* The webinar call to action follows Blog on every page. */
.main-nav>a.nav-webinars{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--pink);color:#fff;border:1px solid transparent;border-radius:999px;
  padding:11px 17px;margin-left:4px;font-size:14px;line-height:1.3;text-transform:none;
}
.main-nav>a.nav-webinars:hover,.main-nav>a.nav-webinars:focus-visible{background:var(--purple);color:#fff}
.main-nav>a.nav-webinars[aria-current=page]{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 0 0 3px #66388920}
/* Collapse before the longer new navigation could crowd the logo or socials. */
@media(max-width:1150px){
  .site-header{gap:15px}
  .menu-toggle{display:block;margin-left:auto;border:0;background:none;padding:12px;color:var(--pink);font-weight:bold}
  .social-links{margin-left:0}
  .main-nav{position:absolute;left:0;right:0;top:var(--header);background:#fff;padding:15px 6% 22px;box-shadow:0 12px 20px #21152c15;align-items:stretch;gap:0;max-height:calc(100svh - var(--header));overflow:auto}
  .main-nav:not([data-open]){display:none}
  .main-nav[data-open]{display:flex;flex-direction:column}
  .main-nav>a,.nav-group>summary{padding:10px 0;border-bottom-width:2px;font-size:16px}
  .nav-submenu{position:static;box-shadow:none;border:none;min-width:0;border-left:2px solid var(--line);margin-left:5px}
  .main-nav>a.nav-webinars{margin:12px 0 0;padding:13px 18px;align-self:flex-start;white-space:normal;text-align:center;font-size:16px}
  html:not(.js) .site-header{height:auto;flex-wrap:wrap;padding-top:15px}
  html:not(.js) .menu-toggle{display:none}
  html:not(.js) .main-nav{display:flex;position:static;flex-direction:column;width:100%;order:3;box-shadow:none;max-height:none}
}
@media print{.site-header{display:none}}