.text-editor {
    position: relative;
}
.text-editor,
.text-editor p {
    margin: 0;
}
.text-editor .text-link {
    color: rgba(var(--cpn-text-link),1) !important;
    text-decoration: none !important;
    /* background-color: rgba(var(--cpn-color-primary),0.1);
    border-radius: 10px;
    padding: 0 10px; */
}
.text-editor .text-link:hover {
    color: rgba(var(--cpn-text-link-hover),1) !important;
}
.text-editor h1, .text-editor .h1 {
    font-size: var(--cpn-h1-font-size);
	line-height: var(--cpn-h1-line-height);
}
.text-editor h2, .text-editor .h2 {
    font-size: var(--cpn-h2-font-size);
	line-height: var(--cpn-h2-line-height);
}
.text-editor h3, .text-editor .h3 {
    font-size: var(--cpn-h3-font-size);
	line-height: var(--cpn-h3-line-height);
}
.text-editor h4, .text-editor .h4 {
    font-size: var(--cpn-h4-font-size);
	line-height: var(--cpn-h4-line-height);
}
.text-editor h5, .text-editor .h5 {
    font-size: var(--cpn-h5-font-size);
	line-height: var(--cpn-h5-line-height);
}
.text-editor h6, .text-editor .h6 {
    font-size: var(--cpn-h6-font-size);
	line-height: var(--cpn-h6-line-height);
}
.text-editor img {
    border-radius: 20px;
    overflow: hidden;
}
.text-editor ol,
.text-editor ul {
    margin: 0;
    padding: 0 0 0 30px;
}

/* ol */
.text-editor ol {
  counter-reset: item;
  list-style: none;
  padding-left: 30px;
}
.text-editor ol > li {
  counter-increment: item;
  /* margin-bottom: 0.5em; */
  position: relative;
}
.text-editor ol > li::before {
  content: counter(item) ". ";
  position: absolute;
  left: -30px;
}
.text-editor ol ol {
  counter-reset: subitem;
  list-style: none;
  padding-left: 40px;
}
.text-editor ol ol > li {
  counter-increment: subitem;
  position: relative;
  /* margin-bottom: 0.3em; */
}
.text-editor ol ol > li::before {
  content: counter(item) "." counter(subitem) " ";
  position: absolute;
  left: -40px;
}