/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/flatpickr/dist/flatpickr.css ***!
  \*********************************************************************************************/
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/pages/search.scss ***!
  \******************************************************************************************************************************************************************/
/*
Imports only in this file.
*/
/*
Colours should only contain colour variables of the base and global kind.

All colours for specific components or elements should go into their own local file.
*/
/*
This file should only be used for functions used across a project
*/
/*
Pixels to rems
*/
/*
Strip units from number
*/
/*
This file should contain only variables that will be shared across SCSS Files.

These do NOT include colours, z-indexes, media queries, etc.

Eg. $global-header-height: 250px;

Use a global prefix so that it is clear where the definition is when used in other files
*/
/*
This file is for the use of SCSS animations only.
*/
@keyframes nudgeRight {
  from {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(5px) scale(1.02);
  }
}
@keyframes fadeInUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Jost";
  font-style: normal;
  font-weight: 300;
  src: url(.././fonts/Jost-Light.ttf) format("truetype");
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  src: url(.././fonts/Jost-Medium.ttf) format("truetype");
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Serif Display";
  font-style: normal;
  font-weight: 200;
  src: url(.././fonts/NotoSerifDisplay-ExtraLight.ttf) format("truetype");
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Serif Display";
  font-style: normal;
  font-weight: 300;
  src: url(.././fonts/NotoSerifDisplay-Light.ttf) format("truetype");
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Caveat";
  font-style: normal;
  font-weight: 400;
  src: url(.././fonts/Caveat-Regular.ttf) format("truetype");
}
/*
This file is to contain any and all font family declarations.
*/
/*
This file should only contain global mixins that can help organize your SCSS better.

If your project uses many mixins then it is suggested to split you mixins into many files.
*/
/*
*   == Media query mixin ==
*   These are the standard breakpoints set by foundation,
*   However add/change/remove if needed.
*
*   e.g
*
*    .site-header {
*    padding: 2rem;
*    font-size: 1.8rem;
*    @include mq('medium') {
*        padding-top: 4rem;
*        font-size: 2.4rem;
*       }
*    }
*
*   By default the mediaQuery is set to min-width
*/
/*
*   == Font sizes ==
*
*   Use for setting dynamic font sizes.
*   Add/change/remove as needed.
*   This mixin relies on the $breakpoint keys from above
*   
*   e.g 
*   h1 {
*       @include font-size($h--1);
*   }
*   
*   Full eg can be found in variables.scss
*/
/*
*   == Pseudo element ==
*
*   Use this for ::before and ::after elements
*
*   e.g 
*   a::after {
*        @include pseudo;
*   }
*/
/*
*   == Responsive ratios ==
*
*   Use for creating scalable elements e.g images that maintain a ratio
*
*   e.g 
*   div {
*       @include responsive-ratio(16,9);
*   }
*/
/*
*   == Image zoom on hover ==
*
*   Use for creating a zoom in effect when hovering on images.
*
*   Tweak as needed.   
*
*   e.g 
*   div {
*       @include hoverZoomImage(1.05);
*   }
*/
/*
*   == Create box ==
*
*   Use to create boxes.
*
*   e.g 
*   div {
*       @include box(200px, 300px);
*   }
*   div {
*       @include box(200px);
*   }
*/
/*
*   == Font faces ==
*
*  Use this to quickly add a custom font-face to a project.
*
*   e.g 
*   h1 {
*       @include fontFace(Roboto, "./assets/Roboto", normal, normal);
*   }
*/
/*
This file should only contain global mixins that can help organize your SCSS better.

If your project uses many mixins then it is suggested to split you mixins into many files.
*/
.filter-hidden {
  display: none;
  margin-top: 1rem;
}
.filter-hidden.expanded .filter-hidden {
  display: block;
}

.flatpickr-mobile:before {
  content: attr(placeholder);
  color: gray;
}

.flatpickr-mobile:focus[value]:not([value=""]):before {
  display: none;
}

