/**
	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
*/
.booking-widget {
  --color: white;
}
.booking-widget__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
@media (min-width: 1024px) {
  .booking-widget__container {
    width: min(100%, 680px);
  }
}
.booking-widget--inline .booking-widget__container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.booking-widget--inline .booking-widget__container fieldset {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
}
.booking-widget--inline .booking-widget__container .booking-widget__datepicker {
  position: absolute;
}
.booking-widget--inline .booking-widget__container .booking-widget__datepicker[data-position=down] {
  inset: auto 0 0 0;
  translate: 0 100%;
}
.booking-widget--inline .booking-widget__container .booking-widget__datepicker[data-position=up] {
  inset: 0 0 auto 0;
  translate: 0 -100%;
}
.booking-widget--inline .booking-widget__container .guest-select {
  inset: auto auto 0 50%;
  position: absolute;
  translate: -50% 100%;
  width: min(100vw, 320px);
}
.booking-widget--inline .booking-widget__container .guest-select[data-expanded=false] {
  opacity: 0;
  visibility: hidden;
}
.booking-widget--stacked .booking-widget__container, .booking-widget--offers .booking-widget__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.booking-widget--stacked .booking-widget__container .booking-widget__submit, .booking-widget--offers .booking-widget__container .booking-widget__submit {
  background-color: #c41e3a;
  color: white;
  width: 100%;
}
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker, .booking-widget--offers .booking-widget__container .booking-widget__datepicker {
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker[data-expanded=false], .booking-widget--offers .booking-widget__container .booking-widget__datepicker[data-expanded=false] {
  grid-template-rows: 0fr;
}
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker[data-expanded=false] .flatpickr-calendar, .booking-widget--offers .booking-widget__container .booking-widget__datepicker[data-expanded=false] .flatpickr-calendar {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker .flatpickr-calendar, .booking-widget--offers .booking-widget__container .booking-widget__datepicker .flatpickr-calendar {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
  padding: 24px 0 0 0;
  max-width: 100%;
}
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker .flatpickr-innerContainer,
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker .flatpickr-days,
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker .flatpickr-rContainer, .booking-widget--offers .booking-widget__container .booking-widget__datepicker .flatpickr-innerContainer,
.booking-widget--offers .booking-widget__container .booking-widget__datepicker .flatpickr-days,
.booking-widget--offers .booking-widget__container .booking-widget__datepicker .flatpickr-rContainer {
  max-width: 100%;
}
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker .flatpickr-days, .booking-widget--offers .booking-widget__container .booking-widget__datepicker .flatpickr-days {
  width: 100%;
}
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker .flatpickr-next-month, .booking-widget--offers .booking-widget__container .booking-widget__datepicker .flatpickr-next-month {
  right: 0;
}
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker .flatpickr-prev-month, .booking-widget--offers .booking-widget__container .booking-widget__datepicker .flatpickr-prev-month {
  left: 0;
}
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker .flatpickr-day, .booking-widget--offers .booking-widget__container .booking-widget__datepicker .flatpickr-day {
  aspect-ratio: 1/1;
  height: auto;
  width: auto;
}
.booking-widget--stacked .booking-widget__container .booking-widget__datepicker .dayContainer, .booking-widget--offers .booking-widget__container .booking-widget__datepicker .dayContainer {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}
.booking-widget--stacked .booking-widget__container .guest-select, .booking-widget--offers .booking-widget__container .guest-select {
  display: grid;
  grid-auto-rows: 1fr;
  overflow: hidden;
  padding: 0;
  place-items: start stretch;
}
.booking-widget--stacked .booking-widget__container .guest-select[data-expanded=false], .booking-widget--offers .booking-widget__container .guest-select[data-expanded=false] {
  grid-auto-rows: 0fr;
  opacity: 0;
  visibility: hidden;
}
.booking-widget--stacked .booking-widget__container .guest-select[data-expanded=false] .guest-select__row, .booking-widget--offers .booking-widget__container .guest-select[data-expanded=false] .guest-select__row {
  padding-block: 0;
}
.booking-widget--stacked .booking-widget__container .guest-select__row, .booking-widget--offers .booking-widget__container .guest-select__row {
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.booking-widget__input-group--dates {
  position: relative;
}
.booking-widget__input-group--guests {
  position: relative;
}
.booking-widget__input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.booking-widget__date-toggle {
  -webkit-border-after: 1px solid var(--color);
          border-block-end: 1px solid var(--color);
  color: var(--color);
  -webkit-padding-after: 8px;
          padding-block-end: 8px;
  text-align: left;
}
.booking-widget__datepicker {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 6;
}
.booking-widget__datepicker[data-expanded=false] {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.booking-widget__submit {
  -ms-flex-item-align: end;
      align-self: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-inline: 24px;
}
.booking-widget fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.booking-widget input {
  background: none;
  border: none;
  -webkit-border-after: 1px solid var(--color);
          border-block-end: 1px solid var(--color);
  color: var(--color);
  -webkit-padding-after: 8px;
          padding-block-end: 8px;
  width: 100%;
}
.booking-widget input::-webkit-input-placeholder {
  color: var(--color);
}
.booking-widget input::-moz-placeholder {
  color: var(--color);
}
.booking-widget input::-ms-input-placeholder {
  color: var(--color);
}
.booking-widget input::placeholder {
  color: var(--color);
}
.booking-widget .h7 {
  font-family: "Hind-Regular", sans-serif;
  font-weight: 400;
}

.guest-select {
  background-color: white;
  color: black;
  padding: 24px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.guest-select__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-block: 8px;
}
.guest-select__input {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.guest-select__toggle {
  -webkit-border-after: 1px solid var(--color);
          border-block-end: 1px solid var(--color);
  -webkit-padding-after: 8px;
          padding-block-end: 8px;
  text-align: left;
}
.guest-select__button {
  font-size: 22px;
  line-height: 1;
  padding-inline: 6px;
}
.guest-select__button--plus {
  color: #c41e3a;
}
.guest-select input {
  border: none;
  color: #1f2221;
  -webkit-padding-after: 0;
          padding-block-end: 0;
  text-align: center;
  -moz-appearance: textfield;
  font-family: "Hind-Light", sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1279.98px) {
  .guest-select input {
    font-size: calc(17px + (100vw - 768px) / ((1280 - 768) / (18 - 17)));
  }
}
@media (min-width: 1280px) {
  .guest-select input {
    font-size: 18px;
  }
}
.guest-select input::-webkit-outer-spin-button, .guest-select input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}