@font-face {
  font-family: 'Geologica Medium';
  src: url('/assets/fonts/geologica-medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Geologica Cursive ExtraLight';
  src: url('/assets/fonts/geologica-cursive-extralight.ttf') format('truetype');
  font-style: normal;
  font-weight: 250;
  font-display: swap;
}

:root {
  --sans: 'Geologica Cursive ExtraLight', Arial, sans-serif;
  --serif: 'Geologica Medium', Arial, sans-serif;
}

body {
  font-family: var(--sans);
  font-weight: 250;
  font-style: normal;
  font-synthesis: none;
}

/* Apply the two supplied faces consistently across existing page styles. */
body :where(*) {
  font-family: inherit !important;
  font-weight: inherit !important;
}

body :is(h1, h2, h3, h4, h5, h6, summary,
  .booking-intro strong, .quote-band > p, .experience-list strong,
  .offer-mark, .holiday-price-banner strong, .wordmark,
  .holiday-rates-table caption, .holiday-rates-table thead th) {
  font-family: var(--serif) !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: .015em !important;
}

body :is(.offer-mark small, .brand-name > span) {
  font-family: var(--sans) !important;
  font-weight: 250 !important;
  text-transform: none;
}