input[type=hidden][value]:not([value=""]) + .flatpickr-mobile:before {
  display: none;
}

.flatpickr-calendar.open .flatpickr-innerContainer {
  overflow: inherit;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-rContainer {
  display: inline-block;
  padding: 0;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days {
  width: 100%;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .flatpickr-day.today {
  border-color: #380435;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .flatpickr-day.selected,
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .flatpickr-day.today:hover,
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .flatpickr-day.today:focus {
  border-color: #380435;
  background: #380435;
  color: #fff;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
  height: 30px;
  line-height: 30px;
  margin: 2px;
}

.search {
  margin: 0;
}
@media (min-width: 1350px) {
  .search .xlarge-8.filters {
    width: 85%;
  }
}
@media (min-width: 1750px) {
  .search .xlarge-8.filters {
    width: 66.6666666667%;
  }
}
.search .filters {
  padding: 0;
  background: #fff;
}
@media (min-width: 1050px) {
  .search .filters__left {
    padding-left: 1em;
  }
}
.search .filters form .grid-x {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: hidden;
  background: #fff;
  padding: 10px;
}
@media (min-width: 650px) {
  .search .filters form .grid-x {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1450px) {
  .search .filters form .grid-x {
    flex-wrap: nowrap;
  }
}
.search .filters form .grid-x .search_destinations-container,
.search .filters form .grid-x .start_date-container,
.search .filters form .grid-x .nights,
.search .filters form .grid-x .flexible,
.search .filters form .grid-x .guests-container {
  width: 100%;
  flex-grow: 1;
  margin: 0px;
  padding: 0px 17px;
  font-size: 15px;
  border: none;
  outline: none;
  min-width: 12%;
  -webkit-appearance: none;
  border-bottom: 1px solid #f1f1f1;
  text-align: -webkit-left;
}
@media (min-width: 650px) {
  .search .filters form .grid-x .search_destinations-container,
  .search .filters form .grid-x .start_date-container,
  .search .filters form .grid-x .nights,
  .search .filters form .grid-x .flexible,
  .search .filters form .grid-x .guests-container {
    border-right: solid 1px #f1f1f1;
    width: auto;
  }
}
.search .filters form .grid-x .search_destinations-container:last-of-type,
.search .filters form .grid-x .start_date-container:last-of-type,
.search .filters form .grid-x .nights:last-of-type,
.search .filters form .grid-x .flexible:last-of-type,
.search .filters form .grid-x .guests-container:last-of-type {
  padding-right: 10px;
}
@media (min-width: 1450px) {
  .search .filters form .grid-x .search_destinations-container:last-of-type,
  .search .filters form .grid-x .start_date-container:last-of-type,
  .search .filters form .grid-x .nights:last-of-type,
  .search .filters form .grid-x .flexible:last-of-type,
  .search .filters form .grid-x .guests-container:last-of-type {
    border-right: none;
    border-bottom: none;
  }
}
.search .filters form .grid-x .search_destinations-container select,
.search .filters form .grid-x .search_destinations-container input,
.search .filters form .grid-x .start_date-container select,
.search .filters form .grid-x .start_date-container input,
.search .filters form .grid-x .nights select,
.search .filters form .grid-x .nights input,
.search .filters form .grid-x .flexible select,
.search .filters form .grid-x .flexible input,
.search .filters form .grid-x .guests-container select,
.search .filters form .grid-x .guests-container input {
  width: 100%;
  height: 50px;
  outline: none;
  border: transparent;
  text-transform: uppercase;
  font-size: 14px;
  background: #fff;
  -webkit-appearance: none;
  color: black;
  line-height: 50px;
  display: block;
  text-align: left;
}
@media (min-width: 1450px) {
  .search .filters form .grid-x .flexible {
    border-bottom: none;
  }
}
.search .filters form .grid-x input::-webkit-date-and-time-value {
  text-align: left;
}
@media (min-width: 650px) {
  .search .filters form .grid-x .search_destinations-container,
  .search .filters form .grid-x .start_date-container,
  .search .filters form .grid-x .nights,
  .search .filters form .grid-x .flexible,
  .search .filters form .grid-x .button,
  .search .filters form .grid-x .guests-container {
    width: 33.3333333333%;
  }
}
.search .filters form .grid-x .search_destinations-container,
.search .filters form .grid-x .start_date-container,
.search .filters form .grid-x .nights {
  border-bottom: 1px solid #f1f1f1;
}
@media (min-width: 1450px) {
  .search .filters form .grid-x .search_destinations-container,
  .search .filters form .grid-x .start_date-container,
  .search .filters form .grid-x .nights {
    border-bottom: 0;
  }
}
@media (min-width: 750px) {
  .search .filters form .grid-x .search_destinations-container {
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
  }
}
@media (min-width: 1450px) {
  .search .filters form .grid-x .search_destinations-container {
    border-top: 0;
  }
}
@media (min-width: 750px) {
  .search .filters form .grid-x .nights,
  .search .filters form .grid-x .start_date-container {
    border-top: 1px solid #f1f1f1;
  }
}
@media (min-width: 1450px) {
  .search .filters form .grid-x .nights,
  .search .filters form .grid-x .start_date-container {
    border-top: 0;
  }
}
@media (min-width: 750px) {
  .search .filters form .grid-x .flexible {
    border-left: 1px solid #f1f1f1;
  }
}
@media (min-width: 750px) {
  .search .filters form .grid-x .guests-container {
    border-right: 1px solid #f1f1f1;
  }
}
.search .filters form .grid-x .button {
  background-color: #380435;
  color: #fff;
  padding: 15px 45px !important;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media (min-width: 1250px) {
  .search .filters form .grid-x .button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1250px) {
  .search .filters form .grid-x .button {
    padding: 10px;
    height: 50px;
  }
}
.search .filters form .grid-x .button:hover {
  background-color: #680762;
  color: white;
}
.search .filters form input {
  width: 100%;
  display: block;
}
.search .filters__right button {
  cursor: pointer;
  display: block;
  text-align: center;
  width: 100%;
  margin: 20px 0;
  height: 50px;
}
@media (min-width: 750px) {
  .search .filters__right button {
    height: auto;
    display: inline-block;
    margin: 0;
    margin-left: 10px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1024px) {
  .search .filters__right button {
    margin-left: 20px;
  }
}
@media (min-width: 1050px) {
  .search .filters__right button {
    padding-right: 1em;
  }
}
@media (min-width: 1250px) {
  .search .filters__right button {
    margin-left: 40px;
  }
}
.search .filters__right button a {
  text-transform: uppercase;
}
.search .filters__right button.filter-btn a:after {
  content: "\f0b0";
  font-family: "Font Awesome 6 Pro";
  color: #58c4c6;
  padding-left: 5px;
}
.search .filters__right button.map-btn p:after {
  content: "\f5a0";
  font-family: "Font Awesome 6 Pro";
  color: #58c4c6;
  padding-left: 5px;
}
.search .filters__right select {
  outline: none;
  cursor: pointer;
  height: 50px;
  border: 1px solid black;
  display: block;
  width: 100%;
  text-align: center;
  color: black;
  -webkit-appearance: none;
}
@media (min-width: 750px) {
  .search .filters__right select {
    height: auto;
    border: none;
    display: inline-block;
    border: none;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1024px) {
  .search .filters__right select {
    margin-left: 20px;
  }
}
@media (min-width: 1250px) {
  .search .filters__right select {
    margin-left: 25px;
  }
}
.search .filters .filter-hidden {
  background: #fff;
  padding: 2em;
  width: 100%;
  position: relative;
}
.search .filters .filter-hidden h4 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 1em;
}
@media (min-width: 650px) {
  .search .filters .filter-hidden h4 {
    margin-top: 0.5rem;
    text-align: left;
  }
}
.search .filters .filter-hidden .close-button {
  color: black;
  position: absolute;
  right: 5%;
  top: 5%;
  cursor: pointer;
}
@media (min-width: 1050px) {
  .search .filters .filter-hidden .close-button {
    right: 2.5%;
  }
}
.search .filters .filter-hidden .close-button:before {
  content: "close";
  text-transform: uppercase;
  font-size: 15px;
  padding-right: 5px;
}
.search .filters .filter-hidden form .filter__left {
  text-align: left;
}
.search .filters .filter-hidden form h5 {
  text-align: left;
  margin-top: 1rem;
}
.search .filters .filter-hidden form h5 div {
  text-align: left;
}
.search .filters .filter-hidden form h5 div select {
  text-align: left;
}
.search .filters .filter-hidden form select {
  background: transparent;
  height: 50px;
  margin: 1em 0;
  text-transform: uppercase;
  text-align: left;
  padding: 0 10px;
  outline: none;
  color: black;
  border: 1px solid black;
}
@media (min-width: 750px) {
  .search .filters .filter-hidden form select {
    display: inline-block;
    width: 49%;
  }
}
@media (min-width: 1050px) {
  .search .filters .filter-hidden form select {
    width: 100%;
  }
}
@media (min-width: 1250px) {
  .search .filters .filter-hidden form select {
    max-width: 200px;
    margin-right: 5px;
  }
}
@media (min-width: 1450px) {
  .search .filters .filter-hidden form select {
    max-width: 250px;
    margin-right: 10px;
  }
}
.search .filters .filter-hidden form label {
  padding: 5px 10px 10px 0px;
  display: inline-block;
  width: 49%;
  text-align: left;
}
.search .filters .filter-hidden form label input {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
.search .filters .filter-hidden form .rooms,
.search .filters .filter-hidden form .outside-space,
.search .filters .filter-hidden form .search-variables,
.search .filters .filter-hidden form .region {
  margin: 0 1rem;
  vertical-align: top;
}
@media (min-width: 650px) {
  .search .filters .filter-hidden form .rooms,
  .search .filters .filter-hidden form .outside-space,
  .search .filters .filter-hidden form .search-variables,
  .search .filters .filter-hidden form .region {
    text-align: left;
    margin: 1rem;
  }
}
@media (min-width: 1050px) {
  .search .filters .filter-hidden form .rooms,
  .search .filters .filter-hidden form .outside-space,
  .search .filters .filter-hidden form .search-variables,
  .search .filters .filter-hidden form .region {
    padding: 1em;
    margin: 0;
  }
}
.search .filters .filter-hidden form .rooms select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%276 9 12 15 18 9%27%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}
@media (min-width: 750px) {
  .search .filters .filter-hidden form input {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.search .property-list {
  background: #f0ece3;
}
.search .property-list .filters {
  background: #f0ece3;
  padding-top: 3em;
}
.search .property-list .filters .number {
  color: #58c4c6;
  text-decoration: underline;
}
.search .property-list .filters p {
  margin-bottom: 0;
}
.search .property-list .map-wrapper {
  display: none;
}
.search .property-list .map-wrapper.active {
  display: block;
  margin-top: 2em;
}
.search .property-list .map-wrapper.active #properties-map {
  margin-top: 2em;
}
.search .property-list .map-wrapper.active #properties-map div {
  background-repeat: no-repeat;
  -o-object-fit: contain;
     object-fit: contain;
}
.search .property-list .map-wrapper.active a.view-btn {
  margin: 0 auto;
  display: block;
  width: 97%;
  text-align: center;
  margin-bottom: 1em;
  color: white;
  background: #380534;
  padding: 15px;
}
@media (min-width: 750px) {
  .search .property-list .map-wrapper.active a.view-btn {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    margin-left: 1em;
  }
}

#properties-map div {
  background-size: contain;
}

.featured {
  background: #f0ece3;
  margin: 0;
  padding: 0 0 2em;
  position: relative;
}
.featured__container h3 {
  margin-top: 1.5em;
}
.featured__container img {
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 750px) {
  .featured__container img {
    height: 300px;
  }
}
@media (min-width: 1250px) {
  .featured__container img {
    height: 350px;
  }
}
.featured__container .icons {
  margin-bottom: 1.5em;
}
.featured__container .icons__container {
  display: inline-block;
  padding: 0 10px;
}
.featured__container .icons__container svg {
  height: 20px;
  width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
  vertical-align: middle;
}
.featured__container .icons__container p {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}

.paginate {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 4rem;
}
.paginate__number {
  color: hsl(0, 0%, 0%);
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  transition: 0.15s ease-in-out all;
}
.paginate__number:hover {
  background: #380435;
  color: white;
}
.paginate__number--selected {
  background: #59c3c7;
  color: white;
}

div img {
  -o-object-fit: contain;
     object-fit: contain;
}

.gm-style-iw-c {
  box-shadow: none;
  border-radius: 0;
}
@media (max-width: 650px) {
  .gm-style-iw-c {
    min-width: 3% !important;
  }
}

.gm-style-iw-d::-webkit-scrollbar-track,
.gm-style-iw-d::-webkit-scrollbar-track-piece {
  background: transparent !important;
}

.gm-style div {
  background-size: contain;
  background-repeat: no-repeat;
}
.gm-style .gm-style-iw {
  max-width: 300px !important;
}
.gm-style .gm-style-iw-d {
  padding: 0 !important;
}
.gm-style .gm-style-iw-d .clustered-group .property {
  margin-bottom: 1rem;
}
.gm-style .gm-style-iw-d img {
  height: 17vh !important;
  width: 100%;
  opacity: 0.8;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 750px) {
  .gm-style .gm-style-iw-d img {
    height: auto;
  }
}
.gm-style .gm-style-iw-d h4 {
  color: black;
  margin-top: 1em;
  display: inline-block;
  text-align: center;
  font-size: 1.25rem;
  text-transform: capitalize;
  width: 100%;
  margin-bottom: 0;
}
.gm-style .gm-style-iw-d a {
  background-color: #380435;
  padding: 10px 30px;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #380435;
  transition: 0.35s;
  margin: 0 auto;
  margin-top: 1em;
  width: 100%;
  text-align: center;
}
.gm-style .gm-style-iw-d a:hover {
  background-color: #380435 darken, 10%;
  color: #fff;
}
.gm-style .property__favourite {
  margin-left: 0.5rem;
  top: 6%;
}
.gm-style .property__favourite img {
  width: 25px;
  height: 25px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.gm-style .property__favourite .add_wishlist p,
.gm-style .property__favourite .add_wishlist span {
  color: hsl(0, 0%, 0%);
}
.gm-style .property__favourite .add_wishlist a {
  border: none;
  height: auto;
  padding: 0;
  margin: 0;
  background: transparent;
  color: hsl(0, 0%, 0%);
  font-size: 0.875rem;
  text-transform: capitalize;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
}
.gm-style .gm-ui-hover-effect {
  top: 10px;
  right: 15px;
  width: 30px;
  height: 30px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.6392156863);
}
.gm-style .cottages__icons {
  margin: 1em 0;
  width: 100%;
  text-align: center;
}
.gm-style .cottages__icons .cottages__icons--wrapper {
  display: inline-block;
  padding: 0 5px;
}
.gm-style .cottages__icons .cottages__icons--wrapper i,
.gm-style .cottages__icons .cottages__icons--wrapper p {
  font-size: 12px;
  color: #000;
  margin-bottom: 0;
  display: inline-block;
}
@media (min-width: 750px) {
  .gm-style .cottages__icons .cottages__icons--wrapper i,
  .gm-style .cottages__icons .cottages__icons--wrapper p {
    color: #000000;
    margin-bottom: 0;
  }
}