/*
 * The contest rules text, laid out the same everywhere it shows: the public rules page
 * (contest_rules.php), and the admin rules editor and its Preview (admin/contest/rules.js loads
 * this into TinyMCE). Wrap the rules in .rules-doc.
 *
 * The theme's style.css takes the bullets and spacing off every list, paragraph and heading on
 * the site (ul, li { list-style: none; margin: 0; padding: 0 } and so on), so this puts them
 * back for the rules only. Sizes are in em, so the layout matches whatever font size the page
 * uses. The font itself is left to the page: Montserrat on the site, Lora in the admin.
 */
.rules-doc { line-height: 1.6; color: #201f1d; overflow-wrap: break-word; }
.rules-doc > :first-child { margin-top: 0; }

.rules-doc p { margin: 0 0 .85em; font-size: inherit; line-height: inherit; color: inherit; font-family: inherit; }
.rules-doc h3, .rules-doc h4 { position: static; font-family: inherit; font-weight: 600; line-height: 1.3; color: inherit; }
.rules-doc h3 { font-size: 1.36em; margin: 1.5em 0 .55em; }
.rules-doc h4 { font-size: 1.07em; margin: 1.3em 0 .45em; letter-spacing: .02em; }

.rules-doc ul, .rules-doc ol { margin: 0 0 1em; padding: 0 0 0 1.6em; }
.rules-doc ul { list-style: disc outside; }
.rules-doc ol { list-style: decimal outside; }
.rules-doc ul ul { list-style-type: circle; margin: .4em 0 .4em; }
.rules-doc li { display: list-item; list-style: inherit; margin: 0 0 .45em; padding: 0; font-size: inherit; line-height: inherit; }
.rules-doc li > p { margin-bottom: .3em; }

.rules-doc strong, .rules-doc b { font-weight: 700; }
.rules-doc em, .rules-doc i { font-style: italic; }
.rules-doc u { text-decoration: underline; }
.rules-doc a { color: #7d5411; text-decoration: underline; }

.rules-doc img { max-width: 100%; height: auto; border-radius: 4px; }
.rules-doc hr { border: 0; border-top: 1px solid rgba(32, 31, 29, .16); margin: 1.3em 0; height: 0; }
.rules-doc table { border-collapse: collapse; margin: 0 0 1em; max-width: 100%; }
.rules-doc td, .rules-doc th { border: 1px solid rgba(32, 31, 29, .16); padding: .55em .85em; vertical-align: top; line-height: 1.6; }