/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*! html-text-styles.css */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */





/* headings
======================================================================================================================================================================================================== */

/* main containers */
html .hts :is(h1,h2,h3,h4,h5,h6) {line-height: 1.35em;}

/* specific font sizes */
html .hts h1 {margin: 0 0 0.5em 0; font-weight: 800; font-size: 2.20em;}
html .hts h2 {margin: 0 0 0.6em 0; font-weight: 800; font-size: 1.80em;}
html .hts h3 {margin: 0 0 0.7em 0; font-weight: 400; font-size: 1.65em;}
html .hts h4 {margin: 0 0 0.8em 0; font-weight: 500; font-size: 1.50em;}
html .hts h5 {margin: 0 0 0.9em 0; font-weight: 800; font-size: 1.35em;}
html .hts h6 {margin: 0 0 1.0em 0; font-weight: 600; font-size: 1.20em;}










/* text classes
======================================================================================================================================================================================================== */

/* uppercase */
html .hts .uppercase {text-transform: uppercase;}

/* lowercase */
html .hts .lowercase {text-transform: lowercase;}

/* no margin */
html .hts .no-margin {margin: 0;}

/* no padding */
html .hts .no-padding {padding: 0;}










/* paragraphs
======================================================================================================================================================================================================== */

/* main container */
html .hts p
{
    margin: 0 0 2em 0;
    font-size: inherit; line-height: inherit;
}

/* last paragraph */
html .hts * > p:last-child {margin: 0;}










/* list defaults
======================================================================================================================================================================================================== */

/* main list */
html .hts :is(ul,ol,dl)
{
    z-index: 1;
    margin: 0 0 2em 0;
    font-size: inherit; line-height: inherit;
    color: inherit;
}

/* last list */
html .hts :is(ul,ol,dl):last-child {margin: 0;}





/* list item
==================================================================================================== */

/* main container */
html .hts li
{
    margin: 1em 0 0 0; padding: 0 0 0 1.65em;
    color: inherit;
}

/* first child */
html .hts :is(ul,ol,dl) > :first-child:is(li) {margin: 0;}

/* list item dots/numbers */
html .hts li::before
{
    z-index: -2;
    position: absolute; display: block; margin: 0; padding: 0; box-sizing: border-box;
    color: currentColor;
}

/* when a list has an item with a list remove the dot/number from the item */
html .hts li:has(ul,ol)::before {display: none;}



/* nested
==================================================================================================== */

/* main container */
html .hts :is(ul,ol,dl) > li > :is(ul,ol,dl) {margin: 1em 0 0 0;}










/* unordered lists
======================================================================================================================================================================================================== */

/* list item dot
==================================================================================================== */

/* main container */
html .hts ul > li::before
{
    top: 0.5em; left: 0; float: left; width: calc(1em / 1.97); height: calc(1em / 1.97); content: "";
    background: currentColor;
    border-radius: 50%;
}





/* level two dot
==================================================================================================== */

/* main container */
html .hts ul > li > ul > li::before {background-color: transparent; background: transparent; border-width: 0.1rem; border-style: solid; border-color: currentColor;}





/* level three dot
==================================================================================================== */

/* main container */
html .hts ul > li > ul > li > ul > li::before
{
    background: currentColor;
    border-width: 0; border-radius: 0;
}





/* level four dot
==================================================================================================== */

/* main container */
html .hts ul > li > ul > li > ul > li > ul > li::before
{
    background-color: transparent; background: transparent;
    border-width: 0.1rem; border-color: currentColor;
}










/* ordered/numbered lists
======================================================================================================================================================================================================== */

/* list item number
==================================================================================================== */

/* main container */
html .hts ol > li::before
{
    top: 0; right: calc(100% - 1em); float: right; width: auto; height: auto;
    font-weight: 500;
}





/* counters
==================================================================================================== */

html .hts ol {counter-reset: ol-counter;}
html .hts ol > li > ol {counter-reset: ol-ol-counter;}
html .hts ol > li > ol > li > ol {counter-reset: ol-ol-ol-counter;}
html .hts ol > li > ol > li > ol > li > ol {counter-reset: ol-ol-ol-ol-counter;}





/* increments
==================================================================================================== */

html .hts ol > li {counter-increment: ol-counter;}
html .hts ol > li > ol > li {counter-increment: ol-ol-counter;}
html .hts ol > li > ol > li > ol > li {counter-increment: ol-ol-ol-counter;}
html .hts ol > li > ol > li > ol > li > ol > li {counter-increment: ol-ol-ol-ol-counter;}





/* numbers/letters
==================================================================================================== */

html .hts ol > li::before {content: counter(ol-counter, decimal)"."; color: inherit;}
html .hts ol > li > ol > li::before {content: counter(ol-ol-counter, upper-alpha)"."; color: inherit;}
html .hts ol > li > ol > li > ol > li::before {content: counter(ol-ol-ol-counter, lower-roman)"."; color: inherit;}
html .hts ol > li > ol > li > ol > li > ol > li::before {content: counter(ol-ol-ol-ol-counter, lower-alpha)"."; color: inherit;}











/* alert icon before text
======================================================================================================================================================================================================== */

/* main container */
html .hts .alert-icon-text {color: var(--red-lite);}

/* icon */
html .hts .alert-icon-text::before
{
    position: relative; display: inline-block; float: none; width: auto; height: auto; margin: 0 1em 0 0; content: "\f071";
    font-family: var(--fa); font-weight: 700;
}