@import "../../../colors"
@import "../../../variables"

.aae-breadcrumbs
  position: relative
  width: 100%
  padding: 13px 0 10px
  background-color: $black-opacity-3
  z-index: 20

  .aae-breadcrumbs-wrapper
    width: 100%
    max-width: 1400px
    margin: 0 auto

    .aae-breadcrumbs-content
      font-size: 14px
      text-transform: uppercase
      font-weight: 500
      position: relative
      left: -5px
      padding: 0 60px
      margin: 0
      color: $white
      display: flex
      justify-content: flex-start
      align-items: flex-start

      .aae-breadcrumbs-item
        margin: 0 5px

        a
          color: $primary-light
          text-decoration: none

          &:hover,
          &:active
            border-bottom: 1px solid $primary

        .aae-breadcrumbs-subname
          font-weight: 400

@import "../../../colors"
@import "../../../variables"

.aae-breadcrumbs
  position: relative
  width: 100%
  padding: 13px 0 10px
  background-color: $black-opacity-3
  z-index: 20

  .aae-breadcrumbs-wrapper
    width: 100%
    max-width: 1400px
    margin: 0 auto

    .aae-breadcrumbs-content
      font-size: 14px
      text-transform: uppercase
      font-weight: 500
      position: relative
      left: -5px
      padding: 0 60px
      margin: 0
      color: $white
      display: flex
      justify-content: flex-start
      align-items: flex-start

      .aae-breadcrumbs-item
        margin: 0 5px

        a
          color: $primary-light
          text-decoration: none

          &:hover,
          &:active
            color: $white

        .aae-breadcrumbs-subname
          font-weight: 400

Edit hover color on main
Edit hover color on main
