:root {
    --color-primary-800: #315321;
    --color-secondary-900: #1a4056;
}
/**umb_name:H1 para título notícias*/
h1.news-text.text-3xl/10.lg:text-5xl/16.md:text-4xl/12 {
    color: var(--color-secondary-900);
    font-weight: 700;
    display: block;
    margin-bottom: calc(0.25rem * 6);
}

/**umb_name:H2 Cabeçalho Nível 2*/
h2 {
}

/**umb_name:H3 Cabeçalho Nível 3*/
h3 {
}

/**umb_name:H4 Cabeçalho Nível 4*/
h4 {
}

/**umb_name:Titulo Highligth*/
.highlight-text {
    background-color: hsl(60, 75%, 60%);
    padding: 0 5px;
}

/**umb_name: Cor primary*/
.color-primary {
    color: var(--color-primary-800);
}

/**umb_name: Cor secondary*/
.color-secondary {
    color: var(--color-secondary-900);
}

/**umb_name:Font Light*/
.font-light {
    font-weight: 300;
}

/**umb_name:Font Medium*/
.font-medium {
    font-weight: 500;
}

/**umb_name:Font XL*/
.text-2xl lg:text-4xl md:text-3xl {
}

#tinymce .text-2xl {
    font-size: 1.5rem;
}

/**umb_name:Font LG*/
.text-xl lg:text-3xl md:text-2xl {
}

#tinymce .text-xl {
    font-size: 1.25rem;
}

/**umb_name:Font MD*/
.text-lg lg:text-2xl md:text-xl {
}

#tinymce .text-lg {
    font-size: 1.125rem;
}

.news-text {
    color: var(--color-secondary-900);
    font-weight: 700;
    display: block;
    margin-bottom: 1rem;
}

.rich-text a {
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

    .rich-text a:hover {
        color: var(--color-primary-800);
        color: #315321;
    }

.rich-text p {
    margin-bottom: 1rem;
}

    .rich-text p:last-child {
        margin-bottom: 0;
    }

.rich-text ol,
#tinymce ol,
.rich-text ul,
#tinymce ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.rich-text ul,
#tinymce ul {
    list-style: inherit;
}

.rich-text ol,
#tinymce ol {
    list-style: decimal;
}

.rich-text ol li::marker,
#tinymce ol li::marker {
    font-size: 85%; 
    font-weight: 700;
}

.rich-text li,
#tinymce li {
    margin-bottom: 1rem;
}

#tinymce img {
    max-width: 100%;
    height: auto;
}

.modal {
    display: none;
}

    .modal.active {
        display: flex;
    }

.modal-backdrop {
    backdrop-filter: blur(4px);
}