/* Base Styles */
:root {
  --dark--primary: #111;
  --dark--grey-200: #a3a4a7;
  --dark--grey-100: #eaeaea;
  --gold--highlight: #96701b;
  --dark--grey-50: #f6f6f6;
  --dark--secondary: #626264;
  --white: white;
  --font--typewriter: "American Typewriter";
  --font--roboto: "Roboto", sans-serif;
}
/* Utility Styles */
.ch-text-italic {
  font-style: italic;
}
.ch-text-weight-bold {
  font-weight: 700;
}
.ch-text-all-caps {
  text-transform: uppercase;
}
.ch-text-link {
  text-decoration: underline;
}
.ch-text-link:hover {
  color: var(--gold--highlight);
}
/* Custom Typewriter Heading Type Styles */
.ch-heading1,
.ch-heading2,
.ch-headingLG,
.ch-section-heading {
  font-family: var(--font--typewriter);
  font-weight: normal;
  color: var(--dark--primary);
}
.ch-heading1 {
  font-size: 30px;
  line-height: 32px;
  margin: 0px;
}
.ch-heading2 {
  font-size: 24px;
  line-height: 26px;
  margin: 0px;
}
.ch-headingLG {
  font-size: 36px;
  line-height: 34px;
  margin: 0px;
}
.ch-section-heading {
  font-size: 20px;
  line-height: 22px;
  margin: 0px;
}
/* Custom Roboto Heading Type Styles */
.ch-heading3,
.ch-heading4,
.ch-heading5,
.ch-heading6 {
  font-family: var(--font--roboto);
  font-weight: normal;
}
.ch-heading3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin: 0px;
}
.ch-heading4 {
  font-size: 18px;
  line-height: 24px;
  margin: 0px;
}
.ch-heading5 {
  font-size: 16px;
  line-height: 20px;
  margin: 0px;
}
.ch-heading6 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  margin: 0px;
}

/* Custom Body Type Styles */
.ch-paragraph {
  font-size: 14px;
  line-height: 20px;
  font-family: var(--font--roboto);
  margin: 0px;
}

@media screen and (min-width: 769px) {
  /* Custom Typewriter Heading Type Styles */
  .ch-heading1 {
    font-size: 38px;
    line-height: 40px;
    margin: 0px;
  }
  .ch-heading2 {
    font-size: 30px;
    line-height: 32px;
    margin: 0px;
  }
  .ch-headingLG {
    font-size: 48px;
    line-height: 46px;
    margin: 0px;
  }
  .ch-section-heading {
    font-size: 24px;
    line-height: 26px;
    margin: 0px;
  }
  /* Custom Roboto Heading Type Styles */
  .ch-heading3 {
    font-size: 24px;
    line-height: 32px;
    margin: 0px;
  }
  .ch-heading4 {
    font-size: 20px;
    line-height: 28px;
    margin: 0px;
  }
  .ch-heading5 {
    font-size: 18px;
    line-height: 24px;
    margin: 0px;
  }
  .ch-heading6 {
    font-size: 16px;
    line-height: 30px;
    margin: 0px;
  }
  /* Custom Body Type Styles */
  .ch-paragraph {
    font-size: 16px;
    line-height: 24px;
    font-family: var(--font--roboto);
    margin: 0px;
  }
}