/*** Typography ***/

body {
  font-size: var(--body-font-size);

  color: var(--text-color);

  /* Override Divi */
  &,
  .et_pb_column_1_3,
  .et_pb_column_1_4,
  .et_pb_column_1_5,
  .et_pb_column_1_6,
  .et_pb_column_2_5 {
    /* Headings */
    h1,
    .h1 {
      font-family: var(--header-font-family);
      font-weight: 400;
      font-style: normal;
      font-size: var(--t-h1);
      line-height: 1.2;
      padding-bottom: 0;
    }

    h2,
    .h2 {
      font-family: var(--header-font-family);
      font-weight: 400;
      font-style: normal;
      font-size: var(--t-h2);
      line-height: var(--default-line-height);
      padding-bottom: 0;
    }

    h3,
    .h3 {
      font-family: var(--header-font-family);
      font-weight: 400;
      font-style: normal;
      font-size: var(--t-h3);
      line-height: var(--default-line-height);
      padding-bottom: 0;
    }

    h4,
    .h4 {
      font-family: var(--header-font-family);
      font-weight: 400;
      font-style: normal;
      font-size: var(--t-h4);
      line-height: var(--default-line-height);
      padding-bottom: 0;
    }

    h5,
    .h5 {
      font-family: var(--header-font-family);
      font-weight: 400;
      font-style: normal;
      font-size: var(--body-font-size);
      line-height: var(--default-line-height);
      padding-bottom: 0;
    }

    .subheading {
      font-family: var(--body-font-family);
      font-weight: 600;
      font-style: normal;
      font-size: var(--body-font-size);
      line-height: var(--default-line-height);
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    /* Large Text */
    .p1,
    .p1 p,
    .et_pb_text.p1 a:not(.et_pb_module_header > a):not(#wpadminbar a),
    .et_pb_accordion_item a:not(.et_pb_module_header > a):not(#wpadminbar a),
    .p1 li {
      font-family: var(--body-font-family);
      font-weight: 500;
      font-style: normal;
      font-size: var(--t-h4) !important;
      line-height: var(--default-line-height);

      sup {
        bottom: .3em;
      }
    }

    /* Body Text */
    p,
    .p2 {
      font-family: var(--body-font-family);
      font-weight: 400;
      font-style: normal;
      font-size: var(--body-font-size);
      line-height: var(--default-line-height);
    }

    /* small text */
    small,
    .small {
      font-size: var(--body-font-size);
    }
  }

  .has-primary-color-strongs {
    strong {
      color: var(--primary-color);
    }
  }
}