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

.breadcrumb
  font-size: 0.75rem
  line-height: 1.6

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

    li
      display: inline-block


      &:before
        display: none

      a
        font-weight: regular()
        text-decoration: none
        opacity: 1
        transition: opacity 0.2s

        span, &:after
          text-decoration: none
          color: white
          transition: color 0.2s



        &:hover
          span
            color: rgba(white, 0.6)

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

      &:not(:last-child)
        &:after
          content: ''
          display: inline-block
          +sprite(-33px -90px, 5px, 8px)
          margin: 0 8px 0
          opacity: 0.65



      &:first-of-type
        display: block
        font-size: 0.9rem

        a
          font-weight: regular()
          opacity: 0.3 !important
          transition: opacity 0.2s

          //&:hover
          //  opacity: 0.6 !important

        &:after
          display: none



      &:last-child
        a
          span
            color: $orange
            font-weight: semi-bold()

        a
          &:hover
            span
              color: rgba($orange, 0.6)