.reports
  .default-page-content
    .images
      display: none

    .content
      padding-bottom: 60px

  .documents
    padding-bottom: 40px

    .placeholder
      width: column(10, 12)
      margin: auto
      +flex(space-between, flex-start)
      +flex-rows

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

      article
        position: relative
        background: linear-gradient(90deg, $orangeGradient)
        width: calc((100% - 50px) / 2)
        margin-bottom: 25px

        &:after
          content: ''
          position: absolute
          left: 0
          top: 0
          width: 100%
          height: 100%
          display: block
          background-color: $orangeRed
          opacity: 0
          transition: opacity 0.4s


        a
          position: relative
          z-index: 2
          text-decoration: none
          padding: 20px 40px
          +flex(space-between, flex-start)

          span
            display: block
            width: 25px
            svg
              width: 100%
              path
                fill: white
                transition: fill 0.3s

          h3
            display: block
            width: calc(100% - 45px)
            color: white
            font-size: 1.2rem
            line-height: 1.2
            transition: color 0.3s

        &:hover
          &:after
            opacity: 1

          a
            span
              svg
                path
                  fill: $semiBlack
            h3
              color: $semiBlack



      +respond-to-width(900)
        display: block

        article
          width: 100%
          max-width: 525px

          +respond-to-width(450)
            a
              padding: 15px 25px

              h3
                font-size: 1rem