/**
	This file does note generate code.  It is imported by other sass files to include
	variables, mixins, and functions.
	*/
/* Settings
   -------------------------------------------------------------------------- */
/**
	Global variables
*/
/* Site Max Width. Used in 03-base/_template.scss
   -------------------------------------------------------------------------- */
/* Location of compiled icons in theme.
   Used in project/build/common/sass/04-components/_icons.scss
   -------------------------------------------------------------------------- */
/* Breakpoints
	px is excluded so we can do math on the breakpoints
   -------------------------------------------------------------------------- */
/* Colors
   Suffix color variables with a 3 digit number.  Generally try to progress from
   lightest/dullest to darkest/most vibrant.
   -------------------------------------------------------------------------- */
/* Filter Colors
   -------------------------------------------------------------------------- */
/* Default transition.  Used in transition() mixin.
   ------------------------------------------------------------------------ */
/* Tools
   -------------------------------------------------------------------------- */
/**
	This file does note generate code.  It is imported by other sass files to include
	variables, mixins, and functions.
	*/
/* Settings
   -------------------------------------------------------------------------- */
/**
	This file does note generate code.  It is imported by other sass files to include
	variables, mixins, and functions.
	*/
/* Settings
   -------------------------------------------------------------------------- */
/**
	General mixins
*/
/* Variable Size
   Function can be used to make any property value variable
   -------------------------------------------------------------------------- */
/* Basic Transition
   -------------------------------------------------------------------------- */
/* Default Unordered List
   This mixin is used in place of defining base ul styles and then having to
   override them everywhere.  Ex: in a menu.
   This should be included when you output an acf wysiwyg field.
   -------------------------------------------------------------------------- */
/* Default Link Style
   This mixin is used in place of defining base a styles and then having to
   override them everywhere. Ex: text links vs buttons.
   This should be included when you output an acf wysiwyg field.
   -------------------------------------------------------------------------- */
/* Default Table
   -------------------------------------------------------------------------- */
/* Default Gradient
   -------------------------------------------------------------------------- */
/* Button Reset
   -------------------------------------------------------------------------- */
/* List Reset
   -------------------------------------------------------------------------- */
/* 100vh Mixin
   -------------------------------------------------------------------------- */
/* Accessibility Mixins to allow or prevent animations and transitions
   -------------------------------------------------------------------------- */
/* Tools
   -------------------------------------------------------------------------- */
/**
	Typography specific mixins
	These mixins are used in classes in build/common/sass/03-base/_typography.scss.
	They can also be used in a component/layout stylesheet, but that should be avoided.
*/
/* Fonts
   -------------------------------------------------------------------------- */
/* Typography
   -------------------------------------------------------------------------- */
/**
	This file does note generate code.  It is imported by other sass files to include
	variables, mixins, and functions.
	*/
/* Settings
   -------------------------------------------------------------------------- */
/* Tools
   -------------------------------------------------------------------------- */
/**
	Form specific mixins
	A set of default styles that can be applied to Gravity Forms and other forms
*/
.hero {
  position: relative;
}
.hero--small {
  height: 60svh;
}
@media (max-width: 1023.98px) {
  .hero--small {
    max-height: 540px;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .hero--small {
    max-height: calc(600px + (100vw - 1024px) / ((1280 - 1024) / (650 - 600)));
  }
}
@media (min-width: 1280px) {
  .hero--small {
    height: 650px;
  }
}
.hero--medium {
  height: 78svh;
}
@media (max-width: 1023.98px) {
  .hero--medium {
    max-height: 600px;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .hero--medium {
    max-height: calc(664px + (100vw - 1024px) / ((1280 - 1024) / (720 - 664)));
  }
}
@media (min-width: 1280px) and (max-width: 1919.98px) {
  .hero--medium {
    height: 720px;
  }
}
.hero--large {
  height: 90svh;
}
@media (max-width: 1023.98px) {
  .hero--large {
    max-height: 784px;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .hero--large {
    max-height: calc(784px + (100vw - 1024px) / ((1280 - 1024) / (852 - 784)));
  }
}
@media (min-width: 1280px) and (max-width: 1439.98px) {
  .hero--large {
    height: 852px;
  }
}
@media (min-width: 1440px) and (max-width: 1919.98px) {
  .hero--large {
    height: calc(852px + (100vw - 1440px) / ((1920 - 1440) / (980 - 852)));
  }
}
@media (min-width: 1920px) {
  .hero--large {
    height: 980px;
  }
}
@media (max-width: 1023.98px) {
  .hero .booking-widget {
    display: none;
  }
}
.hero .booking-widget {
  color: white;
  inset: auto 0 64px 0;
  position: absolute;
}
.hero .booking-widget__container {
  margin-inline: auto;
}