/* ============================================================
   TRINIGO: Legal Page Styles
   geodir-legal.css  |  TriniGo 2.0 child theme
   Loaded on: body.trinigo-legal-page only
   Requires: tokens.css (enqueued first by inc/enqueue.php)
   ============================================================ */

/* ============================================================
   PAGE FOUNDATION
   ============================================================ */
body.trinigo-legal-page {
  background-color: var(--tg-bg) !important;
}

/* ============================================================
   HEADINGS
   ============================================================ */
body.trinigo-legal-page h1 {
  font-family: var(--tg-font-heading) !important;
  font-size: 36px !important;
  font-weight: 600 !important;
  color: var(--tg-text) !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}
body.trinigo-legal-page h2 {
  font-family: var(--tg-font-heading) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: var(--tg-text) !important;
  margin-top: 40px !important;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--tg-teal) !important;
}
body.trinigo-legal-page h3 {
  font-family: var(--tg-font-heading) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--tg-text) !important;
  margin-top: 28px !important;
  margin-bottom: 8px !important;
}
body.trinigo-legal-page h4,
body.trinigo-legal-page h5,
body.trinigo-legal-page h6 {
  font-family: var(--tg-font-body) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--tg-text) !important;
  margin-top: 20px !important;
  margin-bottom: 6px !important;
}

/* ============================================================
   BODY TEXT
   ============================================================ */
body.trinigo-legal-page p {
  font-family: var(--tg-font-body) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--tg-meta) !important;
  margin: 0 0 16px !important;
}
body.trinigo-legal-page p strong {
  color: var(--tg-text) !important;
  font-weight: 600 !important;
}

/* ============================================================
   LISTS
   ============================================================ */
body.trinigo-legal-page ul,
body.trinigo-legal-page ol {
  font-family: var(--tg-font-body) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: var(--tg-meta) !important;
  margin: 0 0 16px !important;
  padding-left: 1.4em !important;
}
body.trinigo-legal-page li {
  margin-bottom: 6px !important;
}
body.trinigo-legal-page li strong {
  color: var(--tg-text) !important;
  font-weight: 600 !important;
}
body.trinigo-legal-page ul li::marker {
  color: var(--tg-teal) !important;
}

/* ============================================================
   LINKS
   ============================================================ */
body.trinigo-legal-page a {
  color: var(--tg-teal) !important;
  text-decoration: none !important;
}
body.trinigo-legal-page a:hover {
  color: var(--tg-blue) !important;
  text-decoration: underline !important;
}

/* Intro callout (.tg-intro), horizontal rules, tables, .tg-meta-note
   and .tg-highlight-box are defined once in brand.css, with selectors
   that cover legal pages, so they can be reused on any page. */