html {
  font-family: var(--font-family), sans-serif;
  font-size: var(--font-size-regular);
  color: var(--color);
  background-color: var(--color-background);
}

body {
  letter-spacing: var(--letter-spacing);
  line-height: var(--line-height-regular);
  font-weight: var(--font-weight-regular);
}

main {
  min-height: calc(100dvh - var(--header-height) - var(--footer-height));
}





.styled h1 {
  font-weight: var(--font-weight-h1);
  font-size: var(--font-size-h1);
  color: var(--color-h1);
  line-height: var(--line-height-h1);
}
.styled h2 {
  font-weight: var(--font-weight-h2);
  font-size: var(--font-size-h2);
  color: var(--color-h2);
  line-height: var(--line-height-h2);
}
.styled h3 {
  font-weight: var(--font-weight-h3);
  font-size: var(--font-size-h3);
  color: var(--color-h3);
  line-height: var(--line-height-h3);
}
.styled h4 {
  font-weight: var(--font-weight-h4);
  font-size: var(--font-size-h4);
  color: var(--color-h4);
  line-height: var(--line-height-h4);
}
.styled p, .styled ul {
  line-height: var(--line-height-regular);
}
.styled p + p, .styled ul + p, .styled p + ul, .styled p + ol, .styled ol + p, .styled ul + ul, .styled h1 + p, .styled h2 + p, .styled h3 + p, .styled h4 + p, .styled p + h3 {
  margin-top: 1rem;
}
.styled ul {
  list-style: inside;
}
.styled ol {
  list-style: decimal;
  padding-inline-start: 1.5em;
}
.styled ol li + li {
  margin-top: var(--site-padding);
}
.block-type-text a {
  text-decoration: underline;
}
@media (hover: hover) {
  .block-type-text a:hover {
    text-decoration: underline;
  }
}
.styled b, .styled strong, .strong {
  font-weight: var(--font-weight-strong);
}
.styled i, .styled em {
  font-style: italic;
}
.light {
  font-weight: var(--font-weight-light);
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.justify {
  text-align: justify;
}
.hyphens {
  hyphens: auto;
}
.small {
  font-size: var(--font-size-small);
}
.has_padding {
  padding: var(--site-padding);
}
hr {
  border: none;
  height: var(--regular-border-width);
  background-color: var(--color);
  margin: 0;
}