.custom-ck ul, .editor-custom-class ul {
    display: block !important;
    list-style-type: disc !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 40px !important;
}

.custom-ck ol, .editor-custom-class ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.custom-ck li, .editor-custom-class li {
    display: list-item !important;
    text-align: -webkit-match-parent !important;
    margin-bottom: 2px !important;
}

.custom-ck p, .editor-custom-class p {
    display: block !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
}

.custom-ck h2, .editor-custom-class h2 {
    display: block !important;
    font-size: 1.5em !important;
    margin-block-start: 0.83em !important;
    margin-block-end: 0.83em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    font-weight: bold !important;
}

.custom-ck h3, .editor-custom-class h3 {
    display: block !important;
    font-size: 1.17em !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    font-weight: bold !important;
}
.custom-ck a, .editor-custom-class a {
    color:var(--ck-color-link-default);
}

.custom-ck, .editor-custom-class {
    font-size: 14px;
    font-family: "interstate-light", sans-serif;
}

.custom-ck blockquote, .editor-custom-class blockquote {
    overflow: hidden !important;
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-style: italic !important;
    border-left: 5px solid rgb(134, 132, 132) !important;
}

.custom-ck .text-tiny, .editor-custom-class .text-tiny {
    font-size: .7em;
}

.custom-ck .text-small, .editor-custom-class .text-small{
    font-size: .85em;
}

.custom-ck .text-big, .editor-custom-class .text-big {
    font-size: 1.4em;
}

.custom-ck .text-huge, .editor-custom-class .text-huge {
    font-size: 1.8em;
}

.custom-ck .image-style-side, .editor-custom-class .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%;
}

.custom-ck .image, .editor-custom-class .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 0.9em auto;
    min-width: 50px;
}

.custom-ck .image.image_resized, .editor-custom-class .image.image_resized{
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}

.custom-ck .table table, .editor-custom-class .table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double #b3b3b3;
}
.custom-ck .table table td, .ck-content .table table th, .editor-custom-class .table table td, .editor-custom-class .table table th {
    min-width: 2em;
    padding: 0.4em;
    border: 1px solid #bfbfbf;
}

.custom-ck .media, .editor-custom-class .media {
    clear: both;
    margin: 0.9em 0;
    display: block;
    min-width: 15em;
}

.custom-ck .image.image_resized img, .editor-custom-class .image.image_resized img {
    width: 100%;
}

.custom-ck .image img, .editor-custom-class .image img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
}

.custom-ck .marker-green, .editor-custom-class .marker-green {
    background-color: var(--ck-highlight-marker-green);
}
.custom-ck .marker-pink, .editor-custom-class .marker-pink {
    background-color: var(--ck-highlight-marker-pink);
}
.custom-ck .marker-yellow, .editor-custom-class .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow);
}
.custom-ck .marker-blue, .editor-custom-class .marker-blue {
    background-color: var(--ck-highlight-marker-blue);
}
.custom-ck .marker-red, .editor-custom-class .marker-red {
    background-color: var(--ck-highlight-pen-red);
}
.custom-ck, .editor-custom-class, .editor-custom-class .body_head_2 {
    color: #343434;
}
.editor-custom-class .body_head_2 {
    line-height: 1.4;
}

.custom-ck, .editor-custom-class {
    word-break: break-word;
}

.ck.ck-balloon-panel{
    z-index: 9999 !important;
}

/*
 * Configure the z-index of the editor UI, so when inside a Materialize
 * modal, it will be rendered over the modal.
 */
 :root {
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}

/*
 * Bring back the default CKEditor 5 input appearance by overriding
 * high–specificity styles brought by materialize.css.
 *
 * See: https://github.com/Dogfalo/materialize/blob/v1-dev/sass/components/forms/_input-fields.scss#L10-L40
 */
.ck input.ck-input.ck-input-text {
    box-shadow: var(--ck-inner-shadow),0 0;
    background: var(--ck-color-input-background);
    border: 1px solid var(--ck-color-input-border);
    padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
    transition-property: box-shadow,border;
    transition: .2s ease-in-out;

    height: inherit;
    width: inherit;
    font-size: inherit;
    margin: 0;
    box-sizing: border-box;
}

.ck input.ck-input.ck-input-text:focus {
    border: var(--ck-focus-ring);
    box-shadow: var(--ck-focus-outer-shadow),var(--ck-inner-shadow);
}