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

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

  +respond-to-width(540)
    padding-left: 30px

  +respond-to-width(425)
    padding-left: 20px

  ol, ul
    list-style: none
    padding: 0
    margin: 0
    color: #696E78

    li
      display: inline-block
      a
        text-decoration: none
        color: #696E78
        span
          color: #696E78
          text-decoration: none
          transition: color 0.2s

      &:last-child
        a
          font-weight: bold

        &:hover
          span, &:after
            color: $blue

      //&: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%)