.list-row
  .grid-row
    padding: 60px 0 100px
    max-width: 1000px

    +respond-to-width(880)
      padding-top: 100px

    h1
      margin: 0 0 60px
      font-size: 1.6rem
      line-height: 1.2
      color: $grey
      text-align: center

  .list

    article

      + article
        margin-top: 40px

      a
        +flex(flex-start, center)
        background: white
        text-decoration: none
        border: 2px solid transparent
        transition: border 0.3s

        .date
          display: block
          padding: 15px 40px
          border-right: 1px solid $borderColor
          font-size: 1.8rem
          font-weight: bold()
          line-height: 1
          color: $grey
          transition: color 0.4s

        figure
          width: 120px
          margin-left: 25px
          border-radius: 10px
          overflow: hidden
          img
            width: 100%

        .content
          padding: 25px
          width: calc(100% - 122px)

          &.with-image
            width: calc(100% - 268px)

          h2
            margin: 0 0 6px
            font-size: 1.1rem
            line-height: 1.2
            color: $grey
            font-weight: bold

          .read-more
            font-size: 1rem
            line-height: 1.2
            color: $blue
            font-weight: bold

            .arrow
              position: relative
              top: 2px
              display: inline-block
              margin-left: 10px
              width: 12px
              transform: translate3d(0,0,0)
              transition: transform 0.3s

              .arrow-icon
                max-height: 18px
                transform-origin: center
                transform: rotate(270deg)
                path
                  fill: $blue

        &:hover
          border-color: $blue
          .content
            .read-more
              .arrow
                transform: translate3d(5px,0,0)

        +respond-to-width(740)
          figure
            display: none

          .date
            font-size: 1.5rem
            padding: 15px 25px

          .content
            width: calc(100% - 85px)

            &.with-image
              width: calc(100% - 85px)

            h2
              font-size: 0.9rem

            .read-more
              font-size: 0.8rem