:root {
  --header-height-js: 9.4rem;
  --offset-total: 20.3rem;
}
.bricks-site-wrapper {
  top: 0px !important;
}
#the-problem, #systems-change, #who, #core-values, #key-methods {
  scroll-margin-top: var(--offset-total);
}
@media (max-width: 580px) {
  #the-problem, #systems-change, #who, #core-values, #key-methods {
    scroll-margin-top: calc(var(--offset-total) - var(--space-xl));
  }
}
/*#core-values {
    scroll-margin-top: 200px;
    scroll-margin-top: calc(20px + var(--scroll-margin-header-offset));
}*/
/* /////////////////////////////////////////////////////////////////////////////
/* ///  Page Navbar
/* ///////////////////////////////////////////////////////////////////////////*/
@media (min-width: 601px) {
  body.admin-bar .pg-lead-sub-header {
    top: calc(var(--header-height-js) + var(--wp-admin--admin-bar--height));
  }
}
#brx-header.sticky.scrolling.sub-nav-is-stuck:not(.slide-up) > .brxe-section {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0);
}
#pg-lead-sub-header {
  padding: 0 !important;
}
.pg-lead-sub-header {
  box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0);
  top: var(--header-height-js);
}
.pg-lead-sub-header nav {
  padding-block: var(--space-s);
  /*
        .x-toc_body {
        }

        // ol
        .x-toc_list {
            align-items: center;
            display: flex;
            flex-direction: row;
            gap: var(--space-s);
            justify-content: center;
        }

        // li
        .x-toc_list-item {
            //margin: 0 !important;
        }

        // a
        .x-toc_link {
            font-family: var(--font-display);
            font-weight: 700;
            letter-spacing: 0.02em;
            padding: 0.2em 0.5em;
            text-transform: uppercase;
        }

        // a --active
        .x-toc_active-link {
            color: var(--accent);
        }
        */
}
.pg-lead-sub-header nav ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--space-s);
  justify-content: center;
}
.pg-lead-sub-header nav li.active a {
  color: var(--accent);
}
.pg-lead-sub-header nav li:not(.active) a:hover {
  color: var(--primary);
}
.pg-lead-sub-header nav a {
  color: var(--base);
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 0.2em 0.5em;
  text-transform: uppercase;
}
.pg-lead-sub-header .brxe-svg.order--first {
  opacity: 0;
  position: absolute;
  transition: var(--transition-common);
  top: 1px;
}
.pg-lead-sub-header.stuck {
  box-shadow: 0 6px 5px 0 var(--shade-trans-10);
}
.pg-lead-sub-header.stuck .brxe-svg.order--first {
  opacity: 1;
}
/*
// sticky nav fixes for when logged in
@media (min-width: 782px) {
    .admin-bar .pg-lead-sub-header {
        top: 30px;
    }
}
@media (min-width: 601px) and (max-width: 781px) {
    .admin-bar .pg-lead-sub-header {
        top: 46px;
    }
}
*/
@media (max-width: 992px) {
  .pg-lead-sub-header .x-toc_list {
    flex-wrap: wrap;
    gap: var(--space-xs);
  }
  .pg-lead-sub-header .x-toc_list .x-toc_list-item {
    font-size: var(--text-s);
  }
}
