/* Classes written by CKEditor 5 (public/assets/scripts/editor-init.js) into
   saved content. Its own content styles in ckeditor5.css are scoped to the
   editor (.ck-content), so the public pages need these separately. Same
   class names as sdm vacancy's ckeditor-content.css. */

/* Classes the editor writes instead of inline styles (editor-init.js:
   fontSize options and the Style dropdown). Legacy content converted by
   `php artisan csp:migrate-content-styles` uses the same names; its full set
   is in the generated section of csp-inline.css. !important like the inline
   style each one replaces. */
.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-24pt { font-size: 24pt !important; }
.ck-size-28pt { font-size: 28pt !important; }
.ck-size-36pt { font-size: 36pt !important; }

.ck-font-times-new-roman { font-family: "Times New Roman",serif !important; }
.ck-font-calibri { font-family: Calibri,sans-serif !important; }
.ck-font-minion-pro { font-family: "Minion Pro",serif !important; }
.ck-font-arial { font-family: Arial, Helvetica, sans-serif !important; }
.ck-font-georgia { font-family: Georgia, serif !important; }
.ck-font-courier-new { font-family: "Courier New" !important; }

.ck-text-black { color: black !important; }
.ck-text-0563c1 { color: #0563c1 !important; }
.ck-text-blue { color: blue !important; }
.ck-text-red { color: #e53e3e !important; }
.ck-text-brand { color: #e4002b !important; }
.ck-bg-yellow { background-color: #fef08a !important; }
.ck-bg-white { background-color: white !important; }
.ck-underline { text-decoration: underline !important; }

/* alignment: className options instead of an inline text-align. !important
   like the inline style it replaces -- e.g. CKEditor's own
   ".ck-content pre { text-align: left }" would win over it otherwise. */
.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; }

/* Images (<figure class="image ...">); image styles are classes. */
figure.image { display: table; clear: both; margin: .9em auto; }
figure.image img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
figure.image.image-style-side { float: right; margin-left: 1.5em; max-width: 50%; }
figure.image > figcaption { display: table-caption; caption-side: bottom; padding: .6em; font-size: .75em; color: #555; text-align: center; }

figure.table { display: table; margin: .9em auto; }
figure.table table { border-collapse: collapse; border: 1px double #b3b3b3; }
figure.table td, figure.table th { border: 1px solid #bfbfbf; padding: .4em; }

/* Styles dropdown (editor-init.js style.definitions), mirroring CKEditor 4's
   default Styles combo. */
.ck-italic-title { font-style: italic; }
.ck-subtitle { color: #aaa; font-style: italic; }
.ck-special-container { background: #eee; border: 1px solid #ccc; padding: 5px 10px; }
.ck-marker { background-color: yellow; }
.ck-typewriter { font-family: 'Courier New', Courier, monospace; }
.ck-small { font-size: .8em; }