/* Recreates the HighLevel page environment each page's code sat inside on the
   old host, so the pages look exactly the same. The rules in the first part are
   copied verbatim from the live site's built-in stylesheet: they are the only
   built-in rules that touch the pages' content (found by testing every rule
   against every element on every page). */

:root { --transparent: transparent; --primary: #37ca37; --secondary: #188bf6; --white: #ffffff; --gray: #cbd5e0; --black: #000000; --red: #e93d3d; --orange: #f6ad55; --yellow: #faf089; --green: #9ae6b4; --teal: #81e6d9; --malibu: #63b3ed; --indigo: #757BBD; --purple: #d6bcfa; --pink: #fbb6ce; --cobalt: #155eef; --smoke: #f5f5f5; --overlay: rgba(0, 0, 0, 0.5); --headlinefont: 'Inter'; --contentfont: 'Inter'; --text-color: #000000; --link-color: #188bf6; }
:root { --sticky-header-height: 0px; }
:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; }
@media (min-width: 768px) { body { padding-top: 0px; } }
body { margin: 0px; -webkit-font-smoothing: antialiased; }
body { overflow-wrap: break-word; font-weight: unset !important; line-height: unset !important; }
*, ::after, ::before { box-sizing: border-box; }
[id] { scroll-margin-top: var(--sticky-header-height); }
img { border-style: none; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: unset; }
p { margin: unset; }
p + p { margin-top: auto; }
h1:empty::after, h2:empty::after, h3:empty::after, h4:empty::after, h5:empty::after, h6:empty::after, p:empty::after { content: " "; }
h1:has(> br:last-child):not(:has(> br:nth-of-type(2)))::after, h2:has(> br:last-child):not(:has(> br:nth-of-type(2)))::after, h3:has(> br:last-child):not(:has(> br:nth-of-type(2)))::after, h4:has(> br:last-child):not(:has(> br:nth-of-type(2)))::after, h5:has(> br:last-child):not(:has(> br:nth-of-type(2)))::after, h6:has(> br:last-child):not(:has(> br:nth-of-type(2)))::after, p:has(> br:last-child):not(:has(> br:nth-of-type(2)))::after { content: "\a "; white-space: pre; }

/* The section > row > column wrapper (values measured from the live site):
   20px section, centred 1170px row, row and column padding, tighter on phones. */
.hl-section { padding: 20px 0; }
.hl-row { max-width: 1170px; margin: 0 auto; padding: 10px 5px; }
.hl-col { padding: 10px 5px; }
@media only screen and (max-width: 767px) {
  .hl-row { padding: 10px; }
  .hl-col { padding: 10px 0; }
}