@import '../settings/variables';

.c-breadcrumbs {
  color: $color-secondary-dark;
  font-size: $font-size-medium;
  line-height: 4.6em;
  border-bottom: 1px solid #e3e8ec;
  @include media-breakpoint-up(lg) {
    border-bottom: none;
  }

  &__item {
    padding: 0;
  }

  &__icon {
    position: relative;
    bottom: 1px;
    font-size: 0.8em;
    line-height: 1.33em;
    vertical-align: middle;
    padding: 0 0.1em;
  }

  &__link {
    padding: 0;
    color: $color-secondary-dark;

    &:hover {
      color: $color-primary;
    }
  }
}