/* Quill output classes for frontend rendering */

/* Alignment */
.ql-content .ql-align-center { text-align: center; }
.ql-content .ql-align-right { text-align: right; }
.ql-content .ql-align-justify { text-align: justify; }

/* Indentation */
.ql-content .ql-indent-1 { padding-left: 3em; }
.ql-content .ql-indent-2 { padding-left: 6em; }
.ql-content .ql-indent-3 { padding-left: 9em; }
.ql-content .ql-indent-4 { padding-left: 12em; }
.ql-content .ql-indent-5 { padding-left: 15em; }
.ql-content .ql-indent-6 { padding-left: 18em; }
.ql-content .ql-indent-7 { padding-left: 21em; }
.ql-content .ql-indent-8 { padding-left: 24em; }

/* Font sizes */
.ql-content .ql-size-small { font-size: 0.75em; }
.ql-content .ql-size-large { font-size: 1.5em; }
.ql-content .ql-size-huge { font-size: 2.5em; }

/* Images */
.ql-content img { max-width: 100%; height: auto; border-radius: 0.5rem; }

/* Video */
.ql-content .ql-video { width: 100%; aspect-ratio: 16/9; border: none; border-radius: 0.5rem; }

/* Blockquote */
.ql-content blockquote { border-left: 4px solid #ccc; padding-left: 1em; color: #666; margin: 1em 0; }

/* Lists inside ql-content */
.ql-content ol, .ql-content ul { padding-left: 1.5em; }

.ql-content img {
    display: inline-block;
}

.ql-content p{
    padding-bottom: 20px;
}