/* CKEditor Content Styling - Add this to your or CSS file */ .ckeditor-content { font-family: 'Outfit', sans-serif; font-size: 1.125rem; line-height: 1.75; color: #d1d5db; } /* Headings */ .ckeditor-content h1, .ckeditor-content h2, .ckeditor-content h3, .ckeditor-content h4, .ckeditor-content h5, .ckeditor-content h6 { font-family: 'Outfit', sans-serif; color: #ffffff; font-weight: 700; margin-bottom: 1rem; } .ckeditor-content h1 { font-size: 2.25rem; margin-top: 2rem; margin-bottom: 1.5rem; } .ckeditor-content h2 { font-size: 1.875rem; margin-top: 2rem; margin-bottom: 1rem; padding-bottom: 0.75rem; } .ckeditor-content h3 { font-size: 1.5rem; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #5eead4; } .ckeditor-content h4 { font-size: 1.25rem; margin-top: 1rem; margin-bottom: 0.5rem; } /* Paragraphs */ .ckeditor-content p { margin-bottom: 1.5rem; color: #d1d5db; } /* Links */ .ckeditor-content a { color: #5eead4; text-decoration: underline; transition: color 0.2s; } .ckeditor-content a:hover { color: #2dd4bf; } /* Strong and Bold */ .ckeditor-content strong, .ckeditor-content b { color: #ffffff; font-weight: 700; } /* Emphasis and Italic */ .ckeditor-content em, .ckeditor-content i { font-style: italic; color: #d1d5db; } /* Lists */ .ckeditor-content ul, .ckeditor-content ol { margin-left: 1.5rem; margin-bottom: 1.5rem; color: #d1d5db; } .ckeditor-content ul { list-style-type: disc; } .ckeditor-content ol { list-style-type: decimal; } .ckeditor-content li { margin-bottom: 0.5rem; line-height: 1.75; } /* Nested lists */ .ckeditor-content ul ul, .ckeditor-content ol ul { list-style-type: circle; margin-top: 0.5rem; } .ckeditor-content ol ol, .ckeditor-content ul ol { list-style-type: lower-alpha; margin-top: 0.5rem; } /* Images */ .ckeditor-content img { border-radius: 0.75rem; margin: 2rem 0; max-width: 100%; height: auto; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); } /* Blockquotes */ .ckeditor-content blockquote { padding-left: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; margin: 2rem 0; font-style: italic; color: #9ca3af; } /* Code inline */ .ckeditor-content code { background: rgba(20, 184, 166, 0.1); padding: 0.25rem 0.5rem; border-radius: 0.25rem; font-size: 0.9em; color: #5eead4; font-family: 'Courier New', Courier, monospace; } /* Code blocks */ .ckeditor-content pre { background: #1e293b; padding: 1.5rem; border-radius: 0.75rem; overflow-x: auto; margin: 2rem 0; } .ckeditor-content pre code { background: none; padding: 0; color: #e2e8f0; font-size: 0.875rem; } /* Tables */ .ckeditor-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; } .ckeditor-content th { background: #1e293b; padding: 0.75rem; text-align: left; color: #ffffff; font-weight: 700; } .ckeditor-content td { padding: 0.75rem; color: #d1d5db; } /* Horizontal Rule */ .ckeditor-content hr { border: none; margin: 2rem 0; } /* Figure and Figcaption */ .ckeditor-content figure { margin: 2rem 0; } .ckeditor-content figcaption { text-align: center; font-size: 0.875rem; color: #9ca3af; margin-top: 0.5rem; font-style: italic; }