/* Formatting classes written by the admin editor (CKEditor 5, see
   public/assets/backend/js/editor-init.js) instead of inline style="".
   The site's CSP style-src has no 'unsafe-inline', so a style attribute in
   saved content would be ignored by the browser. Loaded on the public pages
   and in the admin panel. Legacy TinyMCE content was converted to the same
   classes by `php artisan csp:migrate-content-styles` (its extra rules are
   in the generated section of public/css/csp-inline.css). !important keeps
   the old inline-style priority over the theme's CSS. */

/* Font sizes: the list TinyMCE offered on the page editor. */
.ck-size-5pt { font-size: 5pt !important; }
.ck-size-6pt { font-size: 6pt !important; }
.ck-size-7pt { font-size: 7pt !important; }
.ck-size-8pt { font-size: 8pt !important; }
.ck-size-9pt { font-size: 9pt !important; }
.ck-size-10pt { font-size: 10pt !important; }
.ck-size-11pt { font-size: 11pt !important; }
.ck-size-12pt { font-size: 12pt !important; }
.ck-size-14pt { font-size: 14pt !important; }
.ck-size-16pt { font-size: 16pt !important; }
.ck-size-18pt { font-size: 18pt !important; }
.ck-size-20pt { font-size: 20pt !important; }
.ck-size-22pt { font-size: 22pt !important; }
.ck-size-24pt { font-size: 24pt !important; }
.ck-size-26pt { font-size: 26pt !important; }
.ck-size-28pt { font-size: 28pt !important; }
.ck-size-36pt { font-size: 36pt !important; }
.ck-size-48pt { font-size: 48pt !important; }
.ck-size-72pt { font-size: 72pt !important; }

/* Text / background colors: TinyMCE 4's default color palette. */
.ck-text-000000 { color: #000000 !important; }
.ck-text-993300 { color: #993300 !important; }
.ck-text-333300 { color: #333300 !important; }
.ck-text-003300 { color: #003300 !important; }
.ck-text-003366 { color: #003366 !important; }
.ck-text-000080 { color: #000080 !important; }
.ck-text-333399 { color: #333399 !important; }
.ck-text-333333 { color: #333333 !important; }
.ck-text-800000 { color: #800000 !important; }
.ck-text-ff6600 { color: #ff6600 !important; }
.ck-text-808000 { color: #808000 !important; }
.ck-text-008000 { color: #008000 !important; }
.ck-text-008080 { color: #008080 !important; }
.ck-text-0000ff { color: #0000ff !important; }
.ck-text-666699 { color: #666699 !important; }
.ck-text-808080 { color: #808080 !important; }
.ck-text-ff0000 { color: #ff0000 !important; }
.ck-text-ff9900 { color: #ff9900 !important; }
.ck-text-99cc00 { color: #99cc00 !important; }
.ck-text-339966 { color: #339966 !important; }
.ck-text-33cccc { color: #33cccc !important; }
.ck-text-3366ff { color: #3366ff !important; }
.ck-text-800080 { color: #800080 !important; }
.ck-text-999999 { color: #999999 !important; }
.ck-text-ff00ff { color: #ff00ff !important; }
.ck-text-ffcc00 { color: #ffcc00 !important; }
.ck-text-ffff00 { color: #ffff00 !important; }
.ck-text-00ff00 { color: #00ff00 !important; }
.ck-text-00ffff { color: #00ffff !important; }
.ck-text-00ccff { color: #00ccff !important; }
.ck-text-993366 { color: #993366 !important; }
.ck-text-c0c0c0 { color: #c0c0c0 !important; }
.ck-text-ff99cc { color: #ff99cc !important; }
.ck-text-ffcc99 { color: #ffcc99 !important; }
.ck-text-ffff99 { color: #ffff99 !important; }
.ck-text-ccffcc { color: #ccffcc !important; }
.ck-text-ccffff { color: #ccffff !important; }
.ck-text-99ccff { color: #99ccff !important; }
.ck-text-cc99ff { color: #cc99ff !important; }
.ck-text-ffffff { color: #ffffff !important; }
.ck-bg-000000 { background-color: #000000 !important; }
.ck-bg-993300 { background-color: #993300 !important; }
.ck-bg-333300 { background-color: #333300 !important; }
.ck-bg-003300 { background-color: #003300 !important; }
.ck-bg-003366 { background-color: #003366 !important; }
.ck-bg-000080 { background-color: #000080 !important; }
.ck-bg-333399 { background-color: #333399 !important; }
.ck-bg-333333 { background-color: #333333 !important; }
.ck-bg-800000 { background-color: #800000 !important; }
.ck-bg-ff6600 { background-color: #ff6600 !important; }
.ck-bg-808000 { background-color: #808000 !important; }
.ck-bg-008000 { background-color: #008000 !important; }
.ck-bg-008080 { background-color: #008080 !important; }
.ck-bg-0000ff { background-color: #0000ff !important; }
.ck-bg-666699 { background-color: #666699 !important; }
.ck-bg-808080 { background-color: #808080 !important; }
.ck-bg-ff0000 { background-color: #ff0000 !important; }
.ck-bg-ff9900 { background-color: #ff9900 !important; }
.ck-bg-99cc00 { background-color: #99cc00 !important; }
.ck-bg-339966 { background-color: #339966 !important; }
.ck-bg-33cccc { background-color: #33cccc !important; }
.ck-bg-3366ff { background-color: #3366ff !important; }
.ck-bg-800080 { background-color: #800080 !important; }
.ck-bg-999999 { background-color: #999999 !important; }
.ck-bg-ff00ff { background-color: #ff00ff !important; }
.ck-bg-ffcc00 { background-color: #ffcc00 !important; }
.ck-bg-ffff00 { background-color: #ffff00 !important; }
.ck-bg-00ff00 { background-color: #00ff00 !important; }
.ck-bg-00ffff { background-color: #00ffff !important; }
.ck-bg-00ccff { background-color: #00ccff !important; }
.ck-bg-993366 { background-color: #993366 !important; }
.ck-bg-c0c0c0 { background-color: #c0c0c0 !important; }
.ck-bg-ff99cc { background-color: #ff99cc !important; }
.ck-bg-ffcc99 { background-color: #ffcc99 !important; }
.ck-bg-ffff99 { background-color: #ffff99 !important; }
.ck-bg-ccffcc { background-color: #ccffcc !important; }
.ck-bg-ccffff { background-color: #ccffff !important; }
.ck-bg-99ccff { background-color: #99ccff !important; }
.ck-bg-cc99ff { background-color: #cc99ff !important; }
.ck-bg-ffffff { background-color: #ffffff !important; }

/* Alignment (also the editor's own option classes). */
.ck-align-left { text-align: left !important; }
.ck-align-center { text-align: center !important; }
.ck-align-right { text-align: right !important; }
.ck-align-justify { text-align: justify !important; }

/* Indent: TinyMCE indented blocks by 30px of padding per step. */
.ck-indent-1 { padding-left: 30px !important; }
.ck-indent-2 { padding-left: 60px !important; }
.ck-indent-3 { padding-left: 90px !important; }
.ck-indent-4 { padding-left: 120px !important; }
.ck-indent-5 { padding-left: 150px !important; }

.ck-underline { text-decoration: underline !important; }

/* "Styles" dropdown (TinyMCE's style_formats). */
.ck-red-header { color: #ff0000; }