/* Front-end rendering for content created by the Quill admin editor. */
.rich-content img {
  max-width: 100%;
  height: auto;
}

.rich-content .ql-align-center { text-align: center !important; }
.rich-content .ql-align-right { text-align: right !important; }
.rich-content .ql-align-justify { text-align: justify !important; }
.rich-content img.ql-align-center { display: block; margin-right: auto; margin-left: auto; }
.rich-content img.ql-align-right { display: block; margin-right: 0; margin-left: auto; }

.rich-content .ql-size-small { font-size: .75em; }
.rich-content .ql-size-large { font-size: 1.5em; }
.rich-content .ql-size-huge { font-size: 2.5em; }
.rich-content .ql-font-serif { font-family: Georgia, "Times New Roman", serif; }
.rich-content .ql-font-monospace { font-family: Monaco, Consolas, "Courier New", monospace; }
.rich-content .ql-direction-rtl { direction: rtl; text-align: inherit; }

.rich-content .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; }
.rich-content .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; }
.rich-content .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; }
.rich-content .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; }
.rich-content .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; }
.rich-content .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; }
.rich-content .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; }
.rich-content .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; }
.rich-content .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; }
.rich-content .ql-indent-1.ql-direction-rtl { padding-right: 3em; }
.rich-content .ql-indent-2.ql-direction-rtl { padding-right: 6em; }
.rich-content .ql-indent-3.ql-direction-rtl { padding-right: 9em; }
.rich-content .ql-indent-4.ql-direction-rtl { padding-right: 12em; }
.rich-content .ql-indent-5.ql-direction-rtl { padding-right: 15em; }

.rich-content .ql-bg-black { background-color: #000; }
.rich-content .ql-bg-red { background-color: #e60000; }
.rich-content .ql-bg-orange { background-color: #f90; }
.rich-content .ql-bg-yellow { background-color: #ff0; }
.rich-content .ql-bg-green { background-color: #008a00; }
.rich-content .ql-bg-blue { background-color: #06c; }
.rich-content .ql-bg-purple { background-color: #93f; }
.rich-content .ql-color-white { color: #fff; }
.rich-content .ql-color-red { color: #e60000; }
.rich-content .ql-color-orange { color: #f90; }
.rich-content .ql-color-yellow { color: #ff0; }
.rich-content .ql-color-green { color: #008a00; }
.rich-content .ql-color-blue { color: #06c; }
.rich-content .ql-color-purple { color: #93f; }

.rich-content blockquote {
  margin: 10px 0;
  padding: 8px 16px;
  border-left: 4px solid #ccc;
  background: #f7f7f7;
}

.rich-content code,
.rich-content .ql-code-block-container {
  border-radius: 3px;
  background: #23241f;
  color: #f8f8f2;
  font-family: Monaco, Consolas, "Courier New", monospace;
}

.rich-content code { padding: 2px 4px; }
.rich-content .ql-code-block-container { margin: 8px 0; padding: 8px 12px; white-space: pre-wrap; }

.rich-content ol,
.rich-content ul { margin: 0 0 18px; padding-left: 2em; }
.rich-content li[data-list="bullet"] { list-style: disc; }
.rich-content li[data-list="ordered"] { list-style: decimal; }
.rich-content li[data-list] > .ql-ui { display: none; }