@import "settings.breakpoints";
@import "settings.colors";
@import "settings.fonts";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

.c-subtitle {
  @include font-gm-sans-bold;
  color: $color-grey-900;
  letter-spacing: rem(1);
  line-height: line-height(14, 20); // font-size and line-height, in pixels
  font-size: rem(14);
  text-transform: uppercase;
  margin-top: rem(5);
  margin-bottom: rem(5);
}

.c-subtitle--dark {
  color: $color-white;
}

.c-subtitle--search {
  font-size: rem(12);
  line-height: line-height(12, 12);
}

.c-subtitle--search--large {
  @include font-pratt;
  font-size: rem(26);
  line-height: line-height(26, 29);
  border-bottom: 1px solid $color-stone-300;
  letter-spacing: 0;
  text-transform: none;
  @include mq($from: mobileWide) {
    font-size: rem(30);
    line-height: line-height(30, 32);
  }
}
