/* @todo: Check fonts missed in dist */
@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap");

/* @todo: Define link color */

:root {
  --bs-link-color: var(--bs-primary);
}

.callout p,
body > *:not(.toolbar) {
  font-family: "Aptos", sans-serif;
}

/* category icon in card news */
.news-container-metadata h6,
.card.card-event .type-category a,
body .category-label {
  color: var(--bs-primary);
  position: relative;
  padding-left: 23px;
}

.news-container-metadata h6,
.card.card-event .type-category a,
body .category-label {
  font-weight: 700;

  &:after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    background-color: var(--bs-primary);
    border-radius: 50%;
  }
}

/* figcaption */
figcaption {
  color: #737373;
}

/* custom ul bullet */
main .pt-page__body ul li {
  list-style: none;
  padding-left: 20px;
  position: relative;
  margin: 0.4rem 0;
}

main .pt-page__body ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 6px;
  left: 0;
  background-image: url(../../../pt_base/images/icons/icon-ol-list.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}