@font-face {
  font-family: "Romie";
  src: url("/assets/fonts/RomieLigatures-Regular.woff") format("woff");
}

:root {
  --color-black: #2d365b;
  --color-white: #fff;
  --color-light: #b2a679;
  --color-dark: #2d365b;
  --color-background: var(--color-white);
  --font-family-primary: "Romie", serif;
  --font-family-secondary: "Poppins", sans-serif;
  --drop-shadow: drop-shadow(
    0 var(--drop-shadow-up) var(--drop-shadow-blur) rgba(0, 0, 0, 0.1)
  );
  --drop-shadow-up: min(8vw, 8vh);
  --drop-shadow-blur: min(4vw, 4vh);
  --box-shadow: 0.075rem 0.075rem 0.2rem 0rem rgba(0, 0, 0, 0.15);
  --fs-header: clamp(3rem, min(15vh, 15vw), 8rem);
  --lh-header: clamp(2.5rem, min(14vh, 14vw), 6rem);
  --fs-headline: clamp(2rem, min(12vw, 12vh), 7rem);
  --lh-headline: clamp(2rem, min(12vw, 12vh), 7rem);
  /* --fs-headline: clamp(2rem, 14vw, 7rem);
  --lh-headline: clamp(2rem, 14vw, 7rem); */
  --fs-subheadline: clamp(1.2rem, min(4vw, 4vh), 3rem);
  --lh-subheadline: clamp(1.2rem, min(4vw, 4vh), 3rem);

  --fs-tags: clamp(0.4rem, min(4vw, 2.5vh), 1.4rem);

  --fs-h2: clamp(3rem, min(9vh, 9vw), 6rem);
  --lh-h2: clamp(3rem, min(9vh, 9vw), 6rem);
  --fs-h3: calc(var(--fs-h2) * 0.8);
  --lh-h3: calc(var(--lh-h2) * 0.8);
  --fs-h4: calc(var(--fs-h3) * 0.8);
  --lh-h4: calc(var(--lh-h3) * 0.8);
  --fs-h5: calc(var(--fs-h4) * 0.8);
  --lh-h5: calc(var(--lh-h4) * 0.8);
  --fs-h6: calc(var(--fs-h5) * 0.8);
  --lh-h6: calc(var(--lh-h5) * 0.8);

  --fs-p: clamp(1rem, min(4vh, 4vw), 5rem);
  --lh-p: clamp(2rem, min(9vh, 9vw), 3rem);

  --fs-button: clamp(0.75rem, 2vw, 2rem);

  --inline-padding: 6.25vw;
  --inline-padding-negative: -6.25vw;
  --block-padding: 6vh;
  --block-padding-negative: -6vh;

  --block-padding-h1: calc(var(--block-padding) * 0.8);
  --block-padding-h2: calc(var(--block-padding-h1) * 0.8);
  --block-padding-h3: calc(var(--block-padding-h2) * 0.8);
  --block-padding-h4: calc(var(--block-padding-h3) * 0.8);
  --block-padding-h5: calc(var(--block-padding-h4) * 0.8);
  --block-padding-h6: calc(var(--block-padding-h5) * 0.8);
}

.k-view {
  max-width: 100%;
}

.k-layout-field {
  margin-left: -6rem;
  width: 100vw;
}
/* .k-layouts {
  margin: 0 var(--inline-padding);
} */
.k-layout {
  box-shadow: none;
}
.k-layout-toolbar {
  background-color: var(--color-white);
  border: none;
}

.k-block-container,
.k-block-type-text {
  display: flex;
}
.k-block-container {
  transition: 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.k-block-container:hover {
  background-color: rgb(250, 248, 244);
  transition: 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

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

.k-layout-columns.k-grid {
  background-color: var(--color-white);
}

.k-textarea-input-native,
.k-writer {
  font-family: var(--font-family-primary);
}

.k-input {
  border-radius: 15px;
}

.k-tag {
  border-radius: 10px;
}

.k-block-type-image-auto {
  max-height: 100%;
}