/******/
/*** TYPOGRAPHY ***/
/******/

body
{
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: var(--text-lg);
  font-weight: var(--font-weight-normal);
  line-height: var(--leading-normal);
  font-style: normal;
  padding: 0;
  margin: 0;
  position: relative;
  font-optical-sizing: auto;
}

h1, h2, h3
{
  font-weight: var(--font-weight-light);
  line-height: var(--leading-snug);
  -moz-osx-font-smoothing: grayscale; /*(For Firefox)*/
  -webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/
}

h1
{
  font-size: var(--text-7xl);
  margin-block-start: .75rem;
  margin-block-end: .75rem;
}

h2
{
  font-size: var(--text-6xl);
  margin-block-start: .625rem;
  margin-block-end: .625rem;
}

h3
{
  font-size: var(--text-4xl);
  margin-block-start: .5rem;
  margin-block-end: .5rem;
}

h4
{
  font-size: var(--text-2xl);
  margin-block-start: .375rem;
  margin-block-end: .375rem;
}

h5
{
  font-size: var(--text-xl);
  margin-block-start: .25rem;
  margin-block-end: .25rem;
}

h6
{
  font-size: var(--text-lg);
  margin-block-start: .125rem;
  margin-block-end: .125rem;
}

em
{
  font-style: italic;
}

p, blockquote, ul, li, .gform-theme--framework .gform-field-label, .gform_footer input.gform_button, #field_submit .gform-button.gform-button--white.button
{
  margin-block-start: .75rem;
  margin-block-end: .5rem;
}

p, ul, li
{
  font-size: var(--text-lg);
  margin-block-start: .625rem;
  margin-block-end: .625rem;
}

nav li
{
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

nav li a, footer ul.footer-menu li a
{
  padding: .625rem 0;
  font-family: "Fira Mono", monospace;
  font-weight: 500;
  color: var(--color-black);
  text-transform: uppercase;
  font-size: var(--text-base);
}

footer p
{
  font-size: var(--text-sm);
}

footer ul.footer-menu li a
{
  color: var(--color-white);
}

.h1
{
  font-size: var(--text-7xl);
  font-weight: var(--font-weight-light);
  line-height: var(--leading-snug);
  margin-block-start: .75rem;
  margin-block-end: .75rem;
}

.h2
{
  font-size: var(--text-6xl);
  font-weight: var(--font-weight-light);
  line-height: var(--leading-snug);
  margin-block-start: .625rem;
  margin-block-end: .625rem;
}

.h3
{
  font-size: var(--text-4xl);
  font-weight: var(--font-weight-light);
  line-height: var(--leading-snug);
  margin-block-start: .5rem;
  margin-block-end: .5rem;
}

.h4
{
  font-size: var(--text-2xl);
  margin-block-start: .375rem;
  margin-block-end: .375rem;
}

.h5
{
  font-size: var(--text-xl);
  margin-block-start: .25rem;
  margin-block-end: .25rem;
}

.h6
{
  font-size: var(--text-lg);
  margin-block-start: .125rem;
  margin-block-end: .125rem;
}

.p
{
  font-size: var(--text-lg);
  font-weight: var(--font-weight-light);
  line-height: var(--leading-normal);
}

p.large
{
  font-size: var(--text-2xl);
}

footer ul.footer-utility li a
{
  font-size: var(--text-sm);
  padding-left: 3rem;
}

.eyebrow
{
  font-family: "Fira Mono", monospace;
  font-weight: 500;
  text-transform: uppercase;
  font-size: var(--text-base);
}

h1 em, h2 em, h3 em
{
  background-image: url('/wp-content/themes/canvas/assets/images/texture-emphasis.svg');
  background-position: 0 88%;
  background-size: contain;
  padding-bottom: .5rem;
  background-repeat: no-repeat;
  font-style: normal;
}

/* BLOG */

/* GRAVITY FORMS */

legend.gform-field-label, label.gform-field-label, div.gfield_description
{
  font-size: var(--text-lg);
}

/******/
/* MEDIA QUERIES */
/******/

@media screen and (max-width: 47.9375rem)
{

  h1
  {
    font-size: var(--text-4xl);
  }

  h2
  {
    font-size: var(--text-3xl);
  }

  h3
  {
    font-size: var(--text-2xl);
  }

  h4
  {
    font-size: var(--text-lg);
  }

  h5
  {
    font-size: var(--text-base);
  }

  h6
  {
    font-size: var(--text-sm);
  }

  .h1
  {
    font-size: var(--text-4xl);
  }

  .h2
  {
    font-size: var(--text-3xl);
  }

  .h3
  {
    font-size: var(--text-2xl);
  }

  .h4
  {
    font-size: var(--text-lg);
  }

  .h5
  {
    font-size: var(--text-base);
  }

  .h6
  {
    font-size: var(--text-sm);
  }

  footer ul.footer-utility li a
  {
    padding-left: 0;
  }
}