.text-one {
  max-width: 100%;
}
p {
  margin: 0 0 0 0;
  font-family: var(--text-font);
  font-size: var(--text-size,16px);
  font-weight: var(--text-weight,500);
  font-style: var(--text-italic);
  line-height: var(--text-line-height);
  letter-spacing: var(--text-spacing);
  text-decoration: var(--text-underline);
  color: var(--text-color,  #000);
  opacity: calc(var(--text-opacity) / 100);
}

p + p {
  margin: 16px 0 0 0;
}

ul,
ol {
  padding-left: 20px;
  margin: 0 0 20px 0;
}

ol {
  li::marker {
    color: var(--ol-bullet-color);
    font-size: var(--ol-bullet-size);
  }
  li {
    margin: 0 0 8px 0;
    font-family: var(--ol-font);
    font-size: var(--ol-size);
    font-weight: var(--ol-weight);
    font-style: var(--ol-italic);
    line-height: var(--ol-line-height);
    letter-spacing: var(--ol-spacing);
    text-decoration: var(--ol-underline);
    color: var(--ol-color);
    opacity: calc(var(--ol-opacity) / 100);
    p {
      margin: 0 0 8px 0;
      font-family: var(--ol-font);
      font-size: var(--ol-size);
      font-weight: var(--ol-weight);
      font-style: var(--ol-italic);
      line-height: var(--ol-line-height);
      letter-spacing: var(--ol-spacing);
      text-decoration: var(--ol-underline);
      color: var(--ol-color);
      opacity: calc(var(--ol-opacity) / 100);
    }
  }
}

ul {
  list-style-type: var(--ul-bullet-type);
  li::marker {
    color: var(--ul-bullet-color);
    font-size: var(--ul-bullet-size);
  }
  li {
    margin: 0 0 8px 0;
    font-family: var(--ul-font);
    font-size: var(--ul-size);
    font-weight: var(--ul-weight);
    font-style: var(--ul-italic);
    line-height: var(--ul-line-height);
    letter-spacing: var(--ul-spacing);
    text-decoration: var(--ul-underline);
    color: var(--ul-color);
    opacity: calc(var(--ul-opacity) / 100);
    p {
      margin: 0 0 8px 0;
      font-family: var(--ul-font);
      font-size: var(--ul-size);
      font-weight: var(--ul-weight);
      font-style: var(--ul-italic);
      line-height: var(--ul-line-height);
      letter-spacing: var(--ul-spacing);
      text-decoration: var(--ul-underline);
      color: var(--ul-color);
      opacity: calc(var(--ul-opacity) / 100);
    }
  }
}

blockquote {
  margin: 1.5em 0px;
  padding: 1.5em 10px;
  display: block;
  padding-left: 24px;
  border-left: 10px solid var(--blockquote-border-color, rgb(204, 204, 204));
  color: var(--blockquote-color);
  opacity: calc(var(--blockquote-opacity) / 100);
  font-family: var(--blockquote-font);
  font-size: var(--blockquote-size, 14px);
  font-weight: var(--blockquote-weight,400);
  font-style: var(--blockquote-italic);
  line-height: var(--blockquote-line-height);
  letter-spacing: var(--blockquote-spacing);
  text-decoration: var(--blockquote-underline);
  background-color: var(--blockquote-background-color);
  p {
    color: var(--blockquote-color);
    opacity: calc(var(--blockquote-opacity) / 100);
    font-family: var(--blockquote-font);
    font-size: var(--blockquote-size, 14px);
    font-weight: var(--blockquote-weight,400);
    font-style: var(--blockquote-italic);
    line-height: var(--blockquote-line-height);
    letter-spacing: var(--blockquote-spacing);
    text-decoration: var(--blockquote-underline);
    display: inline;
  }
}
blockquote::before {
  color: var(--blockquote-quote-color);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}