.feature-content.timeline
  .background
    background-color: $lighterGray
    &:before
      background-color: $lightGray

  >.content-container
    position: relative

    &:before
      content: ''
      position: absolute
      left: calc(-#{$contentGrid}*0.5 + 13px)
      top: 70px
      background-color: $lightGray
      width: 2px
      height: calc(100% - 70px)

  .feature-nav.timeline-nav

    .header
      h4
        +font-light(24px, 24px)
        font-size: 22px
        color: $darkBlue


    ul
      list-style: none
      margin-top: 40px
      padding-bottom: 20px
      padding-right: 20px

      li
        position: relative
        margin-bottom: 18px
        line-height: 18px !important

        &:before
          position: absolute
          left: -30px
          top: -4px
          content: '•'
          font-size: 32px !important
          width: auto !important
          height: auto !important


        a
          +font-light()
          font-size: 15px !important
          line-height: 15px !important
          color: $darkBlue

          .date
            +font-light(15px, 18px)
            font-size: 14px
            color: $gray
            display: block

        &.active
          +flex(center, center)
          position: relative
          &:before
            color: $orange
            background: none

          a
            width: 100%
            +font-semi-bold()
            color: $orange
            .date
              color: $orange
              +font-semi-bold(15px, 18px)
              font-size: 14px
              display: block
              margin-bottom: 2px

  +media-query(1580px)
    >.content-container

      &:before
        left: calc(-#{$contentGrid}*0.5 + 35px)
      //  display: none

    .feature-nav.timeline-nav
      ul
        padding-left: 45px
        padding-right: 10px
        li
          &.active
            &:before
              display: block
          &:before
            left: -14px

  +media-query(1150px)
    >.content-container

      &:before
        display: none