/*
 * Texts written in the admin's editors as the site shows them: the event page's
 * description, rules and consent, and on /volunteers the intro (volunteer hero,
 * CKEditor) and the volunteers' description. The site's Tailwind base resets every element, so headings,
 * paragraphs, lists and tables lost their look; this gives it back, in the site's
 * dark style. It also evens out what pasting from Word / Google Docs / web pages
 * brings along: other fonts, body text at 7-16px, fixed line heights, near-black text
 * (unreadable on the dark page) and white or black backgrounds. Deliberate colours
 * (red, cyan, orange...) and big sizes (18px and up) stay.
 * Loaded from public/index.html (re-add the <link> after rebuilding the SPA) and,
 * for the same rules inside the admin's editors, by public/back/js/rich-editor.js
 * and the volunteer hero pages: the editing area looks like the site, so what the
 * admin sees while writing is what the site shows.
 */
/* Admin editors: the editing area on the site's background, in its text colour and size. */
.note-editor.rt-editor .note-editing-area,
.note-editor.rt-editor .note-editing-area .note-editable,
.ck-editor.rt-ck .ck-editor__main > .ck-editor__editable { background: #07080D !important; }
.note-editor.rt-editor .note-editing-area .note-editable,
.ck-editor.rt-ck .ck-editor__main > .ck-editor__editable { color: rgba(255, 255, 255, .8) !important; font-family: Poppins, sans-serif !important; font-size: 16px; caret-color: #fff; }
.note-editor.rt-editor .note-editing-area .note-editable { padding: 20px 24px; }
.ck-editor.rt-ck .ck-editor__main > .ck-editor__editable { border-color: #FFFFFF33 !important; padding: 8px 24px; }
.note-editor.rt-editor .note-placeholder { color: #FFFFFF59; }
.note-editor.rt-editor .note-editing-area .note-editable ::selection,
.ck-editor.rt-ck .ck-editor__main > .ck-editor__editable ::selection { background: #0B98A199; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) { line-height: 1.6; overflow-wrap: anywhere; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(h1, h2, h3, h4, h5, h6) { color: #fff; font-weight: 600; line-height: 1.3; margin: 1.6em 0 .6em; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) > :is(h1, h2, h3, h4, h5, h6):first-child, :is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) > :first-child > :is(h1, h2, h3, h4, h5, h6):first-child { margin-top: 0; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) h1 { font-size: 28px; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) h2 { font-size: 24px; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) h3 { font-size: 20px; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) h4 { font-size: 18px; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(h5, h6) { font-size: 16px; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) p { margin: 0 0 .75em; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(ul, ol) { margin: 0 0 .75em; padding-left: 1.5em; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) ul { list-style: disc; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) ol { list-style: decimal; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(ul, ol) ul { list-style: circle; margin-bottom: 0; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) li { margin: .25em 0; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) li > p { margin: 0; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(b, strong) { font-weight: 700; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(i, em) { font-style: italic; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) a { color: #8BEAF9; text-decoration: underline; text-underline-offset: 2px; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) a:hover { color: #fff; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) blockquote { margin: 0 0 .75em; padding: .5em 1em; border-left: 3px solid #0B98A1; background: #FFFFFF0A; border-radius: 0 8px 8px 0; color: #FFFFFFCC; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) hr { border: 0; border-top: 1px solid #FFFFFF26; margin: 1.5em 0; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) img { max-width: 100%; height: auto; border-radius: 8px; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) svg { max-width: 1.5em; max-height: 1.5em; }
/* Tables: lines and padding; wide ones scroll sideways instead of widening the page. */
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 0 0 1em; font-size: 15px; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(td, th) { border: 1px solid #FFFFFF2E; padding: 8px 12px; text-align: left; vertical-align: top; min-width: 80px; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) th, :is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) thead td, :is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) tr:first-child > td > :is(b, strong):only-child { font-weight: 600; color: #fff; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(th, thead td) { background: #FFFFFF0F; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) tr:nth-child(even) > td { background: #FFFFFF06; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(td, th) > p:last-child { margin-bottom: 0; }
/* Summernote gives tables Bootstrap's "table table-bordered": the admin has Bootstrap, the site doesn't, so its look is cancelled to match. */
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) table { width: auto; color: inherit; border: 0; --bs-table-color: inherit; --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-bg: transparent; --bs-table-hover-bg: transparent; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(thead, tbody, tfoot, tr) { border-width: 0; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(td, th) { color: inherit; box-shadow: none; border-color: #FFFFFF2E; }
/* Pasted leftovers. */
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is([style*="font-family"], font[face]) { font-family: inherit !important; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) [style*="line-height"] { line-height: inherit !important; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is([style*="font-size: 7pt"], [style*="font-size:7pt"], [style*="font-size: 8pt"], [style*="font-size:8pt"], [style*="font-size: 9pt"], [style*="font-size:9pt"], [style*="font-size: 10pt"], [style*="font-size:10pt"], [style*="font-size: 10.5pt"], [style*="font-size:10.5pt"], [style*="font-size: 11pt"], [style*="font-size:11pt"], [style*="font-size: 12pt"], [style*="font-size:12pt"], [style*="font-size: 12.0pt"], [style*="font-size:12.0pt"], [style*="font-size: 11.0pt"], [style*="font-size:11.0pt"], [style*="font-size: 10px"], [style*="font-size:10px"], [style*="font-size: 11px"], [style*="font-size:11px"], [style*="font-size: 12px"], [style*="font-size:12px"], [style*="font-size: 13px"], [style*="font-size:13px"], [style*="font-size: 13.5px"], [style*="font-size:13.5px"], [style*="font-size: 14px"], [style*="font-size:14px"], [style*="font-size: 14.4px"], [style*="font-size:14.4px"], [style*="font-size: 15px"], [style*="font-size:15px"], [style*="font-size: 16px"], [style*="font-size:16px"], [style*="font-size: var(--bs-body-font-size)"], [style*="font-size:var(--bs-body-font-size)"], [style*="font-size: 1rem"], [style*="font-size:1rem"], [style*="font-size: medium"], [style*="font-size:medium"], [style*="font-size: small"], [style*="font-size:small"]) { font-size: inherit !important; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is([style*="color: rgb(0, 0, 0)"], [style*="color:rgb(0, 0, 0)"], [style*="color: rgb(33, 37, 41)"], [style*="color:rgb(33, 37, 41)"], [style*="color: rgb(34, 34, 34)"], [style*="color:rgb(34, 34, 34)"], [style*="color: rgb(51, 51, 51)"], [style*="color:rgb(51, 51, 51)"], [style*="color: rgb(68, 68, 68)"], [style*="color:rgb(68, 68, 68)"], [style*="color: rgb(73, 80, 87)"], [style*="color:rgb(73, 80, 87)"], [style*="color: rgb(10, 24, 50)"], [style*="color:rgb(10, 24, 50)"], [style*="color: rgb(17, 17, 17)"], [style*="color:rgb(17, 17, 17)"], [style*="color: rgb(31, 31, 31)"], [style*="color:rgb(31, 31, 31)"], [style*="color: rgb(13, 13, 13)"], [style*="color:rgb(13, 13, 13)"], [style*="color: rgba(0, 0, 0"], [style*="color:rgba(0, 0, 0"], [style*="color: black"], [style*="color:black"], [style*="color: #000"], [style*="color:#000"], [style*="color: #212529"], [style*="color:#212529"], [style*="color: #222"], [style*="color:#222"], [style*="color: #333"], [style*="color:#333"], [style*="color: #495057"], [style*="color:#495057"], [style*="color: windowtext"], [style*="color:windowtext"], font[color="#000000"], font[color="black"]) { color: inherit !important; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is([style*="background-color: rgb(255, 255, 255)"], [style*="background-color:rgb(255, 255, 255)"], [style*="background-color: rgb(0, 0, 0)"], [style*="background: white"], [style*="background-color: white"], [style*="background-color: #fff"], [style*="background-color:#fff"], [style*="background: rgb(255, 255, 255)"]) { background: transparent !important; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) [style*="width"] { max-width: 100%; }
/* Bits copied from other sites (e.g. ChatGPT) carry Tailwind classes this site also has. */
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(.flex, .inline-flex, .grid) { display: block !important; }
:is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(.absolute, .fixed, .sticky) { position: static !important; }
@media (max-width: 639px) {
  :is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) h1 { font-size: 24px; }
  :is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) h2 { font-size: 21px; }
  :is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) h3 { font-size: 18px; }
  :is(main nav ~ section p.text-\[\#FFFFFFCC\], main nav ~ section .raceItemDesc, main div.opacity-90.lg\:text-base, main div.text-white.mt-\[40\], .note-editor.rt-editor .note-editing-area .note-editable, .ck-editor.rt-ck .ck-editor__main > .ck-editor__editable) :is(td, th) { padding: 6px 8px; }
}