/* ----------------------------------------------------------------
FONTS
-----------------------------------------------------------------*/
body,
input,
.input {
    font-family: Helvetica, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, Helvetica, sans-serif;
}

/* ----------------------------------------------------------------
COLORS
-----------------------------------------------------------------*/
a,
header.bookingSiteHeader .logo a:hover,
header.bookingSiteHeader nav.mainMenu ul li a:hover,
nav.mobileMenu ul li a:hover,
section.bookingWidgetHeader nav.mainMenu ul li a:hover,
section.bookingSteps ul li .bookingStepWrapper.bookingStepWrapperLink:hover .bookingStepLabel,
.timezoneNotice p strong,
.timezoneNotice select.input,
.checkoutCountdown p span,
section.filtersMenu a.button:hover,
section.filtersMenu a.button.active,
nav.inventoryItemTabsNavigation ul li a:hover,
.inventoryItemInformation .inventoryItemPricing h5,
.card .cardContent .cardDescriptionPricingWrapper .cardPricing h5,
.card .cardContent .cardTicketPurchaseContainer .cardTicketFooterSubtotal h5,
.card .cardActions a:hover,
footer nav.footerMenu ul li a:hover,
.menu li a:hover {
    color: #3698e4;
}
body,
input,
.input,
.button.rescheduleDate,
nav.mainMenu ul li a,
nav.mainMenu ul li .selectWrapper:after,
nav.mainMenu ul li select.input,
section.filtersMenu a.button,
section.filtersMenu .filtersMenuDateSelect a,
section.resovaCalendar table td.bookingSelectReveal a.bookingSelectRevealClose,
.card .cardContent .cardEventMetaGoBackContainer a.cardEventMetaGoBackButton,
.card .cardContent .cardTimesContainer .showMoreTimesContainer a.showMoreTimesButton,
.card .cardContent .cardTimesContainer .showMoreTimesContainer a.seeMoreDatesButton,
.inventoryItemInformation .inventoryItemSharing ul li a,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot.cardTimeSlotUnavailable:hover,
.card .cardActions a,
.card .cardShare ul li a,
.infoRibbon:before,
.infoRibbon p,
.infoRibbon a,
.infoRibbon a.button.buttonRaised,
nav.inventoryItemTabsNavigation ul li a,
aside .bookingAsideWrapper .bookingAsideAddNewBooking .button,
aside .bookingAsideWrapper .basketBooking .basketBookingItem .basketBookingItemDetails ul.basketActions li a,
footer nav.footerMenu ul li a,
footer .footerLogo a,
.inputSpinnerWrapper .button.buttonRaised.inputSpinnerButton,
.articleBox .infoRibbon p,
.menu li a {
    color: #d4d4d4;
}
.intl-tel-input .country-list .country {
    color: #d4d4d4!important;
}
/*--DATEPICKER STYLES--*/
.mydp .btnclear,
.mydp .btndecrease,
.mydp .btnincrease,
.mydp .btnpicker,
.mydp .headerbtn,
.mydp .monthlabel,
.mydp .yearlabel,
.mydp .headermonthtxt,
.mydp .headermonthtxt button,
.mydp .headertodaybtn,
.mydp .headeryeartxt,
.mydp .yearchangebtn,
.mydp .weekdaytitle,
.mydp .daycell.disabled,
.mydp .caltable,
.mydp .daycell,
.mydp .monthcell,
.mydp .monthtable,
.mydp .weekdaytitle,
.mydp .yearcell,
.mydp .yeartable,
.mydp .highlight {
    color: #d4d4d4!important;
}
.checkbox label:after {
    border-color: #d4d4d4;
}
.inputSpinnerWrapper input.inputSpinnerInput:disabled {
  -webkit-text-fill-color: #d4d4d4;
}
/*--DATEPICKER STYLES--*/
h1, h2, h3, h4, h5, h6,
.bookingManagerMenu ul li a {
    color: #ffffff;
}
.textDanger,
.inputContainer.requiredInput label:after,
span.inputCaption.inputCaptionError {
  color: #ed344e!important;
}
.textSuccess {
    color: #52B266!important;
}

