/**
	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
*/
.offer-intro__container {
  margin-inline: auto;
  padding-inline: 24px;
  width: min(100%, 1920px);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .offer-intro__container {
    padding-inline: calc(24px + (100vw - 576px) / ((768 - 576) / (64 - 24)));
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .offer-intro__container {
    padding-inline: calc(64px + (100vw - 768px) / ((1024 - 768) / (72 - 64)));
  }
}
@media (min-width: 1024px) {
  .offer-intro__container {
    gap: calc(64px + (100vw - 1024px) / ((1280 - 1024) / (96 - 64)));
    padding-inline: calc(72px + (100vw - 1024px) / ((1280 - 1024) / (104 - 72)));
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 1280px) and (max-width: 1439.98px) {
  .offer-intro__container {
    gap: calc(96px + (100vw - 1280px) / ((1440 - 1280) / (128 - 96)));
    padding-inline: calc(104px + (100vw - 1280px) / ((1440 - 1280) / (136 - 104)));
  }
}
@media (min-width: 1440px) and (max-width: 1919.98px) {
  .offer-intro__container {
    gap: calc(128px + (100vw - 1440px) / ((1920 - 1440) / (184 - 128)));
    padding-inline: calc(136px + (100vw - 1440px) / ((1920 - 1440) / (280 - 136)));
  }
}
@media (min-width: 1920px) {
  .offer-intro__container {
    gap: 184px;
    padding-inline: 280px;
  }
}
.offer-intro__details {
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
@media (min-width: 768px) {
  .offer-intro__details {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 1024px) {
  .offer-intro__details {
    -webkit-margin-after: 32px;
            margin-block-end: 32px;
  }
}
.offer-intro__details li {
  --icon-size: 18px;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.offer-intro__sidebar {
  background-color: color-mix(in srgb, #ece6cf, transparent 60%);
  padding: 48px 32px;
}
@media (max-width: 1023.98px) {
  .offer-intro__sidebar {
    -webkit-margin-after: 56px;
            margin-block-end: 56px;
    width: min(100%, 336px);
  }
}
@media (min-width: 1024px) {
  .offer-intro__sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 336px;
            flex: 0 0 336px;
  }
}
.offer-intro__eyebrow {
  margin-bottom: 24px;
}
.offer-intro__title {
  margin-bottom: 32px;
}
.offer-intro__wysiwyg {
  -webkit-margin-after: 48px;
          margin-block-end: 48px;
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .offer-intro__wysiwyg {
    -webkit-margin-after: 64px;
            margin-block-end: 64px;
  }
}
@media (min-width: 1024px) {
  .offer-intro__wysiwyg {
    -webkit-margin-after: 56px;
            margin-block-end: 56px;
  }
}
@media (max-width: 1023.98px) {
  .offer-intro__content {
    display: contents;
  }
}
@media (max-width: 1023.98px) {
  .offer-intro__terms {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.offer-intro__booking-title {
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
@media (min-width: 1280px) {
  .offer-intro__booking-title {
    -webkit-margin-after: 48px;
            margin-block-end: 48px;
  }
}
.offer-intro .booking-widget {
  --color: #1f2221;
}
.offer-intro .fieldset--promo {
  display: none;
}