/*==========================================================================
  Overview page
  ========================================================================== */

.overview
  .post-row
    .first-icon
      position: absolute
      left: column(1, 14)
      top: -15px
      z-index: 4
      width: 60px
      height: 212px
      &:after
        content: ''
        +sprite(-195px 0, 60px, 212px)
        display: block

    .second-icon
      position: absolute
      right: column(1, 14)
      bottom: 185px
      z-index: 4
      width: 60px
      height: 76px
      &:after
        content: ''
        +sprite(-256px 0, 60px, 76px)
        display: block

  &[class^="vso"]
    .post-row
      .first-icon
        top: -80px
        &:after
          +sprite(-442px 0, 60px, 212px)


  /* Mobile view
    ========================================================================== */
  +respond-to-width(840)
    .overview-header
      background-position: bottom right
      background-size: cover
      background-image: url("/img/forest_top_view.jpg")

      .grid-row
        width: 100%

      .image-slider
        width: 100%
        margin-left: 0

      .new-at-zuiderbos
        display: none

      .content
        display: block
        width: column(12,14)
        margin: 0 auto
        padding: 50px 0

        .padding-block
          display: none

        h1
          font-size: 1.6rem
          margin-bottom: 50px

        .page-links
          margin: 50px 0 0
          padding: 0

    .overview-after-links
      display: none

    .post-row
      .styling
        display: none

    &[class^="vso"]
      .overview-header
        background-image: url("/img/forest_top_view_green.jpg")
    &[class^="services"],
    &[class^="jobs"]
      .overview-header
        background-image: url("/img/forest_top_view_grey.jpg")