@layer wordpress {
  .wp-block-navigation__responsive-container.is-menu-open {
    background: var(--wp--preset--color--surface);
    color: var(--wp--preset--color--navy-950);
    padding: var(--wp--preset--spacing--xl);
  }

  .wp-block-navigation__responsive-container-close,
  .wp-block-navigation__responsive-container-open {
    color: var(--wp--preset--color--navy-950);
  }

  .wp-block-query-pagination {
    align-items: center;
    gap: var(--wp--preset--spacing--sm);
  }

  .wp-block-query-pagination .page-numbers {
    align-items: center;
    border-radius: var(--wp--custom--radius--pill);
    color: var(--wp--preset--color--navy-700);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    min-width: 38px;
    padding-inline: 12px;
  }

  .wp-block-query-pagination .page-numbers.current {
    background: var(--wp--preset--color--action-blue);
    color: var(--wp--preset--color--surface);
  }

  .wp-block-post-template.is-style-news-grid,
  .wp-block-post-template.is-style-events-grid,
  .wp-block-post-template.is-style-members-grid {
    display: grid;
    gap: var(--wp--preset--spacing--lg);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  }

  .wp-block-search__input,
  .wp-block-search__button,
  :where(input:not([type="submit"]), textarea, select) {
    border: 1px solid var(--wp--preset--color--border);
    border-radius: var(--wp--custom--radius--sm);
    min-height: 48px;
  }

  .wp-block-search__input:focus,
  :where(input:not([type="submit"]), textarea, select):focus {
    border-color: var(--wp--preset--color--action-blue);
    outline: 3px solid color-mix(in srgb, var(--wp--preset--color--action-blue), transparent 82%);
  }
}



@layer wordpress {
  .clx-site-header {
    padding-block-start: clamp(10px, 1.1vw, 18px);
  }

  .clx-header-shell .wp-block-navigation .wp-block-navigation__submenu-container {
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border-soft);
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(12, 34, 58, .12);
    min-width: 230px;
    padding: 10px;
  }

  .clx-header-shell .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    border-radius: 10px;
    padding: 10px 12px;
    white-space: nowrap;
  }

  .clx-header-shell .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
  .clx-header-shell .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
    background: color-mix(in srgb, var(--wp--preset--color--action-blue), transparent 90%);
  }

  .clx-site-header a:focus-visible,
  .clx-site-header button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--wp--preset--color--action-blue), transparent 70%);
    outline-offset: 4px;
  }

  @media (max-width: 767px) {
    .clx-header-shell {
      gap: 10px;
    }

    .clx-header-shell .wp-block-buttons {
      display: flex;
    }

    .clx-header-shell .wp-block-button__link {
      min-height: 42px;
      padding: 10px 14px;
      white-space: nowrap;
    }

    .clx-header-shell .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      min-width: 0;
      padding: 6px 0 8px 16px;
    }
  }
}

@layer components {
  .clx-site-header {
    padding-block-start: clamp(10px, 1.1vw, 18px);
  }
}
@layer components {
  .wp-site-blocks > header.wp-block-template-part {
    position: relative;
    z-index: 1000;
  }

  body.clx-header-reveal .wp-site-blocks > header.wp-block-template-part {
    background: rgba(248, 251, 253, .94);
    background: color-mix(in srgb, var(--wp--preset--color--background) 94%, transparent);
    backdrop-filter: blur(12px);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
  }

  body.admin-bar.clx-header-reveal .wp-site-blocks > header.wp-block-template-part {
    top: 32px;
  }

  @media (max-width: 782px) {
    body.admin-bar.clx-header-reveal .wp-site-blocks > header.wp-block-template-part {
      top: 46px;
    }
  }
}
@layer components {
  body.clx-header-reveal .wp-site-blocks > header.wp-block-template-part {
    animation: clx-header-slide-down 360ms cubic-bezier(.22, 1, .36, 1) both;
    background: #fff;
    backdrop-filter: none;
    box-shadow: 0 8px 24px rgba(3, 11, 47, .12);
  }

  body.clx-header-reveal .clx-site-header {
    margin: 0;
    padding-block: 0;
  }

  body.clx-header-reveal .clx-header-shell {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    min-height: 92px;
    padding-block: 14px;
  }

  @keyframes clx-header-slide-down {
    from {
      opacity: 0;
      transform: translateY(-100%);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (max-width: 767px) {
    body.clx-header-reveal .clx-header-shell {
      min-height: 76px;
      padding-block: 10px;
      width: min(calc(100vw - 32px), 1680px);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    body.clx-header-reveal .wp-site-blocks > header.wp-block-template-part {
      animation: none;
    }
  }
}
@layer components {
  body.clx-header-reveal .clx-site-header.alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  body.clx-header-reveal .wp-site-blocks > header.wp-block-template-part {
    box-sizing: border-box;
    max-width: 100vw;
    overflow-x: clip;
  }
}
@layer base {
  html,
  body {
    overflow-x: clip;
  }

  .wp-site-blocks {
    overflow-x: clip;
  }

  @supports not (overflow: clip) {
    html,
    body,
    .wp-site-blocks {
      overflow-x: hidden;
    }
  }
}