/*
 * Page title
 */

.c-page-title {
  @include contain;
  @include hyphenate;
  padding-top: space(2);
  padding-bottom: space(2);
  color: palette(text);

  @include mq(m) {
    padding-top: space(6);
    padding-bottom: space(6);
  }
}

.c-page-title--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;

  @include mq(m) {
    width: column(6, 8);
  }
  @include mq(l) {
    width: column(8, 12);
  }
}

.c-page-title__preheading {
  @include mq(m) {
    margin-top: space(-2);
    margin-bottom: space(2);
  }
}

.c-page-title__heading {
  @include font-size(xxl);
  line-height: 1.3;
}

.c-page-title--on-dark {
  color: palette(light);
}