.hms i,
.ck-content i,
.hms em,
.ck-content em {
    font-style:         italic;
}

.btf {
    font-family:        var(--text-font);
    font-size:          var(--text-fontsize);			
    line-height:		1.58em;
}

.hms hr,
.ck-content hr {
    margin-bottom:      1rem;
}

.hms pre,
.ck-content pre {
    font-family:        monospace;
    margin-bottom:      1rem;
    white-space:        pre-wrap;
}

.hms p,
.ck-content p {
    margin-bottom:      1em;
}

.hms ul,
.ck-content ul {
    margin-left:		30px;
    margin-bottom:		1em;
    padding-left:       0;
}

.hms strong,
.ck-content strong {
    font-weight:        700;
}


.hms ol,
.ck-content ol {
    margin-left: 30px;
    margin-bottom:		1em;
    list-style-position: inside;
}

.hms ol li,
.ck-content ol li{
    text-indent: -1.5em;
}

.hms nav ol li,
.ck-content nav ol li{
    text-indent: 0;
}


.hms h1,
.hms h2,
.hms h3,
.hms h4,
.ck-content h1,
.ck-content h2,
.ck-content h3,
.ck-content h4,
h1.h1,
h2.h2,
h3.h3,
h4.h4 {
    font-family:        var(--header-font);
    font-weight:        700;
    margin-bottom:      1rem;
}

.hms img,
.ck-content img {
    max-width:          100%;
}

.hms a,
.ck-content a {
    color:              var(--link-color);
}

.hms a:focus,
.ck-content a:focus,
.hms a:hover,
.ck-content a:hover  {
    text-decoration:              underline;
}

.hms blockquote,
.ck-content blockquote {
    overflow:			hidden;
    padding-right: 		1.5em;
    padding-left:		1.5em;
    font-style:			italic;
    border-left:		7px solid #ccc;
}

.hms h1,
.ck-content h1,
h1.h1 {
    font-size:          var(--h1-fontsize);
    line-height:        1.25em;
}

.hms h1.ts20,
.ck-content h1.ts20,
.hms h2.ts20,
.ck-content h2.ts20,
.hms h3.ts20,
.ck-content h3.ts20,
.hms h4.ts20,
.ck-content h4.ts20 {
    line-height:        1.5em;
}

.hms h2,
.ck-content h2,
h2.h2 {
    font-size:          var(--h2-fontsize);
    line-height:        1.4545em;
}

.hms h3,
.ck-content h3,
h3.h3 {
    font-size:          var(--h3-fontsize);
    line-height:        1.28em;
}

@media (max-width: 780px) {
    .btf {
        font-size:          var(--text-fontsize-mobile);			
    }

    .hms h1,
    .ck-content h1,
    h1.h1 {
        font-size:          var(--h1-fontsize-mobile);
    }

    .hms h2,
    .ck-content h2,
    h2.h2 {
        font-size:          var(--h2-fontsize-mobile);
    }

    .hms h3,
    .ck-content h3,
    h3.h3 {
        font-size:          var(--h3-fontsize-mobile);
    }
}