/* ----------------------------------------------------------------
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: #2857a8;
}
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: #faf2fa;
}
.intl-tel-input .country-list .country {
    color: #faf2fa!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: #faf2fa!important;
}
.checkbox label:after {
    border-color: #faf2fa;
}
.inputSpinnerWrapper input.inputSpinnerInput:disabled {
  -webkit-text-fill-color: #faf2fa;
}
/*--DATEPICKER STYLES--*/
h1, h2, h3, h4, h5, h6,
.bookingManagerMenu ul li a {
    color: #fcf4fc;
}
.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: #050005;
}
.intl-tel-input .country-list {
    background-color: #050005!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: #050005!important;
}
/*--DATEPICKER STYLES--*/
section.resovaCalendar table td.activeTimeSlot:after {
  border-bottom-color: #050005;
}
/*--DATEPICKER STYLES--*/
.mydp .selector:after,
.mydp .selectorarrow:after {
  border-bottom-color: #050005!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: #2857a8;
}
@media (max-width: 959px) {
    header.bookingSiteHeader,
    header.bookingSiteHeader.transparentHeader {
        background: #000000;
    }
}

/* ----------------------------------------------------------------
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: #faebfa;
}
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: #faebfa;
}
.inventoryItemInformation .inventoryInformationSectionBreak.inventoryPrivateOption {
    border-color: #050005;
}
.intl-tel-input .country-list {
border-color: #faebfa!important;
}
/*--DATEPICKER STYLES--*/
.mydp .selector,
.mydp .headertodaybtn,
.mydp .caltable,
.mydp .daycell,
.mydp .monthcell,
.mydp .monthtable,
.mydp .weekdaytitle,
.mydp .yearcell,
.mydp .yeartable {
    border-color: #faebfa!important;
}
/*--DATEPICKER STYLES--*/
/*--DATEPICKER STYLES--*/
.mydp .selector:before,
.mydp .selectorarrow:before,
.mydp .selectorarrow:before {
    border-bottom-color: #faebfa!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: #2857a8;
}
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: #ffffff;
}
header.bookingSiteHeader nav.mainMenu a.shoppingBasketButton span {
    color: #d3a357;
}
header,aside.mobileMenuPopUp {
    background: #000000;
}
header.bookingSiteHeader.transparentHeader {
    background: transparent;
}
@media (max-width: 959px) {
  header.bookingSiteHeader,
  header.bookingSiteHeader.transparentHeader {
    background: #000000;
  }
}

/* ----------------------------------------------------------------
CALENDAR COLOURS
-----------------------------------------------------------------*/
.closedTimeSlot,
.button.closedTimeSlot {
    color: #ffffff;
    background: #d6112e;
}
.availableTimeSlot,
.button.availableTimeSlot {
    color: #ffffff;
    background: #52b266;
}
.partiallyBookedTimeSlot,
.button.partiallyBookedTimeSlot {
    color: #ffffff;
    background: #e2a603;
}
.blockedTimeSlot,
.button.blockedTimeSlot {
    color: #ffffff;
    background: #bf0020;
}
.soldOutimeSlot,
.button.soldOutimeSlot {
    color: #ffffff;
    background: #d6112e;
}
.callToBookTimeSlot,
.button.callToBookTimeSlot {
    color: #ffffff;
    background: #1c3796;
}

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

/* THADDEUS TESTING */

/* Add explainer text for call-to-book */
.cardTimesContainer::after {
    font-weight: bold;
    content: "NOTE: Blue slots fall outside our available session times, but may be available for functions and private event bookings (subject to staff availability) - please email us to enquire. Additional venue hire fee may apply.";
}

/* Colour-code the session time blocks */
.cardTimeSlot {
    background-color: green;
    opacity: 0.8;
}

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

.cardTimesContainer .cardTimeSlotCallToBookActive {
    background-color: blue;
    opacity: 0.6;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 60px; /* Set to match your visual needs */
    padding: 0 4px; /* Prevent text overflow */
}

/* Force inner wrappers to stop interfering */
.cardTimeSlotCallToBookActive .cardTimeSlotLabelsContainer,
.cardTimeSlotCallToBookActive .cardTimeSlotTimeContainer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Fix span alignment */
.cardTimeSlotCallToBookActive .cardTimeSlotTime {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: white;
}

/* Parent slot - blue background, center everything inside */
.cardTimeSlotCallToBookActive {
    background-color: blue;
    opacity: 0.6;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px; /* Ensure height is consistent */
    text-align: center;
    padding: 0 4px;
}

/* Force wrappers to cooperate with centering */
.cardTimeSlotCallToBookActive .cardTimeSlotLabelsContainer,
.cardTimeSlotCallToBookActive .cardTimeSlotTimeContainer {
    display: contents; /* removes span block interference */
}

/* Final fix: style the time itself */
.cardTimeSlotCallToBookActive .cardTimeSlotTime {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: white;
}

/* Time display styling */
.cardTimeSlotTime {
    display: inline-block;
    font-weight: bold;
    color: white;
}

/* Remove the extra conflicting flex rule */
.cardTimesContainer .cardTimeSlotCallToBookActive .cardTimeSlotTime {
    /* Removed the conflicting flex here */
}

/* Change the cursor to a "no" when hovering unbookable times - booked, blocked or call-to-book */
.cardTimesContainer .cardTimeSlotCallToBookActive:hover {
    cursor: not-allowed;
}

/* TESTING: hide the phone icon */
.icon-phone_circle_filled {
    display: none;
    width: 0px;
}

/* END THADDEUS 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;};