/* Styles for HTML authored in the DevExtreme HtmlEditor (Quill) and rendered on site pages */
.content-html {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #212529;
    overflow-wrap: break-word;
}

    .content-html p {
        margin: 0 0 1em;
    }

    .content-html ul,
    .content-html ol {
        margin: 0 0 1em;
        padding-left: 2em;
    }

    .content-html ul {
        list-style: disc;
    }

    .content-html ol {
        list-style: decimal;
    }

    .content-html img {
        max-width: 100%;
        height: auto;
    }

    .content-html table {
        max-width: 100%;
        border-collapse: collapse;
    }

    .content-html td,
    .content-html th {
        border: 1px solid #ccc;
        padding: 4px 8px;
    }

    .content-html a {
        color: #1D62FF;
        text-decoration: underline;
    }

    /* Quill alignment and indent classes, if present in the saved HTML */
    .content-html .ql-align-center {
        text-align: center;
    }

    .content-html .ql-align-right {
        text-align: right;
    }

    .content-html .ql-align-justify {
        text-align: justify;
    }

    .content-html .ql-indent-1 {
        padding-left: 3em;
    }

    .content-html .ql-indent-2 {
        padding-left: 6em;
    }

    .content-html .ql-indent-3 {
        padding-left: 9em;
    }

    .content-html .ql-size-small {
        font-size: 0.75em;
    }

    .content-html .ql-size-large {
        font-size: 1.5em;
    }

    .content-html .ql-size-huge {
        font-size: 2.5em;
    }