/*==========================================================================
  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: $blue
        span, &:after
          color: $blue
          text-decoration: none
          transition: color 0.2s

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

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

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

      &:first-of-type
        display: none

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