/* ----------------------------------------------------------------
BACKGROUND COLORS
-----------------------------------------------------------------*/
body,
.full-preloader,
.preloaderContainer,
figure.featuredImage,
section.bookingSteps ul li span.step,
section.bookingSteps ul li span.bookingStepLabel,
section.bookingSteps ul li span.step:after,
.card,
.card .cardContent .cardEventMetaGoBackContainer a.cardEventMetaGoBackButton,
.card .cardContent .cardTimesContainer .showMoreTimesContainer a.showMoreTimesButton,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot.cardTimeSlotUnavailable:hover,
aside .bookingAsideWrapper .taxFeeBreakdown,
aside .bookingAsideWrapper .taxFeeBreakdown:before,
span.orTag,
.expressCheckoutOrLine span,
.dialogBackdrop .dialogWrapper .dialogContainer,
.bookingManagerMenu,
.menu {
    background-color: #000000;
}
.intl-tel-input .country-list {
    background-color: #000000!important;
}
/*--DATEPICKER STYLES--*/
.mydp .header,
.mydp .headerbtn,
.mydp .headerlabelbtn,
.mydp .yearchangebtn,
.mydp .headerbtncell,
.mydp .btnclear,
.mydp .btndecrease,
.mydp .btnincrease,
.mydp .btnpicker,
.mydp .headertodaybtn,
.mydp .selector thead,
.mydp .caltable,
.mydp .monthtable,
.mydp .yeartable,
.mydp .daycell.disabled {
    background: #000000!important;
}
/*--DATEPICKER STYLES--*/
section.resovaCalendar table td.activeTimeSlot:after {
  border-bottom-color: #000000;
}
/*--DATEPICKER STYLES--*/
.mydp .selector:after,
.mydp .selectorarrow:after {
  border-bottom-color: #000000!important;
}
/*--DATEPICKER STYLES--*/
.full-preloader .three-bounce > div,
section.bookingSteps ul li span.step.bookingStepActive:before,
section.bookingSteps ul li span.step.bookingStepComplete,
article .articleBox .articleBoxInner.articleBoxWSelect .checkboxContainer .checkbox label:after,
.giftVoucherPlaceholderBG {
    background: #3698e4;
}
@media (max-width: 959px) {
    header.bookingSiteHeader,
    header.bookingSiteHeader.transparentHeader {
        background: #ffffff;
    }
}

/* ----------------------------------------------------------------
BUTTON COLORS
-----------------------------------------------------------------*/
.buttonRaised,
.iconButtonRaised,
nav.mainMenu a.shoppingBasketButton span,
.inventoryItemDateBadge,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot:hover,
.messageState i,
table.confirmationBookingsBreakdown td.confirmationBookingsBreakdownInformation i,
.bookingManagerMenu ul li a:hover,
.bookingManagerMenu ul li a.active,
.menu .menuContent .button.buttonBlock:hover {
    background: #000000;
}
/*--DATEPICKER STYLES--*/
.mydp .selectedday,
.mydp .daycell.selectedday,
.mydp .selectedday,
.mydp .selectedmonth,
.mydp .selectedyear,
.mydp .tablesingleday:hover,
.mydp .tablesinglemonth:hover,
.mydp .tablesingleyear:hover,
.mydp .monthcell.selectedmonth:hover {
    background: #000000!important;
}
/*--DATEPICKER STYLES--*/
@media (max-width: 959px) {
    section.resovaCalendarList table td .resovaCalendarListItemTime {
        background: #000000;
    }
}
.button,
.button.buttonRaised,
.inventoryItemDateBadge,
.inventoryItemDateBadge h6,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot:hover,
.messageState i,
table.confirmationBookingsBreakdown td.confirmationBookingsBreakdownInformation i,
.bookingManagerMenu ul li a:hover,
.bookingManagerMenu ul li a.active,
.menu .menuContent .button.buttonBlock:hover {
    color: #d3a357;
}
/*--DATEPICKER STYLES--*/
.mydp .selectedday,
.mydp .daycell.selectedday,
.mydp .selectedday,
.mydp .selectedmonth,
.mydp .selectedyear,
.mydp .tablesingleday:hover,
.mydp .tablesinglemonth:hover,
.mydp .tablesingleyear:hover,
.mydp .monthcell.selectedmonth:hover {
    color: #d3a357!important;
}
/*--DATEPICKER STYLES--*/
@media (max-width: 959px) {
    section.resovaCalendarList table td .resovaCalendarListItemTime h6,
    section.resovaCalendarList table td .resovaCalendarListItemTime span {
        color: #d3a357;
    }
}

