/*----------------------------------------------------------------
HEADERS 
----------------------------------------------------------------*/

.cm-header-1,
.markdown-preview-section h1{
    font-family: Karla;
    text-transform: capitalize !important;
    font-style: bold !important;
    letter-spacing: 0px;
    font-weight: 900 !important;
    line-height: 1.1em;
    font-size: 35px !important;
    color: var(--text-normal) !important;
}

.cm-header-2,
.markdown-preview-section h2{
    font-family: Karla;
    letter-spacing: 0px;
    font-weight: 800 !important;
    font-size: 32px !important;
    color: var(--text-normal) !important;
}

.cm-header-3,
.markdown-preview-section h3{
    font-family: Karla;
    line-height: 1.1em;
    letter-spacing: 0px;
    font-weight: 650 !important;
    font-size: 29px !important;
    color: var(--text-normal) !important;
}

.cm-header-4,
.markdown-preview-section h4{
    font-family: Karla;
    line-height: 1.2em;
    letter-spacing: 0px;
    font-weight: 650 !important;
    font-size: 26px !important;
    color: var(--text-normal) !important;
}

.cm-header-5,
.markdown-preview-section h5{
    font-family: Karla;
    line-height: 1.2em;
    letter-spacing: 0px;
    font-weight: 650 !important;
    font-size: 23px !important;
    color: var(--text-normal) !important;
}

.cm-header-6,
.markdown-preview-section h6{
    text-transform: none !important;
    line-height: 1.75em;
    font-family: Karla;
    font-weight: 600 !important;
    font-size: 17.5px !important;
    color: var(--text-normal) !important;
}