/* Override Hello Elementor's shared .site-header layout at every breakpoint. */
body.proam-landing .site-header {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) auto;
  align-items: center;
  justify-content: normal;
  gap: 32px;
  padding: 0 max(24px, calc((100% - var(--max)) / 2));
  height: var(--header-h);
  position: sticky;
  top: 0;
  z-index: 100;
  background: #fff;
}
body.proam-landing .site-header .brand {margin:0;justify-self:start;}
body.proam-landing .site-header .desktop-nav {min-width:0;white-space:nowrap;}
body.proam-landing .site-header .header-cta {white-space:nowrap;}
body.proam-landing .site-header .menu-button {padding:0;cursor:pointer;}
body.proam-landing .site-header a:focus-visible,
body.proam-landing .site-header button:focus-visible,
body.proam-landing .mobile-nav a:focus-visible {outline:3px solid #9c8200;outline-offset:3px;}
body.proam-landing .mobile-nav {display:none;}
@media (max-width:960px) {
  body.proam-landing .site-header {grid-template-columns:minmax(0,1fr) 46px;gap:16px;padding:0 20px;}
  body.proam-landing .site-header .desktop-nav,
  body.proam-landing .site-header .header-cta {display:none;}
  body.proam-landing .site-header .menu-button {display:grid;justify-self:end;}
  body.proam-landing .mobile-nav {
    display:grid;
    position:fixed;
    inset:var(--header-h) 0 auto;
    margin:0;
    width:100%;
    max-width:none;
    max-height:calc(100dvh - var(--header-h) - 46px);
    overflow-y:auto;
    overscroll-behavior:contain;
    box-sizing:border-box;
    z-index:99;
    background:#fff;
    transform:translateY(-12px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s;
  }
  body.proam-landing .mobile-nav.open {transform:none;opacity:1;visibility:visible;pointer-events:auto;}
}
body.proam-landing.admin-bar .site-header {top:32px;}
body.proam-landing.admin-bar .mobile-nav {top:calc(var(--header-h) + 32px);}
@media(max-width:782px){
  body.proam-landing.admin-bar .site-header {top:46px;}
  body.proam-landing.admin-bar .mobile-nav {top:calc(var(--header-h) + 46px);}
}
@media(max-width:600px){
  body.proam-landing.admin-bar .site-header {top:0;}
  body.proam-landing.admin-bar .mobile-nav {top:var(--header-h);}
}
@media(prefers-reduced-motion:reduce){body.proam-landing .mobile-nav {transition:none;}}