/* ----------------------------------------------------------------
BORDERS
-----------------------------------------------------------------*/
section.bookingSteps ul li:before,
section.bookingSteps ul li span.step:before,
.menu li.menu-separator {
    background: #dadada;
}
input,
.input,
section.bookingSteps ul li span.step,
section.filtersMenu a.button.filterSort,
section.filtersMenu .filtersMenuDateSelect a.button,
aside.basketDropdown .bookingAsideWrapper .basketBooking,
.timezoneNotice,
.checkoutCountdown,
.inventoryItemInformation .inventoryInformationSectionBreak,
.inventoryItemInformation .inventoryItemSharing ul li.inventoryItemInfoIcon,
.inventoryItemInformation .inventoryItemSharing ul li a,
.inventoryItemInformation .inventoryItemSharing ul li input,
.card,
.card .cardContent .cardDescriptionPricingWrapper .cardDescription,
.card .cardContent .cardCounterWrapper .cardPricing,
.card .cardContent .cardTimesContainer:before,
.card .cardContent .cardTicketPurchaseContainer:before,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot,
.card .cardContent .cardTimesContainer .cardTimeSlotWrapper .cardTimeSlot.cardTimeSlotUnavailable:hover,
.card .cardContent .cardEventMetaGoBackContainer:before,
.card .cardContent .cardEventMetaGoBackContainer a.cardEventMetaGoBackButton,
.card .cardContent .cardTimesContainer .showMoreTimesContainer a.showMoreTimesButton,
.card .cardContent .cardTicketPurchaseContainer .cardTicketFooter,
.card .cardActions a,
.card .cardActions a:nth-of-type(2),
.card .cardShare,
.card .cardShare ul li,
.inventoryListItem,
.infoRibbon a.button.buttonRaised,
nav.inventoryItemTabsNavigation:after,
.eventSearchItem,
.eventSearchContainer .eventSearchNoResults,
article .waiverSignature .waiverSignatureBox,
article .articleBox,
article .articleBox .articleBoxInner .checkoutLoginRegisterBox,
aside .bookingAsideWrapper,
aside .bookingAsideWrapper .bookingAsideAddNewBooking,
aside .bookingAsideWrapper .bookingAsideHeading,
aside .bookingAsideWrapper .basketBookings,
aside .bookingAsideWrapper .basketBookings .basketBooking,
aside .bookingAsideWrapper .basketBooking .singleBookingTotal,
aside .bookingAsideWrapper .bookingAsideTransactionBreakdownWrapper table.transactionTotals,
aside .bookingAsideWrapper .bookingAsideTransactionMetaWrapper,
aside .bookingAsideWrapper .bookingAsidePromoWrapper,
aside .bookingAsideWrapper .basketBookings .basketBooking .basketBookingItem.basketBookingItemWExtra:before,
aside .bookingAsideWrapper .basketBookings .basketBooking .basketBookingItem.basketBookingItemExtra:before,
aside .bookingAsideWrapper .bookingAsidePasswordProtectWrapper,
aside .bookingAsideWrapper .payFullAmountWrapper,
aside .bookingAsideWrapper .taxFeeBreakdown,
.inventoryItemReviews .inventoryItemReview,
section.resovaCalendar table th,
section.resovaCalendar table td,
section.resovaCalendarList table td,
table td.bookingSelectReveal,
table.confirmationBookingsBreakdown td,
table.confirmationBookingsBreakdown tr.bookingWExtra td.confirmationBookingsBreakdownInformation:before,
.itemExtraListItemContainer,
.itemExtraListItem,
.loginRegisterBox,
.loginRegisterBox .socialLoginRegisterWrapper,
footer section.footerInner:before,
.checkbox label:before,
.inputSpinnerWrapper .button.buttonRaised.inputSpinnerButton,
.inputSpinnerWrapper input.inputSpinnerInput,
.dialogBackdrop .dialogWrapper .dialogContainer .dialogHeader,
.dialogBackdrop .dialogWrapper.bookingSupportModal .dialogContainer .dialogBody .supportModalItem,
.continueButtonSection,
.menu,
.menu li.seperator:after,
.expressCheckoutOrLine,
.stripeElement,
.bookingManagerMenu:after,
.bookingManagerMenu ul.bookingManagerMainMenu,
.bookingManagerMenu ul li a {
    border-color: #dadada;
}
.inventoryItemInformation .inventoryInformationSectionBreak.inventoryPrivateOption {
    border-color: #000000;
}
.intl-tel-input .country-list {
border-color: #dadada!important;
}
/*--DATEPICKER STYLES--*/
.mydp .selector,
.mydp .headertodaybtn,
.mydp .caltable,
.mydp .daycell,
.mydp .monthcell,
.mydp .monthtable,
.mydp .weekdaytitle,
.mydp .yearcell,
.mydp .yeartable {
    border-color: #dadada!important;
}
/*--DATEPICKER STYLES--*/
/*--DATEPICKER STYLES--*/
.mydp .selector:before,
.mydp .selectorarrow:before,
.mydp .selectorarrow:before {
    border-bottom-color: #dadada!important;
}
/*--DATEPICKER STYLES--*/
section.bookingSteps ul li span.step.bookingStepActive,
section.bookingSteps ul li span.step.bookingStepComplete,
nav.inventoryItemTabsNavigation ul li.active a {
    border-color: #3698e4;
}
article .waiverSignature .waiverSignatureBox { background: #ffffff }

/* ----------------------------------------------------------------
BOOKING SITE MENU
-----------------------------------------------------------------*/
header.bookingSiteHeader .logo a h1,
header.bookingSiteHeader nav.mainMenu ul li a,
header.bookingSiteHeader nav.mainMenu ul li .selectWrapper:after,
header.bookingSiteHeader nav.mainMenu ul li select.input,
nav.mobileMenu ul li a,
aside.mobileMenuPopUp header.mobileMenuHeader h6 {
    color: #434c5e;
}
header.bookingSiteHeader nav.mainMenu a.shoppingBasketButton span {
    color: #d3a357;
}
header,aside.mobileMenuPopUp {
    background: #ffffff;
}
header.bookingSiteHeader.transparentHeader {
    background: transparent;
}
@media (max-width: 959px) {
  header.bookingSiteHeader,
  header.bookingSiteHeader.transparentHeader {
    background: #ffffff;
  }
}

/* ----------------------------------------------------------------
CALENDAR COLOURS
-----------------------------------------------------------------*/
.closedTimeSlot,
.button.closedTimeSlot {
    color: #ffffff;
    background: #ed344e;
}
.availableTimeSlot,
.button.availableTimeSlot {
    color: #ffffff;
    background: #52b266;
}
.partiallyBookedTimeSlot,
.button.partiallyBookedTimeSlot {
    color: #ffffff;
    background: #e2a603;
}
.blockedTimeSlot,
.button.blockedTimeSlot {
    color: #ffffff;
    background: #ed344e;
}
.soldOutimeSlot,
.button.soldOutimeSlot {
    color: #ffffff;
    background: #ed344e;
}
.callToBookTimeSlot,
.button.callToBookTimeSlot {
    color: #ffffff;
    background: #2a569c;
}

/* ----------------------------------------------------------------
CUSTOMER
-----------------------------------------------------------------*/

/* TESTING */

.inventoryItemMetaList {
  font-weight: 600;
  font-size: 20px !important;
}

.inventoryItemMeta ul.inventoryItemMetaList li {
    display: inline-block;
    position: relative;
    float: left;
    height: 24px;
    margin-right: 8px;
    font-size: 22px;
    line-height: 1;
    text-transform: uppercase;
}
.cardTimeSlot {
    background-color: #d4f8d4; 
    color: #000000; 
    opacity: 0.8;
}

.cardTimesContainer .cardTimeSlotUnavailable {
    background-color: red;
    opacity: 0.6;
}

.cardTimesContainer .cardTimeSlotCallToBookActive {
    background-color: #d4e4f2;
    opacity: 0.6;
}

.cardTicketPurchaseContainer {
  position: relative;
}

.cardTicketPurchaseContainer::after {
  content: "Please ensure that the date and time of your booking are correct.";
  display: block;
  text-align: center; /* Center text horizontally */
  margin-top: 20px;   /* Create space between the container and the content */
  position: relative; /* Keeps the element in the flow of the document */
}

.bookingAsideButtonWrapper::before {
  content: "Please ensure that the date and time of your booking are correct.";
  display: block;
  text-align: center; /* Center text horizontally */
  margin-bottom: 10px;   /* Create space between the container and the content */
  position: relative; /* Keeps the element in the flow of the document */
}

.continueButtonSection::before {
  content: "When booking multiple rooms, the selected date may reset to the current date. To avoid any mistakes, please ensure the correct dates are selected before finalizing your booking.";
  display: block;
  text-align: center; /* Center text horizontally */
  margin-bottom: 15px;   /* Create space between the container and the content */
  position: relative; /* Keeps the element in the flow of the document */
}


/* END TEST */

/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mZ8WDm7Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mf8WDm7Q.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2mT8WDm7Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Fqj2md8WA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7EyjmmZ8WDm7Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Eyjmmf8WDm7Q.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7EyjmmT8WDm7Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7Eyjmmd8WA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7F6iGmZ8WDm7Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7F6iGmf8WDm7Q.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7F6iGmT8WDm7Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rubik Bold'), local('Rubik-Bold'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7F6iGmd8WA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7FCimmZ8WDm7Q.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7FCimmf8WDm7Q.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7FCimmT8WDm7Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Rubik Black'), local('Rubik-Black'), url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7FCimmd8WA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body, input, .input,h1, h2, h3, h4, h5, h6 {
    font-family: Rubik, Arial, Helvetica, sans-serif;
}
.bookingSiteHeader {
	background: #000;
}
header.bookingSiteHeader nav.mainMenu ul li a{
	color: #FFF;
  font-size: 14px;
}
.card {
    border-color: transparent;
  opacity: 0.67;
      padding: 0 !important;
    margin: 0 0 20px 0;
  height: 100%;
  transition: opacity 1s ease;
}
.card:hover {
  opacity: 1;
}
.card .cardContent {
    padding: 15px 160px 15px 15px;
  position: relative;
}
.card .cardContent h3 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
}
.cardBookButtonWrapper {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.card .cardContent .cardDescriptionPricingWrapper {
    margin-bottom: 0;
}

section.inventoryGridLayout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  padding: 0 15px;
}
section.inventoryGridLayout:after {
    display: none;
}
section.pageHeading h2 {
    margin-bottom: 5px;
    font-size: 36px;
    line-height: 1.4;
    font-weight: bold;
}
section.inventoryGridLayout > div {
    flex-basis: calc(50% - 20px);
}
section.inventoryGridLayout > div > .cardContainer {
    display: inline-block;
    position: relative;
    float: none;
    width: 100%;
  height: 100%;
    /* flex-basis: calc(50% - 20px); */
}
.button.buttonRaised{
    border: 1px solid #D3A357;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 15px 32px;
    line-height: 1;
    font-weight: bold;
    font-size: 14px;
  transition: all .3s ease;
}
.button.buttonRaised:hover{
    background: #D3A357;color: #FFF;
}
.continueButtonSection  .button.buttonRaised,
.bookingAsideButtonWrapper .button.buttonRaised{
    background: #D3A357;
  color: #000;
}
.bookingAsideAddNewBooking > .button.buttonRaised{
	border: none;
}
section.filtersMenu a.button.filterSort {
    padding: 0 20px;
  border: 1px solid #D3A357;
    box-sizing: border-box;
    border-radius: 2px;
    font-weight: bold;
    font-size: 14px;
  transition: all .3s ease;
}
.button.iconButton {
    display: flex;
    justify-content: center;
    align-items: center;
  margin-left: 5px;
}
section.filtersMenu a.button.iconButton.gridListButton i {
    top: 0;
}
section.filtersMenu a.button.iconButton.gridListButton i.icon-menu {
   top: 0;
}
section.filtersMenu a.button.iconButton.gridListButton.first {
    border-radius: 2px 0 0 2px;
    margin-right: -1px;
  border: 1px solid #D3A357;
}
section.filtersMenu a.button.iconButton.gridListButton.last {
    border-radius: 0 2px 2px 0;
  border: 1px solid #D3A357;
}
article .inventoryItemInformation h3 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
}
.inputContainer.requiredInput label, label.requiredLabel {
    padding-right: 10px;
    color: #D3A357;
    font-weight: bold;
}
aside .bookingAsideWrapper .bookingAsideHeading {
    padding: 15px 20px;
    display: none;
}
aside .bookingAsideWrapper .bookingAsideContent {
    padding-top: 20px;
    padding-bottom: 0;
}
nav.inventoryItemTabsNavigation ul li span{
    color: #D3A357;
    font-weight: bold;
}
.inventoryItemInformation .inventoryItemMeta ul.inventoryItemMetaList li {
    display: flex;
    align-items: center;
}
.inventoryItemInformation .inventoryItemMeta ul.inventoryItemMetaList i {
    color: #D3A357;
    font-size: 20px;
}
.inlineMydp .mydp .caltable, .inlineMydp .mydp .daycell, .inlineMydp .mydp .monthcell, .inlineMydp .mydp .monthtable, .inlineMydp .mydp .weekdaytitle, .inlineMydp .mydp .yearcell, .inlineMydp .mydp .yeartable {
    border: none;
}
.mydp .daycell.currmonth {
    background: #1D1D1D;
    transform: scale(.9);
    border-radius: 4px;
  	color: #858585;
}
.mydp .daycell.selectedday {
    background: #FFF !important;
  color: #141414 !important;
  border-radius: 4px !important;
}
.mydp .daycell.selectedday .markcurrday, .mydp .markcurrmonth, .mydp .markcurryear {
    text-decoration: none;
}
.transactionBreakdownValue span{
	font-weight: bold;
}
.inputSpinnerWrapper input.inputSpinnerInput:disabled {
    -webkit-text-fill-color: #000;
    background: #fff;
    color: #000;
    border-radius: 4px;
    margin: 0 5px;
}
.inputSpinnerWrapper .button.buttonRaised.inputSpinnerButton, .inputSpinnerWrapper input.inputSpinnerInput {
    width: calc(33.33% - 5px);
    min-width: calc(33.33% - 5px);
    border-radius: 4px;
    background: #2E2E2E;
    border-color: #2E2E2E !important;
}
select.input.ng-untouched.ng-pristine.ng-valid {
    border-radius: 4px;
}
.inlineMydp .mydp .selector {
   border: none;
}
aside .bookingAsideWrapper .bookingAsidePromoWrapper .promoCodeInputWrapper .button {
    height: 44px;
    line-height: 1;
}
.checkoutContainer .articleBox .formRow {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
.checkoutContainer .articleBox .formRow:after{
  display: none;
  }
.checkoutContainer .articleBox .formRow .formBlock.formBlock33 {
    flex: 0 0 calc(100% / 3 - 5px);
    float: none;
}
.checkoutContainer .articleBox .formRow .formBlock.formBlock50 {
    flex: 0 0 calc(100% / 2 - 5px);
    float: none;
}
.checkoutContainer .articleBox .formRow .formBlock .input{
  border-radius: 4px;
}
.checkoutContainer .articleBox .articleBoxInner h4 span {
    position: relative;
    font-size: 18px;
    font-weight: bold;
}
.checkoutContainer .articleBox  .articleBoxInner h5 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}
.continueButtonSection {
   border: none;
}
@media (max-width: 959px){
header.bookingSiteHeader, header.bookingSiteHeader.transparentHeader {
    background: #000;
}
  header, aside.mobileMenuPopUp {
    background: #000;
}
  header.bookingSiteHeader .logo a h1, header.bookingSiteHeader nav.mainMenu ul li a, nav.mobileMenu ul li a, aside.mobileMenuPopUp header.mobileMenuHeader h6 {
    color: #FFFFFF;
}
}
@media (max-width: 768px){
  section.inventoryGridLayout {
    display: block;
}
  .card .cardContent h3 {
    font-size: 22px;
    line-height: 26px;
}
  section.inventoryGridLayout > div {
    width: 100%;
}
  .card .cardContent {
    padding: 15px 160px 15px 0;
    position: relative;
}
  .cardBookButtonWrapper {
    position: absolute;
    right: 0px;
    bottom: 10px;
}
  .checkoutContainer .articleBox .formRow .formBlock.formBlock33  {
    flex: 0 0 calc(100% / 2 - 5px);
    padding: 0;
}
  .checkoutContainer .articleBox .formRow .formBlock.formBlock50 {
    flex: 0 0 100%;
    float: none;
}
  .inputContainer {
    padding: 0;
}
}
@media (max-width: 599px) {
 	aside .bookingAsideWrapper .bookingAsideHeading {
    	display: block;
    }
}

#completeBooking{display:block !important;};