/* UI */
.global-sidebar__nav {
    font-size: 0.9em;
}

#page-container {
    background: #f3f7fb;
}

#crumb-list li.crumb:not(.current)::after,
#crumb-list li.crumb:not(.current)::before {
    opacity: 0.3;
}

/* Matrix */
.matrixblock {
    margin-bottom: 32px;
    outline: 2px solid rgba(0 0 0 / 15%);
    outline-offset: -2px;
}

.matrixblock > .titlebar {
    padding-block: 7px 3px;
}

.matrixblock.collapsed > .titlebar {
    padding-block: 5px;
}


.matrixblock-tabs .pane-tabs [role="tablist"] [role="tab"].sel {
    box-shadow: inset 0 1px 0 rgb(51 64 77 / 10%),
    0 0 0 1px rgb(51 64 77 / 10%),
    0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));
}

/* CP Note */
body.ltr .readable blockquote.note {
    padding: 0.5em 0.5em 0.5em 40px;
    border: none;
    border-radius: 2px;
}

body.ltr .readable blockquote.note p {
    font-size: 14px;
}

body.ltr .readable blockquote.note::before {
    top: 8px;
    left: 10px;
    font-size: 18px;
}

/* CP Note - Tip */
.readable blockquote.note.tip {
    background: #f9f9d0;
    color: #68654e;
}

.readable blockquote.note.tip::before {
    color: #68654e;
}

/* Redactor */
body .redactor-styles b,
body .redactor-styles strong {
    font-weight: 700;
}

body .redactor-styles h2,
body .redactor-dropdown-box-format .redactor-dropdown-h2 {
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
}

body .redactor-styles h2 {
    margin: 1.5em 0 0.5em;
}

body .redactor-styles h3,
body .redactor-dropdown-box-format .redactor-dropdown-h3 {
    font-size: 18px;
    line-height: 18px;
}

body .redactor-styles h3 {
    margin: 1.5em 0 0.5em;
}

body .redactor-styles .introduction,
body .redactor-styles .text--introduction {
    padding: 0.5em 0;
    font-size: 1.25em;
}

body .redactor-styles .text--introduction--large {
    padding: 0.5em 0;
    font-size: 1.5em;
    line-height: 1.3;
}


body .redactor-styles .font--fine-print {
    margin: 1em 0;
    font-size: 11px;
}

body .redactor-dropdown-box-format .redactor-dropdown-introduction {
    font-size: 1.25em;
}

body .redactor-styles blockquote {
    padding-left: 10px !important;
    border-left: 5px solid #637f89;
    color: #333;
    font-size: 1.3em;
    font-style: normal;
    line-height: 1.3;
}

body .redactor-dropdown-box-format .redactor-dropdown-highlight span,
body .redactor-styles .highlight {
    background-image: linear-gradient(10deg, rgb(255 255 255 / 0%), #cbecff 35%, #cbecff 85%, rgb(255 255 255 / 0%));
    font-style: normal;
}