/*==========================================================================
  Home page
  ========================================================================== */

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

      +respond-to-width(1200)
        right: column(1, 28)

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


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

  /* Mobile view
    ========================================================================== */
  +respond-to-width(840)
    .home-intro
      width: 100%
      padding-top: 0
      padding-bottom: 0

      >figure
        position: relative
        width: 100%
        height: 0
        padding-bottom: 65%


      .calender
        display: none

      .home-blocks
        display: none

    .home-content
      margin-top: 0

      .background
        display: none

      .grid-row
        padding-top: 0
        display: block

      section
        padding: 50px 0
        width: 100%
        margin: 0

        p
          font-size: 0.9rem

      aside
        display: none

      .contact-options
        .option
          &.call
            width: 60%
          &.school-guide
            width: 40%
          p
            font-size: 0.8rem
            margin: 0

    .post-row
      display: none