@import "settings.colors";

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

// This huge stack of selectors will probably easier to maintain than packaging
// these styles in their own class, because that class would have to be manually
// applied to each element, which would be difficult to maintain and would junk
// up our markup
.c-static-page__text,
.c-static-page__link,
.c-static-page__dt,
.c-static-page__dd,
.c-static-page__li,
.c-static-page__td,
.c-static-page__address {
  @include font-pratt;
  color: $color-grey-900;
  font-size: rem(16);
  line-height: line-height(16, 22);
}

// Headings
// --------

.c-static-page__heading {
  @include font-pratt-bold;
  font-size: rem(22);
  color: $color-grey-900;
  letter-spacing: 0;
  line-height: line-height(22, 25);
}
.c-static-page__subheading {
  @include font-gm-sans-bold;
  font-size: rem(16);
  color: $color-grey-900;
  letter-spacing: rem(1);
  line-height: line-height(16, 16);
  text-transform: uppercase;
  padding-top: rem(10);
  &:first-of-type {
    margin-top: rem(10);
  }
}
.c-static-page__subsubheading {
  @include font-gm-sans-bold;
  font-size: rem(14);
  color: $color-grey-900;
  letter-spacing: rem(1);
  line-height: line-height(14, 14);
  text-transform: uppercase;
  padding-top: rem(14);
  margin-bottom: rem(-4);
}
.c-static-page__collapsible-area-heading {
  @include font-pratt-bold;
  font-size: rem(18);
  color: $color-grey-900;
  letter-spacing: rem(0);
  line-height: rem(24);
}
