:root {
  --font-sans:
    "Montserrat", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue",
    sans-serif;
  --font-serif: "Lora", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display: "EB Garamond", "Lora", ui-serif, Georgia, serif;
}

html,
body {
  font-family: var(--font-sans);
}

html {
  scroll-behavior: smooth;
}

.font-sans,
body.font-sans {
  font-family: var(--font-sans) !important;
}

.font-serif,
body.font-serif {
  font-family: var(--font-serif) !important;
}

h1,
.font-display {
  font-family: var(--font-display) !important;
  letter-spacing: 0.01em;
}

h2,
h3 {
  font-family: var(--font-serif) !important;
}

[x-cloak] {
  display: none !important;
}

footer img[alt="Realaway Resorts"] {
  background-color: transparent !important;
  border-radius: 0 !important;
}