/**
 * @file
 * Extra typography styles. These are based off of the standard Olivero heading
 * styles.
 */

.h1 {
  letter-spacing: -0.01em;
  font-size: var(--fs-60);
}

.h2 {
  letter-spacing: -0.01em;
  font-size: var(--fs-36);
}

.h3 {
  font-size: var(--fs-24);
}

.h4 {
  font-size: 18px;
}

.h5 {
  font-size: 16px;
}

.h6 {
  font-size: 14px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-block: var(--sp);
  color: var(--color-text-neutral-loud);
  font-family: var(--font-sans);
  font-weight: bold;

  @media (width > 700px) {
    margin-block: var(--sp2);
  }
}

.text-content,
.cke_editable {
  font-family: var(--font-sans);
  font-size: inherit;

  h2, p {
    line-height: 1.4;
  }
}

.field--tags__label {
  text-transform: uppercase;
}