/* Special thanks to this tool for local fonts CSS generation:
  https://gwfh.mranftl.com/fonts
*/
:root {
  --weblite-global-text-color: #333333;
  --weblite-global-font-family: Verdana, sans-serif;
  --weblite-global-font-weight: normal;

  --weblite-global-line-height: 1.5em;
  --weblite-global-text-spacing: 1.5em;
  
  --weblite-global-list-indent: 1.75em;
  --weblite-global-list-line-height: 1.25em;
  --weblite-global-list-spacing: 1em;

  --clamp-font-xs: clamp(calc(var(--scale-1) * 1rem), calc(0.2vw + var(--scale-1) * 1rem), calc(var(--scale-2) * 1rem));
  --clamp-font-sm: clamp(calc(var(--scale-2) * 1rem), calc(0.2vw + var(--scale-2) * 1rem), calc(var(--scale-3) * 1rem));
  --clamp-font-md: clamp(calc(var(--scale-3) * 1rem), calc(0.2vw + var(--scale-3) * 1rem), calc(var(--scale-4) * 1rem));
  --clamp-font-lg: clamp(calc(var(--scale-4) * 1rem), calc(0.2vw + var(--scale-4) * 1rem), calc(var(--scale-5) * 1rem));
  --clamp-font-xl: clamp(calc(var(--scale-5) * 1rem), calc(0.2vw + var(--scale-5) * 1rem), calc(var(--scale-6) * 1rem));
  --clamp-font-2xl: clamp(calc(var(--scale-6) * 1rem), calc(0.2vw + var(--scale-6) * 1rem), calc(var(--scale-7) * 1rem));
  --clamp-font-3xl: clamp(calc(var(--scale-7) * 1rem), calc(0.2vw + var(--scale-7) * 1rem), calc(var(--scale-8) * 1rem));
}


body {
  text-rendering: optimizeSpeed;
  font-size: var(--clamp-font-md);
  font-family: var(--weblite-global-font-family);
  font-weight: var(--weblite-global-font-weight);
  color: var(--weblite-global-text-color);
}

.format-text-block h1:not(:last-child),
.format-text-block h2:not(:last-child),
.format-text-block h3:not(:last-child),
.format-text-block h4:not(:last-child),
.format-text-block h5:not(:last-child),
.format-text-block h6:not(:last-child),
.format-text-block p:not(:last-child),
.format-text-block ul:not(:last-child),
.format-text-block q:not(:last-child) {
  line-height: var(--weblite-global-line-height);
  margin-block-end: var(--weblite-global-text-spacing);
}

.format-text-block ul  {
  display: grid;
  gap: var( --weblite-global-list-spacing);
}

.format-text-block ul > li {
  line-height: var(--weblite-global-list-line-height);
  margin-left: var( --weblite-global-list-indent);
}

.format-text-block h1 {
  font-size: var(--clamp-font-3xl);
}

.format-text-block h2 {
  font-size: var(--clamp-font-2xl);
}

.format-text-block h3 {
  font-size: var(--clamp-font-xl);
}

.format-text-block h4 {
  font-size: var(--clamp-font-lg);
}

.format-text-block ul.no-bullets {
  list-style: none;
}

.format-text-block q {
  display: block;
  margin-block-end: var(--weblite-global-text-spacing);
}