/* ==========================================================================
   #CKEDITOR
   ========================================================================== */
/*
 * Add your own classes for the RTE CKEditor.
 *
 * Any declarations set here are only for display in the Editor, not in the Frontend.
 */


/* CKEditor UI only
   ========================================================================== */
/*
 * 1. Prevent headings inside 'Paragraph Format' dropdown to grow larger than the panel.
 *    You can still style headings inside the RTE to match the frontend:
 *        h1 {
 *            color: #f49800;
 *            font-size: 2em;
 *        }
 */

/* .cke_panel_listItem h1 { font-size: 18px; } /* [1] */
/* .cke_panel_listItem h2 { font-size: 18px; } /* [1] */
/* .cke_panel_listItem h3 { font-size: 18px; } /* [1] */
/* .cke_panel_listItem h4 { font-size: 18px; } /* [1] */
/* .cke_panel_listItem h5 { font-size: 18px; } /* [1] */
/* .cke_panel_listItem h6 { font-size: 18px; } [1] */

/* Adapt styling inside RTE to your needs
   ========================================================================== */
/* .intro {
    color: #888;
    font-size: 1.5em;
}


.list--checkmark {
    list-style: none;
}


.list--checkmark li:before {
    color: green;
    content: '✓';
    padding-right: .5em;
}


.ce-table { width: 100%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; } */

/* EOA: Custom CSS  
=================================================================================== */

.cke_editable h1 {
    font-size: 2.625rem;
    line-height: 2.188rem;
    font-weight: bold;
    line-height: 2.75rem;
}

.cke_editable h2 {
    font-size: 1.625rem;
    line-height: 1.75rem;
    font-weight: bold;
    margin: 0;
    padding-top: 30px;
    margin-bottom: 1.5rem;
}

.cke_editable h3 {
    font-size: 1.313rem;
    line-height: 1.375rem;
    font-weight: bold;
    margin: 0;
    padding-top: 25px;
    margin-bottom: 1rem;
}

.juschu-article p, .juschu-article ul, .juschu-article ol {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.563rem;
}

.red-frame {
    border: 3px solid red;
    padding: 10px;
}