/*==========================================================================
  Breadcrumb
  ========================================================================== */

.breadcrumb
  width: column(5, 8)
  margin: 90px 0 0 auto
  font-size: 0.7rem

  ol, ul
    list-style: none
    padding: 0
    margin: 0

    li
      display: inline-block
      a
        text-decoration: none
        color: $brightBlue
        span, &:after
          color: $brightBlue
          text-decoration: none
          transition: color 0.2s

        &:hover
          span, &:after
            color: lighten($brightBlue, 15%)

      &:nth-child(2)
        a, span
          text-transform: capitalize

      &:not(:last-child)
        &:after
          content: '>'
          display: inline-block
          margin: 0 8px -4px
          color: $brightBlue

      &:first-of-type
        display: none

      &:last-child
        a, span
          font-weight: bold()
          color: $lightPurple
          &:hover
            color: lighten($lightPurple, 10%)

      // College colors
      [class^="vso"] &
        a
          color: $turquoise
          span, &:after
            color: $turquoise
          &:hover
            span, &:after
              color: lighten($turquoise, 15%)

        &:last-child
          a, span
            color: $lightTurquoise
            &:hover
              color: lighten($lightTurquoise, 10%)

        &:not(:last-child)
          &:after
            color: $turquoise

      [class^="services"] &,
      [class^="jobs"] &
        a
          color: $servicesLightBlue
          span, &:after
            color: $servicesLightBlue
          &:hover
            span, &:after
              color: lighten($servicesLightBlue, 15%)

        &:last-child
          a, span
            color: $servicesLighterBlue
            &:hover
              color: lighten($servicesLighterBlue, 10%)

        &:not(:last-child)
          &:after
            color: $servicesLightBlue