@charset "UTF-8";
.btcpa-page-navigation {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  position: relative; }
  .btcpa-page-navigation .page-navigation-row {
    display: grid;
    row-gap: 3rem;
    margin: 0 auto;
    max-width: 90rem;
    padding: 5rem 1.6875rem 0;
    position: relative; }
    @media (min-width: 55em) {
      .btcpa-page-navigation .page-navigation-row {
        padding-left: 6rem;
        padding-right: 6rem; } }
    @media (min-width: 75em) {
      .btcpa-page-navigation .page-navigation-row {
        grid-template-columns: 18rem auto;
        column-gap: 4rem; } }
  .btcpa-page-navigation .page-navigation-left {
    min-height: 3rem;
    border-radius: 1rem;
    background: var(--wp--preset--color--white);
    position: sticky;
    top: 1.875rem;
    z-index: 80;
    box-shadow: 0px 38px 15px rgba(0, 0, 0, 0.01), 0px 21px 13px rgba(0, 0, 0, 0.02), 0px 9px 9px rgba(0, 0, 0, 0.04), 0px 2px 5px rgba(0, 0, 0, 0.04); }
    @media (min-width: 55em) {
      .btcpa-page-navigation .page-navigation-left {
        align-self: start;
        position: sticky;
        top: 9rem;
        box-shadow: none; } }
    .btcpa-page-navigation .page-navigation-left .sidebar {
      padding: 1.375rem; }
      .btcpa-page-navigation .page-navigation-left .sidebar.open ul li a {
        display: block; }
      .btcpa-page-navigation .page-navigation-left .sidebar.open .toggle-sidebar {
        display: none; }
      @media (min-width: 75em) {
        .btcpa-page-navigation .page-navigation-left .sidebar {
          padding: 2rem 1.375rem; } }
    .btcpa-page-navigation .page-navigation-left .toggle-sidebar {
      appearance: none;
      position: absolute;
      top: 0;
      right: 0;
      border: 0;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0);
      z-index: 1;
      cursor: pointer;
      border-radius: 1rem;
      display: block; }
      .btcpa-page-navigation .page-navigation-left .toggle-sidebar:after {
        position: absolute;
        top: 50%;
        right: 1.5rem;
        transform: translateY(-50%) rotate(0deg);
        content: '+';
        font-size: 1.5rem;
        color: var(--wp--preset--color--primary-dark);
        transition: transform 300ms ease; }
      @media (min-width: 75em) {
        .btcpa-page-navigation .page-navigation-left .toggle-sidebar {
          display: none; } }
    .btcpa-page-navigation .page-navigation-left ul {
      list-style: none;
      margin: 0;
      padding: 0;
      background: transparent !important; }
      .btcpa-page-navigation .page-navigation-left ul li {
        margin: 0; }
        .btcpa-page-navigation .page-navigation-left ul li a {
          opacity: 0.5;
          text-decoration: none;
          display: none;
          padding: 0.25rem 0;
          font-size: 1rem;
          transition: opacity 300ms ease;
          position: relative;
          padding-left: 24px;
          transition: all 400ms ease; }
          .btcpa-page-navigation .page-navigation-left ul li a:before {
            width: 24px;
            height: 1rem;
            content: '→';
            line-height: 1rem;
            display: inline-block;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            left: 0;
            top: 8px; }
          .btcpa-page-navigation .page-navigation-left ul li a.is-active {
            display: block;
            opacity: 1; }
            @media (min-width: 75em) {
              .btcpa-page-navigation .page-navigation-left ul li a.is-active {
                transform: translateX(0.5rem); }
                .btcpa-page-navigation .page-navigation-left ul li a.is-active:before {
                  opacity: 1; } }
          @media (min-width: 75em) {
            .btcpa-page-navigation .page-navigation-left ul li a {
              display: block; } }
          .btcpa-page-navigation .page-navigation-left ul li a:hover, .btcpa-page-navigation .page-navigation-left ul li a:focus {
            opacity: 1; }
  .btcpa-page-navigation .page-navigation-right {
    min-width: 0;
    overflow-x: auto; }
    @media (min-width: 55em) {
      .btcpa-page-navigation .page-navigation-right {
        padding-top: 2rem; } }
  .btcpa-page-navigation h2 {
    margin-top: 6rem;
    margin-bottom: 2.5rem; }
    .btcpa-page-navigation h2:first-of-type {
      margin-top: 0; }