.sn-content {
  .view-sitemap {
    position: relative;
    padding: 2rem 0;
    width: 100%;
    height: auto;
    .view-content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0 2rem;
      margin: 0 auto;
      width: calc(100% - 4rem);
      max-width: calc(1200px - 4rem);
      height: auto;
      .quickbook,
      .main-cat {
        display: inline-block;
        margin-top: 2rem;
        font-size: 1.2rem;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--primary);
        &:hover {
          color: var(--primary) 2;
          text-decoration: underline;
        }
      }
      .view-grouping {
        position: relative;
        width: 100%;
        .view-grouping-header {
          position: relative;
          width: 100%;
          a:not(.main-cat, .cat-head) {
            display: none;
          }
        }
        .view-grouping.inner {
          position: relative;
          width: 100%;
          .sitemap-list {
            position: relative;
            width: 100%;
            ul {
              margin: 2rem 0 0 2rem;
              padding: 0 2rem;
              width: calc(100% - 4rem);
              li {
                margin-bottom: 0.5rem;
                color: #fff;
                .views-field-title a {
                  color: var(--primary);
                  &:hover {
                    color: var(--primary) 2;
                    text-decoration: underline;
                  }
                }
              }
            }
          }
        }
        .with-cat-head {
          margin-left: 2rem;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
          gap: 0 2rem;
          .view-grouping.inner {
            .view-grouping-header {
              margin-top: 1rem;
              .cat-head {
                text-transform: uppercase;
                &:hover {
                  text-decoration: underline;
                }
              }
            }
            .sitemap-list {
              ul {
                display: block;
                margin: 1rem 0 0;
              }
            }
          }
        }
        .with-sub-head {
          .view-grouping.inner {
            .view-grouping-content {
              margin: 2rem 0 0 2rem;
              display: grid;
              grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
              gap: 0 2rem;
              .group-head {
                text-transform: uppercase;
              }
            }
            .sitemap-list {
              ul {
                display: block;
                margin: 1rem 0 0;
              }
            }
          }
        }
      }
      > .view-grouping:last-child {
        margin-top: 2rem;
        margin-bottom: 4rem;
        border-top: solid 1px #333;
      }
    }
  }
}