/* Základné štýly pre triedy (nahradenie tagov) */
.headline-hero {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-h1);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-150);
}

.headline-h1 {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-h1);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-150);
}

.headline-h2 {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-h2);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-150);
}

.headline-h3 {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-h3);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-150);
}

.headline-h4 {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-h4);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-150);
}

.headline-h5 {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-h5);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-150);
}

.body-18b {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-body-18);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-150);
}

.body-18r {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-body-18);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-150);
}
.body-18m {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-body-18);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-150);
}

.body-14b,
strong {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-body-14);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-150);
}

.body-14r {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-body-14);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-150);
}

.body-14m {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-body-14);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-150);
}
.post-content a {
  color: var(--Primary-blue-400, #5c60e4);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-body-14);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-150);
}
.small {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-small);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-150);
}

p,
ul li,
ol li {
  color: var(--Basic-White);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-body-14);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-150);
}
@media (min-width: 767px) {
  p,
  ul li,
  ol li {
    font-size: var(--font-size-body-18);
  }
  .post-content a {
    font-size: var(--font-size-body-18);
  }
  strong {
    font-size: var(--font-size-body-18);
  }
}