/* The look of a post's content, one file for every place that shows it: the public post page, the TinyMCE iframe and
   the post preview of the admin SPA (clients/admin imports this file). */
.editor {
    --background-primary: #fff;
    --background-secondary: #f4f4f4;
    --background-tertiary: #f0f0f0;
    --border-color-primary: #e0e0e0;
    --body-text-primary: #161616;
    --hyperlink-color: #2975b0;
    --alert-app-red: firebrick;
    background: var(--background-primary);
    color: var(--body-text-primary);
    font-size: 1.125rem;
    line-height: 1.6875rem;
}

.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
    margin: 1.414em 0 0.5em;
    border-bottom: 0;
    border-radius: 0;
    color: inherit;
    font-weight: 500;
    line-height: 1.2;
}

.editor h1 {
    font-size: 2.074em;
}

.editor h2 {
    font-size: 1.728em;
}

.editor h3 {
    font-size: 1.44em;
}

.editor h4 {
    font-size: 1.2em;
}

.editor h5 {
    font-size: 0.875rem;
}

.editor h6 {
    font-size: 0.75rem;
}

.editor a {
    color: var(--hyperlink-color);
    text-decoration: underline;
}

.editor a:hover {
    color: var(--hyperlink-color);
}

.editor p {
    margin: 0 0 1.3em;
    padding: 0;
}

.editor p img,
.editor img {
    max-width: 100%;
    height: auto;
    margin-bottom: 1.3em;
}

.editor img[style*="left"],
.editor img.pull-left {
    margin-right: 0.9375rem;
}

.editor img[style*="right"],
.editor img.pull-right {
    margin-left: 0.9375rem;
}

.editor figure.image {
    margin-top: 0;
    margin-bottom: 1.3em;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: center;
}

.editor figure.image img {
    box-sizing: border-box;
    margin: 0;
}

.editor figure.image figcaption {
    font-size: 0.9em;
    font-style: italic;
    text-align: center;
}

.editor ul,
.editor ol {
    margin: 0 0.9375rem 1.3em 1.875rem;
    padding: 0;
}

.editor li ul,
.editor li ol {
    margin: 0.625rem 0.9375rem 0.3125rem 1.5625rem;
}

.editor ul {
    list-style-type: disc;
}

.editor ol {
    list-style-type: decimal;
}

.editor li {
    margin: 0 0 0.625rem;
}

.editor dl {
    margin: 0;
}

.editor dl dt {
    margin-bottom: 0.3125rem;
    font-weight: bold;
}

.editor dd {
    margin: 0 0 0.9375rem 0.9375rem;
}

.editor hr {
    margin: 2em 0;
    border: 0;
    border-top: 1px solid var(--border-color-primary);
    border-bottom: 1px solid var(--border-color-primary);
}

.editor table {
    width: 100%;
    margin-bottom: 1.3em;
    border: 1px solid var(--border-color-primary);
    border-collapse: collapse;
}

.editor th {
    font-weight: 500;
}

.editor thead th {
    background: var(--background-tertiary);
}

.editor th,
.editor td,
.editor caption {
    padding: 0.25rem 0.3125rem;
    border: 1px solid var(--border-color-primary);
    text-align: left;
}

.editor tfoot {
    font-style: italic;
}

.editor caption {
    background: var(--background-tertiary);
}

.editor code {
    padding: 0.125rem 0.25rem;
    border: 1px solid var(--background-secondary);
    border-radius: 0.1875rem;
    background-color: var(--background-secondary);
    color: var(--alert-app-red);
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 0.75rem;
    white-space: nowrap;
}

.editor blockquote,
.editor pre {
    margin: 1.5em 1.5em 1.5em 0.9375rem;
    padding: 0.9375rem 1.25rem;
    border-color: var(--border-color-primary);
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 0 3px;
}

.editor pre {
    background-color: var(--background-tertiary);
    color: var(--body-text-primary);
}

