/* ========================================================================= OMNITECH Systems — compat.css (added in 1.0.5) Why this file exists -------------------- main.css (the source design, unchanged) styles base elements with plain element selectors (h1, p, a, ul, button, img …) and lets many headings simply INHERIT their colour — e.g. the hero

is white only because .hero{color:#fff}. On an existing WordPress site, plugins and leftover global styles commonly print element rules such as h1{color:#1e1e1e}, a{color:#0073aa}, ul{list-style:disc} later in . A directly matching rule always beats inheritance, and an equal-specificity rule printed later beats main.css — so headings turned dark-on-dark and spacing, fonts and lists drifted from the design. What it does ------------ Re-states the source's element-level baseline with selectors of specificity (0,0,2)/(0,0,3) ("html body h1"). That is enough to beat ordinary plugin element rules, yet still LOWER than any class rule, so every class-based rule in main.css keeps working exactly as before. Page content areas (.omni-editor-content) are excluded via :where(:not(.omni-editor-content *)), which adds no specificity. Properties the source leaves to the browser are set to `revert` (= browser default), which undoes foreign element rules without inventing new values. ========================================================================= */ /* body — copied from main.css */ html body{margin:0;background:var(--paper);color:var(--text);font-family:var(--body);font-size:var(--fs-body);line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden} /* headings — main.css values + colour inherited from the section (dark sections stay white) */ html body :is(h1,h2,h3,h4):where(:not(.omni-editor-content *)){font-family:var(--display);font-weight:500;line-height:1.08;letter-spacing:-.025em;margin:0;text-wrap:balance} html body :is(h1,h2,h3,h4,h5,h6):where(:not(.omni-editor-content *)){color:inherit;font-size:revert;font-style:revert;text-transform:revert;text-decoration:revert;text-align:revert;padding:revert;border:revert;background:revert;text-shadow:revert} html body :is(h5,h6):where(:not(.omni-editor-content *)){font-family:revert;font-weight:revert;line-height:revert;letter-spacing:revert;margin:revert} /* text */ html body p:where(:not(.omni-editor-content *)){margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-align:revert} html body a:where(:not(.omni-editor-content *)){color:inherit;text-decoration:none;font-weight:revert;border:revert;box-shadow:revert;background:revert} html body :is(strong,b):where(:not(.omni-editor-content *)){color:inherit} /* lists */ html body ul:where(:not(.omni-editor-content *)){margin:0;padding:0;list-style:none} html body ol:where(:not(.omni-editor-content *)){margin:revert;padding:revert;list-style:revert} html body li:where(:not(.omni-editor-content *)){margin:revert;padding:revert;color:inherit;font-size:inherit;line-height:inherit} /* media */ html body :is(img,video,svg,canvas):where(:not(.omni-editor-content *)){display:block;max-width:100%} html body img:where(:not(.omni-editor-content *)){height:auto;border:revert;border-radius:revert;box-shadow:revert;padding:revert;vertical-align:revert} /* controls — copied from main.css; class rules (.btn, .nav-link, .field input …) still win */ html body button:where(:not(.omni-editor-content *)){font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;border-radius:revert;text-transform:revert;letter-spacing:inherit;box-shadow:revert;min-height:revert;width:revert} html body :is(input,textarea,select):where(:not(.omni-editor-content *)){font-family:revert;border:revert;padding:revert;border-radius:revert;box-shadow:revert;background:revert;color:revert;width:revert;height:revert;margin:revert} html body label:where(:not(.omni-editor-content *)){display:revert;font-weight:revert;margin:revert;color:inherit} /* --------------------------------------------------------------------------- Page content areas (.omni-editor-content: default pages, full-width pages, page-builder pages) are EXCLUDED from the baseline above, so plugin forms, blocks and builder widgets style themselves. These defaults only replace main.css's design resets there (lists without bullets, buttons without styling…). Specificity (0,0,1): any plugin/block/builder class overrides them. --------------------------------------------------------------------------- */ :where(.omni-editor-content) p{margin:0 0 1em} :where(.omni-editor-content) ul{list-style:disc;padding-left:1.4em;margin:0 0 1em} :where(.omni-editor-content) ol{list-style:decimal;padding-left:1.4em;margin:0 0 1em} :where(.omni-editor-content) li{margin:0 0 .35em} :where(.omni-editor-content) a:where(:not([class])){color:var(--navy);text-decoration:underline;text-underline-offset:3px} :where(.omni-editor-content) :where(h1,h2,h3,h4,h5,h6){margin:1.2em 0 .5em} :where(.omni-editor-content) img{display:inline-block} :where(.omni-editor-content) label{display:inline-block;font-weight:500;color:var(--ink)} :where(.omni-editor-content) input:where(:not([type=checkbox],[type=radio],[type=submit],[type=button],[type=reset],[type=hidden],[type=file],[type=range],[type=color])), :where(.omni-editor-content) textarea, :where(.omni-editor-content) select{font:inherit;font-size:1rem;color:var(--text);padding:.75rem 1rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--white);max-width:100%;box-sizing:border-box} :where(.omni-editor-content) button:where(:not([class*="elementor"]):not([class*="wp-block"])), :where(.omni-editor-content) input:where([type=submit],[type=button],[type=reset]){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.35rem;border:0;border-radius:999px;background:var(--lime);color:var(--ink);font:inherit;font-weight:500;cursor:pointer}