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

.breadcrumb
  //width: column(5, 8)
  margin: 72px 0 0 column(1,12)
  font-size : 14px
  line-height : 38.46px
  letter-spacing : -0.14px
  color : #263238

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

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

        &:hover
          span, &:after
            color: lighten(#263238, 15%)

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

      &:not(:last-child)
        &:after
          content: ""
          display: inline-block
          margin: 0 5px
          padding-top: 4px
          width: 14px
          height: 14px
          position: relative
          top: 5px
          background-position: -46px center
          background-size: 400%
          background-repeat: no-repeat
          background-image: url("/img/svg/button_arrow.svg")

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


+respond-to-width(840)
  .breadcrumb
    margin-top: 0
    font-size: 11px