/**
	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
*/
.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.splide .card {
  height: 100%;
}
.card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card__category {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.card--overlay-slider .card__category, .card--cpt_room .card__category, .card--cpt_offer .card__category, .card--cpt_map_marker .card__category {
  font-family: "Hind-Regular", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 0.9;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
}
@media (max-width: 767.98px) {
  .card--overlay-slider .card__category {
    -webkit-margin-after: 8px;
            margin-block-end: 8px;
  }
}
.card--custom .card__category {
  font-family: "Hind-Regular", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 0.9;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  -webkit-margin-after: 18px;
          margin-block-end: 18px;
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
  .card--custom .card__category {
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }
}
@media (min-width: 1440px) {
  .card--custom .card__category {
    -webkit-margin-after: 24px;
            margin-block-end: 24px;
  }
}
.card__links {
  margin-top: auto;
}
.card__media {
  height: var(--image-height);
  margin-bottom: 20px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  position: relative;
}
.card--cpt_offer .card__media {
  -webkit-margin-after: 32px;
          margin-block-end: 32px;
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .card--cpt_offer .card__media {
    -webkit-margin-after: calc(32px + (100vw - 768px) / ((1024 - 768) / (40 - 32)));
            margin-block-end: calc(32px + (100vw - 768px) / ((1024 - 768) / (40 - 32)));
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .card--cpt_offer .card__media {
    -webkit-margin-after: calc(40px + (100vw - 1024px) / ((1280 - 1024) / (48 - 40)));
            margin-block-end: calc(40px + (100vw - 1024px) / ((1280 - 1024) / (48 - 40)));
  }
}
@media (min-width: 1280px) {
  .card--cpt_offer .card__media {
    -webkit-margin-after: 48px;
            margin-block-end: 48px;
  }
}
.card--cpt_map_marker .card__media {
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .card--cpt_map_marker .card__media {
    -webkit-margin-after: calc(40px + (100vw - 1024px) / ((1280 - 1024) / (48 - 40)));
            margin-block-end: calc(40px + (100vw - 1024px) / ((1280 - 1024) / (48 - 40)));
  }
}
@media (min-width: 1280px) {
  .card--cpt_map_marker .card__media {
    -webkit-margin-after: 48px;
            margin-block-end: 48px;
  }
}
.card--cpt_room .card__media, .card--custom .card__media {
  -webkit-margin-after: 48px;
          margin-block-end: 48px;
}
.card--cpt_offer .card__heading, .card--cpt_map_marker .card__heading, .card--custom .card__heading {
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
.card--cpt_room .card__heading {
  -webkit-margin-after: calc(24px + (100vw - 320px) / ((768 - 320) / (32 - 24)));
          margin-block-end: calc(24px + (100vw - 320px) / ((768 - 320) / (32 - 24)));
}
@media (min-width: 768px) {
  .card--cpt_room .card__heading {
    -webkit-margin-after: 32px;
            margin-block-end: 32px;
  }
}
.card--overlay-slider .card__heading {
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
}
.card__flag {
  background: white;
  border: 1px solid #b3b3b3;
  bottom: 0;
  padding: 10px 20px;
  position: absolute;
  right: 0;
}
.card--overlay-slider .card__description {
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
@media (min-width: 768px) {
  .card--overlay-slider .card__description {
    -webkit-margin-after: 32px;
            margin-block-end: 32px;
  }
}
.card--custom .card__description {
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
}