/*
 * THEME DECORATIONS
 * 
 * Contains styling for all decorations.
 */

/* Information box
---------------------------------------------------------*/

.jor-decoration-information-box {
    background: var(--env-ui-color-brand-10);
    border-left: 6px solid var(--env-ui-color-brand-05-contrast);
    margin: 1.5rem 0;
    padding: 1.5rem;
}

.jor-decoration-information-box h1,
.jor-decoration-information-box h2,
.jor-decoration-information-box h3,
.jor-decoration-information-box h4,
.jor-decoration-information-box h5 {
    color: var(--env-ui-color-brand-20-contrast);
    font-weight: 600;
    margin: 0 0 0.8rem!important;
}

.jor-decoration-information-box .env-text-body-01 {
   color: var(--env-ui-color-brand-40-contrast);
}

.jor-decoration-information-box h1:before,
.jor-decoration-information-box h2:before,
.jor-decoration-information-box h3:before,
.jor-decoration-information-box h4:before,
.jor-decoration-information-box h5:before {
    content: "\f05a";
    height: 24px;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    margin-right: 0.8rem;
    width: 24px;
}

.jor-decoration-information-box a {
    color: var(--env-ui-color-brand-20-contrast);
    font-weight: 600;
    text-decoration: none;
}

.jor-decoration-information-box a:before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    margin-right: 0.5rem;
}