.sitemap
  .main
    .content
      h1
        margin-top: 60px
        +respond-to-width(840)
          margin-top: 0
  #school-sitemap
    padding: 20px 0 80px
    font-size: 1.2rem

    +respond-to-width(840)
      padding-bottom: 0

    >li
      padding-left: 0
      &:before
        display: none
      a
        font-weight: bold()

    ul
      padding-left: 40px
      padding-bottom: 20px
      font-size: 0.85em

    >ul
      padding-left: 20px

    li
      &:before
        top: 6px

      a
        padding: 3px 0
        border-bottom-color: transparent
        border-bottom-style: dotted
        display: block
        &:hover
          border-bottom-color: rgba($fontBlack, 0.4)

  &.global-sitemap
    .main
      width: 100%
    .image-wrapper
      header
        padding-bottom: 300px

    .sitemap-container
      background-color: $lightGray2
      margin-top: -200px

      +respond-to-width(840)
        margin-top: 0

      .sitemaps
        +flex(space-between, flex-start)
        +flex-rows

        .sitemap-list
          width: 50%
          padding: 20px 0 80px
          font-size: 1.2rem

          +respond-to-width(1000)
            width: 100%

          +respond-to-width(840)
            padding-bottom: 0

          >li
            padding-left: 0
            &:before
              display: none
            a
              font-weight: bold()

          ul
            padding-left: 40px
            padding-bottom: 20px
            font-size: 0.85em

          >ul
            padding-left: 20px

          li
            &:before
              top: 6px

            a
              padding: 3px 0
              display: block
              &:hover
                color: $darkBlue
                font-weight: bold


            &:nth-child(even)
              background-color: darken(white, 4%)