/***********/
/** Type **/
/***********/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--app-color-dark);
    font-family: DM Sans, sans-serif;
}

.h1, h1 {
    font-size: 36px;
    line-height: inherit;
    font-weight: 900;
    display: block;
    margin: 0;
}

.h2, h2 {
    font-size: 28px;
    line-height: inherit;
    font-style: normal;
    font-weight: 300;
    margin: 0;
}

.h3, h3 {
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    margin: 0;
}

.h4, h4, h4.panel-title {
    font-size: 22px;
    line-height: inherit;
    font-style: normal;
    font-weight: 800;
    margin: 0;
}

.h5, h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.h6, h6 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

a,
a:focus,
a:hover,
a:active {
    color: var(--app-color-link);
}

a:focus,
a:hover,
a:focus-visible {
    text-decoration: underline;
    outline: none;
}

.hr-text {
    border-bottom: 1px solid #A6AAAF;
    color: #A6AAAF;
    line-height: 0.1em;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}

.hr-text span {
    background:#F9FAFB;
    padding:0 10px;
}
body.dark .hr-text span {
    background: var(--Background-Secondary);
}

.text-primary {
    color: var(--app-color-primary);
}
.text-primary-light {
    color: var(--app-color-primary-light);
}
.text-secondary {
    color: var(--app-color-secondary);
}
.text-tertiary {
    color: var(--app-color-tertiary);
}


.text-success,
.text-emerald {
    color: var(--common-primary-brand-emerald-100);
}
.text-success-80 {
    color: var(--common-primary-brand-emerald-80);
}
.text-info {
    color: var(--app-color-info);
}
.text-warning {
    color: var(--app-color-warning);
}
.text-danger {
    color: var(--app-color-danger);
}
.text-pink {
    color: var(--app-color-pink);
}
.text-grey-medium {
    color: var(--app-color-grey-medium);
}
.text-grey-light {
    color: var(--app-color-grey-light);
}
.text-dark {
    color: var(--app-color-dark);
}
.text-blue {
    color: #4C58E4;
}
.text-light {
    color: #F0F1F5;
}
body.dark .text-light {
    opacity: .3;
}
.text-neutral {
    color: #DED9D5;
}
.text-white {
    color: #FFFFFF;
}
.text-coral {
    color: var(--common-primary-brand-coral-100);
}
.text-yellow {
    color: var(--common-primary-brand-yellow-100);
}
.text-purple {
    color: var(--common-secondary-brand-purple-100);
}
.text-teal {
    color: var(--common-secondary-brand-teal-100);
}
.text-peach-pink {
    color: var(--common-secondary-brand-peach-pink-100);
}
.text-navy-blue {
    color: var(--common-primary-brand-navy-blue-80, #202128);
}
.text-orange {
    color: var(--common-secondary-brand-orange-100, #fca05e);
}
.text-peach-pink {
    color: var(--common-secondary-brand-peach-pink-100, #ff7787);
}
.text-pearl-pink {
    color: var(--common-secondary-brand-pearl-pink-100, #eea8ce);
}
.text-fushia {
    color: var(--common-secondary-brand-fushia-100, #f678c8);
}
.text-green {
    color: var(--common-secondary-brand-green-100, #5ca572);
}


.text-small {
    font-size: 12px;
}
.text-large {
    font-size: 16px;
}
.text-xlarge {
    font-size: 24px;
}

/**
* Fix nc-icon svgs
 */
.text-primary.nc-icon-coloured {
    filter: brightness(0) saturate(100%) invert(60%) sepia(74%) saturate(5572%) hue-rotate(153deg) brightness(109%) contrast(83%);
}
.text-secondary.nc-icon-coloured {
    filter: brightness(0) saturate(100%) invert(94%) sepia(94%) saturate(0%) hue-rotate(243deg) brightness(103%) contrast(101%);
}
.text-success.nc-icon-coloured {
    filter: brightness(0) saturate(100%)invert(61%) sepia(9%) saturate(6953%) hue-rotate(102deg) brightness(107%) contrast(78%);
}
.text-info.nc-icon-coloured {
    filter: brightness(0) saturate(100%) invert(83%) sepia(11%) saturate(186%) hue-rotate(198deg) brightness(102%) contrast(89%);
}
.text-warning.nc-icon-coloured {
    filter: brightness(0) saturate(100%) invert(90%) sepia(44%) saturate(6180%) hue-rotate(318deg) brightness(95%) contrast(101%);
}
.text-danger.nc-icon-coloured {
    filter: brightness(0) saturate(100%) invert(44%) sepia(28%) saturate(6852%) hue-rotate(327deg) brightness(90%) contrast(107%);
}
.text-dark.nc-icon-coloured {
    filter: brightness(0) saturate(100%) invert(17%) sepia(38%) saturate(420%) hue-rotate(195deg) brightness(96%) contrast(88%);
}
.text-blue.nc-icon-coloured {
    filter: brightness(0) saturate(100%) invert(42%) sepia(68%) saturate(5901%) hue-rotate(228deg) brightness(92%) contrast(93%);
}
.text-light.nc-icon-coloured {
    filter: brightness(0) saturate(100%) invert(85%) sepia(5%) saturate(119%) hue-rotate(193deg) brightness(113%) contrast(94%);
}
.text-white.nc-icon-coloured {
    filter: brightness(0) saturate(100%) invert(94%) sepia(94%) saturate(0%) hue-rotate(243deg) brightness(103%) contrast(101%);
}

@media (max-width: 768px) {
    h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }
}

.ckeditor-email-content .ck.ck-content {
    font-size: 16px;
}
.ckeditor-email-content .ck.ck-content h2 {
    font-size: 26px;
    font-weight: 700;
}
.ckeditor-email-content .ck.ck-content h3 {
    font-size: 19px;
    font-weight: 700;
}
.ckeditor-email-content .ck.ck-content h4 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0px;
}