.latest-news
  background-color: $lightBlue
  position: relative
  .background
    position: absolute
    width: 80%
    height: 100%
    left: 20%
    top: 0
    background-color: white
  .content-container
    position: relative
    +flex(space-between, center)
  .news-block
    width: $contentGrid*5
    display: inline-block
    margin-left: $contentGrid*0.5
    background-color: white
    padding: 100px $contentGrid*0.5 0

    h2
      padding-left: 10px
      +font-semi-bold(24px, 32px)
      color: $navyBlue
      margin-bottom: 40px
    img
      width: 100%
      margin-bottom: 15px
    ul
      list-style: none
      padding: 2px 0 150px 10px
      li
        margin-top: 45px
        border-bottom: 1px solid rgba(123, 134, 174, 0.2)
        a
          h4
            +font-semi-bold(20px, 26px)
            font-size: 20px !important
            line-height: 26px !important

          .content
            *
              +font-default(16px, 22px)
              font-size: 16px !important
              line-height: 22px !important
              margin-top: 5px
              margin-bottom: 15px

            p
              a
                text-decoration: underline

          .link
            +font-bold(16px, 22px)
            font-size: 16px !important
            line-height: 22px !important
            color: $gradient2
            float: left
            text-decoration: none
            &:after
              content: ''
              +arrowPink
              display: inline-block
              margin-left: 8px
              +translate3d(0,0,0)
              +transition(all 0.3s)

          .date
            +font-light(16px, 22px)
            font-size: 16px !important
            line-height: 22px !important
            color: $lightBlue
            float: right

          &:hover
            .link:after
              +translate3d(5px,0,0)
  .cta-block
    display: inline-block
    width: $contentGrid*4
    margin-left: $contentGrid
    margin-right: $contentGrid
    background-color: $navyBlue
    padding: 80px 10px
    text-align: center

    p
      +font-default(32px, 40px)
      color: white
      text-align: center
      margin: 0

    .button
      margin-top: 65px

+media-query(1200px)
  .latest-news
    .news-block
      width: $contentGrid*5
      padding-right: 0
    .cta-block
      width: $contentGrid*5
      margin-left: auto
      margin-right: auto

+media-query(850px)
  .latest-news
    padding-top: 75px
    padding-bottom: 75px
    .background
      display: none
    .content-container
      display: block

    .news-block
      width: $contentGrid*11
      display: block
      padding: 60px $contentGrid*0.5 0
      ul
        padding-bottom: 80px

    .cta-block
      width: $contentGrid*8
      display: block
      margin-top: 75px

+media-query(740px)
  .latest-news
    .content-container
      width: 100%

    .cta-block
      width: 100%