.editor pre code {
    border: 0;
    border-radius: 0;
    background-color: inherit;
    color: inherit;
    font-size: 100%;
    font-style: normal;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

.editor blockquote p,
.editor blockquote ul,
.editor blockquote ol {
    font-size: inherit;
    line-height: inherit;
}

.editor blockquote p:first-child,
.editor blockquote p:last-child {
    margin: 0;
}

.editor blockquote p:nth-child(n+2) {
    margin: 0.9375rem 0 0;
}

.editor blockquote ul,
.editor blockquote ol {
    margin: 0.9375rem 0 0 1.25rem;
    padding: 0 !important;
}

.editor iframe,
.editor video {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 1.3em;
    border: 0;
}

.editor iframe {
    aspect-ratio: 16 / 9;
}

.editor audio {
    width: 100%;
    margin-bottom: 1.3em;
}

.editor .was-mentioned {
    color: var(--hyperlink-color);
    font-weight: 500;
    text-decoration: none;
}

.editor .was-mentioned i,
.editor .was-mentioned em {
    margin-right: 0.125rem;
}

.editor .was-mentioned:hover {
    text-decoration: underline;
}

.editor .was-mentioned:hover i,
.editor .was-mentioned:hover em {
    text-decoration: none;
}

.editor .mceItem.mceMention .was-mentioned.mentioned-content i {
    margin-right: 0.3125rem;
}

.editor .accordion .accordion-group {
    border: 1px solid var(--border-color-primary);
}

.editor .accordion .accordion-group .accordion-heading .accordion-toggle {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
}

.editor .accordion .accordion-group .accordion-body .accordion-inner {
    border-top: 1px solid var(--border-color-primary);
}

.editor .nav.nav-tabs {
    margin: 1.875rem 0 1.3em;
}

.editor .nav.nav-tabs > li > a {
    text-decoration: none;
}

.editor .nav.nav-tabs > li > a:hover {
    color: inherit;
}

.editor .widget-content.widget-content-padded.entity-formatted-content {
    font-size: inherit;
    line-height: inherit;
}

.editor .widget-content.widget-content-padded.entity-formatted-content p {
    font-size: inherit;
    line-height: inherit;
}

.editor .widget-content.widget-content-padded.entity-formatted-content h4 {
    margin: 0 0 0.3125rem;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.6em;
}

.editor .widget-content.widget-content-padded.entity-formatted-content ul,
.editor .widget-content.widget-content-padded.entity-formatted-content ol {
    margin: 0 0.9375rem 0.9375rem 1.875rem;
    font-size: inherit;
    line-height: inherit;
}

.editor .widget-content.widget-content-padded.entity-formatted-content li {
    margin: 0 0 0.3125rem;
    line-height: 1.6em;
}

.editor .widget {
    overflow: hidden;
    margin: 0 0 1.875rem;
    border: 1px solid #dfdfdf;
    border-radius: 0.25rem;
    background: #fff;
}

.editor .widget .widget-header {
    margin: 0;
    padding: 0.9375rem 1.25rem 0;
}

.editor .widget .widget-header i {
    float: left;
    margin: -0.1875rem 0.5rem 0 0;
    font-size: 1.0625rem;
}

.editor .widget .widget-header h2,
.editor .widget .widget-header h3 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
}

.editor .widget .widget-header h3 label {
    margin: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.editor .widget .widget-content-padded {
    padding: 0.9375rem 1.25rem 1.25rem;
}

.editor .widget .widget-content iframe {
    display: block;
    border: 0 none;
    border-radius: 0 0 0.25rem 0.25rem;
}

.editor .widget .widget-footer {
    margin: 0;
    padding: 0 1.25rem 0.625rem;
    font-size: 0.9em;
    text-align: right;
}

.editor .widget .widget-footer a i {
    margin-left: 0.3125rem;
}

.editor .widget .widget-footer a:hover i {
    text-decoration: none;
}

.editor .widget .myacct-navigation {
    padding: 0;
    border-bottom: 0;
}

.editor .widget-hide-header .widget-header {
    display: none;
}

.editor .widget-callout {
    background: #fafafa;
}

.editor .widget-callout-success {
    border-color: #d6e9c6;
    background-color: #dff0d8;
    color: #468847;
}

.editor .widget-callout-success .widget-header,
.editor .widget-callout-success .widget-footer {
    border-color: #d6e9c6;
    background-color: #dff0d8;
}

.editor .widget-callout-warn {
    border-color: #fbeed5;
    background-color: #fcf8e3;
}

.editor .widget-callout-warn .widget-header,
.editor .widget-callout-warn .widget-footer {
    border-color: #fbeed5;
    background-color: #fcf8e3;
}

.editor .widget-callout-info {
    border-color: #bce8f1;
    background-color: #d9edf7;
}

.editor .widget-callout-info .widget-header,
.editor .widget-callout-info .widget-footer {
    border-color: #bce8f1;
    background-color: #d9edf7;
}

.editor .widget-callout-error {
    border-color: #eed3d7;
    background-color: #f2dede;
}

.editor .widget-callout-error .widget-header,
.editor .widget-callout-error .widget-footer {
    border-color: #eed3d7;
    background-color: #f2dede;
}

@media (max-width: 480px) {
    .editor table {
        display: block;
        overflow-x: auto;
        width: fit-content;
        max-width: 100%;
        border-collapse: collapse;
    }

    .editor th,
    .editor td,
    .editor caption {
        white-space: nowrap;
    }
}