@font-face {
  font-family: "Joker";
  src: url("/assets/fonts/Jokker-Medium.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "Joker";
  src: url("/assets/fonts/Jokker-Semibold.woff") format("woff");
  font-weight: bold;
}

body,
.k-text {
  font-family: "Joker", sans-serif;
}

:root {
  --color-brown: #a59478;
  --color-beige: #eae7d8;
  --color-beige-light: #f7f6ed;
  --color-blue: #009eff;
  --color-blue-light: #9ef;
  --color-kaki: #6f8337;
  --color-green: #03ab7e;
  --color-mint: #91ffe1;
  --color-purple: #9e00ff;
  --color-pink: #f20298;
  --color-salmon: #ff6647;
  --color-pink-light: #ffa199;
  --color-gold: #ffc73b;
  --color-yellow-fluo: #d6ff00;
  --color-yellow: #faff82;
  --color-black: #000;
  --color-grey: #c4c9cc;
  --color-white: #fff;
}

.k-panel-menu {
  background-color: var(--color-mint);
}

/* .k-field-name-herotext .k-block-type-heading-input[data-level="h3"] .k-text {
  color: var(--color-salmon);
} */

.k-field-name-herotext
  .k-block-container-fieldset-hero-heading:nth-child(odd)
  .k-text {
  text-align: right;
}
.k-field-name-herotext .k-block-type-heading-input[data-level="h2"] .k-text {
  text-align: left;
}