/* Minification failed. Returning unminified contents.
(334,22): run-time error CSS1039: Token not allowed after unary operator: '-litepickerMonthWidth'
 */
/* Variables
**********************************/
/* all vars, no need for @if critical */
/* breakpoints */
/* Animation - see header.scss for usage examples */
/* Form placeholders */
/* Usage:

	.foo {
	  @include placeholder {
		color: green;
	  }
	}

	@include placeholder {
	  color: red;
	}
*/
/* Flexbox 
***************************************/
/* Card */
/* Filter */
/* Gridder */
/*
    Notes:
        1) For Litepicker core styles, see /css/widgets/vendors/_litepicker.scss
        2) For Litepicker style overrides, see /css/partials/_forms.scss
*/
.booking-widget {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background-image: url(/images/layout/bg/lattice-lt-gray.png), url(/images/layout/bg/pattern-gray.jpg);
  background-repeat: repeat-x, repeat;
  background-position: left bottom, center;
  background-size: 90px auto, auto;
  color: #fff;
  text-align: center;
  padding: 3em 2em;
  min-height: 100vh;
  display: grid;
  place-content: center;
}

@media screen and (max-width: 1023px) {
  .booking-widget {
    background-image: none, url(/images/layout/bg/pattern-gray.jpg);
  }
}

.booking-widget .h1 {
  color: currentColor;
  margin-bottom: 1em;
  position: relative;
  z-index: 2;
}

.booking-widget .aggie {
  left: 4%;
  top: 14%;
  width: 150px;
  height: auto;
}

@media screen and (max-width: 1023px) {
  .booking-widget .aggie {
    opacity: .5;
    left: -1%;
    width: 120px;
  }
}

.booking-widget .hb {
  width: 420px;
  height: auto;
  right: -8%;
  bottom: -4%;
}

@media screen and (max-width: 1023px) {
  .booking-widget .hb {
    width: 360px;
    opacity: .5;
    right: -12%;
  }
}

.book-form {
  position: relative;
  z-index: 2;
}

.book-form > .inner {
  width: auto;
  display: flex;
  gap: 2em;
}

@media screen and (max-width: 1023px) {
  .book-form > .inner {
    display: block;
  }
}

.book-form .btn {
  width: 90%;
  max-width: 380px;
}

.book-dates {
  flex: 1;
}

.bd-cols {
  display: flex;
  align-items: center;
  border: 1px solid;
}

@media screen and (max-width: 767px) {
  .bd-cols {
    flex-wrap: wrap;
    margin-bottom: 1.5em;
  }
}

.bd-cols .field {
  box-sizing: border-box;
  width: 50%;
  height: 58px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .bd-cols .field {
    width: 100%;
    padding-right: 1em;
  }
  .bd-cols .field:first-child {
    border-bottom: 1px solid;
  }
}

.bd-cols .field:not(:first-child) {
  border-left: 1px solid;
}

@media screen and (max-width: 767px) {
  .bd-cols .field:not(:first-child) {
    border-left: none;
  }
}

.bd-cols .field label {
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: .1em;
  margin: 0;
  padding: 0 0 0 1.5em;
  color: #b19569;
}

@media screen and (max-width: 767px) {
  .bd-cols .field label {
    flex: 1;
    text-align: left;
  }
}

.bd-cols .field input {
  background-color: transparent;
  border: none;
  font-family: "Mulish", sans-serif;
  font-size: 1.25rem;
  letter-spacing: .05em;
  width: 8em;
  text-align: right;
  color: currentColor;
}

@media screen and (max-width: 767px) {
  .bd-cols .field input {
    font-family: "Mulish", sans-serif;
    font-size: 1rem;
  }
}

.bd-cols .field input::placeholder {
  font-family: "Mulish", sans-serif;
  font-size: 1rem;
}

.book-info {
  flex: 0 0 280px;
}

.book-info fieldset {
  border: 1px solid;
  margin-bottom: 2em;
  padding: 1.5em 2em;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .book-info fieldset {
    margin-bottom: 1.5em;
  }
}

.book-info h3 {
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: .1em;
  margin: 0 0 1.5em;
  color: #b19569;
}

.book-info .field {
  margin-bottom: 1em;
}

.book-info .spinner {
  position: relative;
  display: flex;
  align-items: center;
}

.book-info .spinner > div {
  box-sizing: border-box;
  flex: 1;
  min-width: 8em;
}

.book-info .spinner input {
  width: 2em;
  text-align: right;
  background-color: transparent;
  border: none;
  color: currentColor;
}

.book-info .spinner .total-adults,
.book-info .spinner .total-children {
  font-family: "Bodoni Moda", serif;
  color: currentColor;
  opacity: 1;
}

.book-info .spinner button {
  box-sizing: border-box;
  font-size: 1.25rem;
  font-weight: 200;
  width: 32px;
  height: 32px;
  background-color: #636565 !important;
  color: #fff !important;
  border-radius: 20%;
  padding: 0;
  background-color: transparent;
  color: currentColor;
  transition: transform .35s ease, background-color .35s;
}

.book-info .spinner button[data-spin="down"] {
  left: 0;
}

.book-info .spinner button[data-spin="up"] {
  right: 0;
}

.book-info .promo input {
  background-color: transparent;
  border-color: #fff;
  padding: .75em;
  color: currentColor;
  border: 1px solid;
}

.book-info .promo input::placeholder {
  color: currentColor;
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: .1em;
}

.mfp-book .mfp-container {
  padding: 0;
}

#book-pickers {
  min-height: 20rem;
}

@media screen and (max-width: 767px) {
  #book-pickers {
    display: none;
  }
}

#book-pickers .litepicker {
  padding-top: 1em;
}

#book-pickers .litepicker .container__main {
  filter: none;
}

#book-pickers .litepicker .container__months {
  padding: 0;
}

#book-pickers .litepicker .container__months.columns-2 {
  background-color: transparent;
}

#book-pickers .litepicker .container__months .month-item:first-child .button-previous-month,
#book-pickers .litepicker .container__months .month-item-header .button-next-month {
  color: currentColor;
}

#book-pickers .litepicker .container__months.columns-2 > div:first-child {
  margin-right: 3em;
}

#book-pickers .litepicker .container__months.columns-2 {
  width: calc( (var(--litepickerMonthWidth) * 2) + 3em);
  position: relative;
}

.book-active .mfp-close-btn-in .mfp-close {
  color: currentColor;
}