.ckeditor-content h1 {
    font-size: 2em !important;
    font-weight: bold !important;
}

.ckeditor-content h2 {
    font-size: 1.5em !important;
    font-weight: bold !important;
}

.ckeditor-content h3 {
    font-size: 1.17em !important;
    font-weight: bold !important;
}

.ck-editor__editable {
    height: 400px !important;
    max-height: 400px !important;
    overflow-y: auto !important;
    color: black !important;
}

/* Make FilePond list horizontal */
.filepond--list {
    display: flex;
    flex-wrap: wrap;
    /* next line auto wrap */
    gap: 10px;
}

/* Each item size */
.filepond--item {
    width: 120px;
    height: 120px;
}

/* Fix preview height */
/* .filepond--image-preview {
    height: 100px !important;
} */

/* Reduce overall panel height */
.filepond--panel-root {
    /* min-height: 140px; */
}

/* Full Screen UI Logic */
.ck-full-screen {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999;
    background: white;
}

.ck-full-screen .ck-editor__editable {
    min-height: calc(100vh - 100px) !important;
}

/* Image Resizing CSS */
.ckeditor-content .image.image_resized {
    display: table;
    box-sizing: border-box;
}

.ckeditor-content .image {
    clear: both;
    display: table;
    margin: 1.5rem auto;
    max-width: 100%;
    text-align: center;
}

.ckeditor-content .image img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.ckeditor-content .image-style-align-left {
    clear: none;
    float: left;
    margin: 0.35rem 1.5rem 1rem 0;
    max-width: 50%;
}

.ckeditor-content .image-style-align-right,
.ckeditor-content .image-style-side {
    clear: none;
    float: right;
    margin: 0.35rem 0 1rem 1.5rem;
    max-width: 50%;
}

.ckeditor-content .image-style-align-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.ckeditor-content figure.image figcaption {
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-top: 0.5rem;
}

.ckeditor-content ul,
.ckeditor-content ol {
    margin: 1rem 0 1rem 1.5rem;
    padding-left: 1.25rem;
}

.ckeditor-content ul {
    list-style-type: disc;
}

.ckeditor-content ol {
    list-style-type: decimal;
}

.ckeditor-content ul ul {
    list-style-type: circle;
}

.ckeditor-content ul ul ul {
    list-style-type: square;
}

.ckeditor-content ol ol {
    list-style-type: lower-alpha;
}

.ckeditor-content ol ol ol {
    list-style-type: lower-roman;
}

.ckeditor-content li {
    margin: 0.35rem 0;
    padding-left: 0.25rem;
}

.ckeditor-content::after {
    clear: both;
    content: "";
    display: block;
}

@media (max-width: 640px) {

    .ckeditor-content .image-style-align-left,
    .ckeditor-content .image-style-align-right,
    .ckeditor-content .image-style-side {
        float: none;
        margin: 1rem auto;
        max-width: 100%;
    }
}

.ckeditor-content > img {
    /* Ensure the element behaves cleanly if image files vary in sizes */
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* Headers style  */
/* .ck-content h1 {
    font-size: 2.25rem !important;
    font-weight: 800 !important;
}

.ck-content h2 {
    font-size: 1.85rem !important;
    font-weight: 700 !important;
}

.ck-content h3 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.ck-editor__editable {
    min-height: 400px !important;
    color: black !important;
} */