/* Book - Wrapper - Grid */
:root {
  --bodyBottomPaddingMobile: 0;
}
.book-body { padding-bottom: var(--bodyBottomPaddingMobile); }
.book-body .be-wrapper {
	grid-template-rows: auto 1fr auto;
	grid-template-areas:
		"header"
		"main"
		"sidebarFooter";
}
@media (min-width: 1025px) {
	.book-body { height: auto; width: auto; overflow-y: visible; padding-bottom: 0.5rem; }
	.book-body .be-wrapper { height: auto; }
}

/* Book - Header */
.book-body .be-header { border-bottom: 0.0625rem hsla(var(--black), 10%) solid; }
.book-body .be-header-navigation { display: none; }
@media (min-width: 1025px) {
	.book-body .be-header { position: sticky; position: -webkit-sticky; top: 0; }
	.book-body .be-header-bar { justify-content: space-between; }
}

.book-body .i-header-booking-cart { display: none; }

/* Book - Main */
.book-body .be-main { --sidePadding: 1.5rem; padding: var(--sidePadding); }
@media (min-width: 1025px) {
	.book-body .be-main {
		padding: 0;
		display: grid;
		grid-template-columns: 1fr minmax(auto, var(--mainContainerWithSidebar)) var(--sidebarWidth) 1fr;
		grid-template-areas:
			"header header header header"
			". bookMain bookSidebar .";
	}
	.book-body .book-main { grid-area: bookMain; padding: var(--sidePadding) }
}

/* Book - Sidebar */
.book-sidebar { position: relative; }
#apiresponse .be-loading { padding: 7rem; }
@media (min-width: 1025px) {
	.book-body .book-sidebar { grid-area: bookSidebar; padding: var(--sidePadding) var(--sidePadding) 6rem; }
	.book-body .book-sidebar { scrollbar-color: transparent transparent; } /* Firefox */
	.book-body .book-sidebar:hover { scrollbar-color: hsla(var(--siteColor1), 50%) transparent; } /* Firefox */
  .book-body .book-sidebar::-webkit-scrollbar-track,
  .book-body .book-sidebar::-webkit-scrollbar-thumb { background-color: transparent; }
  .book-body .book-sidebar:hover::-webkit-scrollbar-thumb { background-color: hsla(var(--siteColor1), 50%); }
	.book-body .book-sidebar-footer { margin: 0 calc(var(--sidePadding) * -1); }
}

/* Book - Property Info */
.book-property-info.book-section { margin-bottom: calc(var(--sidePadding) - 0.5rem); }
.book-property-info .book-section-heading { position: relative; top: 0; color: var(--bodyFontColor); position: relative; text-align: center; font-size: 1.25rem; font-weight: var(--wLight); margin: 0; padding: 1rem 0; border-bottom: 0.0625rem hsla(var(--black), 10%) solid; }
.book-property-info .book-section-body p { font-size: 1.4rem; line-height: 1.3; position: relative; text-align: center; padding: 0.75rem 0; border-bottom: 0.0625rem hsla(var(--black), 10%) solid; margin: 0; }
.book-property-info .book-section-body span { font-weight: var(--wBold); color: hsl(var(--siteColor1)); }
.book-main .book-property-info { display: none; }
@media (min-width: 1025px) {
	.book-sidebar .book-property-info .book-section-body { display: none; }
	.book-main .book-property-info { display: block; margin-bottom: 2rem; }
	.book-main .book-property-info .book-section-heading { display: none; }
	.book-main .book-property-info .book-section-body p { font-size: 1.75rem; text-align: left; padding-bottom: 1.5rem; }
}

.card-section { margin-bottom: 2rem; background: hsl(0, 0%, 97.5%); border: none; }
.card-section .book-section-heading { padding: 0.5rem 1rem; background-color: hsl(var(--siteColor4)); font-size: 1.625rem; color: hsl(var(--black)); }
.card-section .book-section-heading.book-terms-and-conditions-heading { background: transparent; color: hsl(var(--bodyFontColor)); }
.card-section .book-section-body { padding: 1rem; }
.card-section .book-secure-body { padding: 0 1rem; }
.card-section.mobile-card-section { visibility: visible; height: auto; }
.card-section.desktop-card-section { visibility: hidden; height: 0; }
@media (min-width: 1025px) {
  .card-section.mobile-card-section { visibility: hidden; height: 0; margin: 0; }
  .card-section.desktop-card-section { visibility: visible; height: auto; }
}

/* Book - Image */
.book-sidebar-img-wrap { position: relative; padding-bottom: 65%; overflow: hidden; border-radius: 0; }

/* Book - Section Defaults */
.book-section { margin-bottom: var(--sidePadding); }
.book-section-heading { font-family: var(--siteFont2), sans-serif; font-size: 1.5rem; position: relative; font-weight: var(--wRegular); color: hsl(var(--siteColor1)); background-color: hsl(var(--white)); z-index: 3; padding: 0.5rem 0; margin: -0.5rem 0 0; }
.book-section-step-heading { color: hsl(var(--bodyFontColor)); font-size: 1.75rem; line-height: 1.3; margin-bottom: 0.25rem; }
.book-section-body .row { --sizing: 0.35rem; margin-left: calc(var(--sizing) * -1); margin-right: calc(var(--sizing) * -1); }
.book-section-body [class^=col] { padding-left: var(--sizing); padding-right: var(--sizing); }
.book-section-body .form-group > .iti { display: block; width: 100%; }
@media (min-width: 1025px) {
	.book-section-body .form-group.has-selectpicker { min-height: 4.42425rem; }
}

/* Book - Quote List */
.book-quote { position: relative; }
.book-quote-list { margin: 0; padding: 0; }
.book-quote-item { --quoteItemPadding: 0.6rem; line-height: 1; padding: var(--quoteItemPadding) 0; list-style: none; display: flex; align-items: center; justify-content: space-between; border-bottom: 0.0625rem hsla(var(--bodyFontColor), 10%) solid; }
.book-quote-item-text,
.book-quote-item-group { position: relative; display: flex; align-items: center; }
.book-quote-item-price { opacity: 1; display: flex; align-items: baseline; letter-spacing: 0.03125rem; transition: opacity 0.25s ease-in-out; }
.book-quote-item-toggle { display: block; padding: 0; }
.book-quote-item-toggle-group { display: flex; flex-grow: 1; }
.book-quote-item-toggle-btn { margin: 0; padding: var(--quoteItemPadding) 0; border-radius: 0; background-color: transparent; justify-content: space-between;	align-items: center; flex-grow: 1; }
.book-quote-item-toggle-btn:focus,
.book-quote-item-toggle-btn:active,
.book-quote-item-toggle-btn:hover { box-shadow: none; }
.book-quote-item-toggle-btn .icon { color: hsl(var(--siteColor1)); margin: 0 0.5rem; }
.book-quote-item-toggle-btn.toggled .icon { transform: rotate(180deg); }
.book-quote-item-toggle-btn.toggled .book-quote-item-price { opacity: 0; }
.book-quote-item-toggle-btn .book-quote-item-text,
.book-quote-item-toggle-btn .book-quote-item-price { color: hsl(var(--bodyFontColor)); font-weight: var(--wRegular); }
.book-quote-item-toggle-list { border: none; margin: 0; padding: 0; height: auto; max-height: 0; overflow: hidden; transition: all ease-in-out 0.2s; }
.book-quote-item-toggle-list .book-quote-item { padding-left: 2.25rem; font-style: italic; }
.book-quote-item-toggle-list .book-quote-item:first-child{ border-top: 0.0625rem hsla(var(--bodyFontColor), 10%) solid; }
.book-quote-item-toggle-list .book-quote-item:last-child { border-bottom: none; }
.book-quote-total { font-size: 1.25rem; font-weight: var(--wBold); border: none; }
.book-quote-total .book-quote-item-price sup { font-weight: var(--wBold); }
.book-quote-optional { margin-top: 1.5rem; }
.book-quote-optional p.h5 { font-weight: var(--wRegular); border-bottom: 0.0625rem hsla(var(--bodyFontColor), 10%) solid; padding-bottom: 0.25rem; }
.book-quote-optional .book-quote-item { padding: calc(var(--quoteItemPadding) - 0.1rem) 0; }
.book-quote-optional-list .book-quote-item-group { margin-left: 0.5rem; }
.book-quote-item span[data-toggle=tooltip] .icon { width: 1rem; height: 1rem; }

/* Book - Price Breakdown */
.book-price-breakdown { position: relative; }
.book-price-breakdown-quote { position: relative; }

/* Book - Payment Schedule */
.book-payment-schedule-list { margin: 0; padding: 0; }
.book-payment-schedule-list-item { padding: 0.5rem 0; list-style: none; border-bottom: 0.0625rem hsla(var(--black), 10%) solid; }
.book-payment-schedule-list-item:last-child { border-bottom: none; }
.book-payment-schedule-list-item-price { font-weight: var(--wBold); }

/* Book - Protect Your Trip */
.book-protect-trip fieldset { margin: 0 1rem; }
.book-protect-trip .form-check-inline { margin: 0 0 0.5rem; }
.book-protect-trip .form-check-label { align-items: flex-start; }
.book-protect-trip .form-check-label span { margin-left: 0.35rem; }

/* Book - Promo Code */
.book-promo-code .col:last-child { max-width: 7rem; }

/* Book - Secure */
.book-secure { padding-bottom: var(--sidePadding); border-bottom: 0.0625rem hsla(var(--black), 10%) solid; }
.book-secure-body { text-align: center; }
.book-secure .alert { display: flex; justify-content: center; align-items: center; padding: 0.75rem 1rem; }
.book-secure .alert .icon { margin-right: 0.75rem; }
.book-secure-cards .icon { width: 2.5rem; height: 2.5rem; margin: 0 0.125rem; }
.book-payment-info .book-secure-cards { display: none; }
@media (min-width: 1025px) {
	.book-secure-body .book-secure-cards { display: none;  }
	.book-payment-info .book-secure-cards { display: flex; justify-content: center; align-items: center; }
	.book-payment-info .book-secure-cards .icon { transition: all ease-in-out 0.2s; }
	.book-payment-info .book-secure-cards .icon.dim { opacity: 0.25; }
	.book-payment-info .book-secure-cards .icon.active { opacity: 1; }
	.book-payment-info .book-secure-cards .icon.visa.active { color: hsl(244deg 39% 42%); }
	.book-payment-info .book-secure-cards .icon.mastercard.active { color: hsl(206deg 60% 45%); }
	.book-payment-info .book-secure-cards .icon.amex.active { color: hsl(166deg 45% 41%); }
	.book-payment-info .book-secure-cards .icon.discover.active { color: hsl(198deg 42% 75%); }
}

/* Book - Contact Info */
.book-contact-info .book-contact-info-remind-me-to-book-btn { background-color: hsla(var(--siteColor1), 10%); }

/* Book - Billing Info */
.book-billing-info .form-group.be-checkbox { margin: 1rem 0 1.5rem; }
.book-billing-info .form-check-label span { font-weight: var(--wLight); margin-left: 0.25rem; }
@media (min-width: 1025px) {
	.book-body .book-section-body .form-check-label { display: inline-flex; }
}

/* Book - Terms & Conditions */
.book-terms-and-conditions-heading { margin-bottom: 0.625rem; padding-bottom: 0; }
.book-terms-and-conditions .alert { font-weight: var(--wBold); }
.book-terms-and-conditions-box { margin-bottom: 1rem; padding: 0; }
.book-terms-and-conditions-box .be-read-more-wrap { --defaultHeight: 8rem; padding: 1.5rem 0.5rem 1.5rem 1.5rem; border: 0.0625rem hsla(var(--black), 10%) solid; border-radius: var(--borderRadiusCheckbox) var(--borderRadiusCheckbox) 0 0; margin-bottom: 0; }
.book-terms-and-conditions-box .be-read-more-btn { width: 100%; margin-top: -0.0625rem; border-radius: 0 0 var(--borderRadiusCheckbox) var(--borderRadiusCheckbox); }
.book-terms-and-conditions .be-opt-in { padding: 0; border: none; }
.book-terms-and-conditions-content { padding-right: 1rem; max-height: 31vh; }
.book-terms-and-conditions-box .be-read-more-wrap.open .book-terms-and-conditions-content { overflow: auto; }
@media (min-width: 1025px) {
	.book-terms-and-conditions-content { max-height: 43vh; }
}

/* Book - Sidebar Footer */
.book-sidebar-footer { grid-area: sidebarFooter; background-color: hsl(var(--white)); padding: 1.5rem; border-radius: var(--borderRadius) var(--borderRadius) 0 0; box-shadow: var(--dropShadow), var(--dropShadow); position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; }
.book-sidebar-footer-action-wrap {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas: "action";
}
.book-sidebar-footer-action .btn { font-size: 1.125rem; text-transform: uppercase; padding: 1.25rem 1.5rem; }
.book-sidebar-footer-action .btn.disabled { opacity: 0.75; }
.book-sidebar-footer-action .btn .icon { position: relative; }
.book-sidebar-footer-action { grid-area: action; display: flex; }
.book-sidebar-footer-action-price { margin-right: 1rem; line-height: 1.125; letter-spacing: 0.03125rem; display: flex; flex-direction: column; justify-content: center; }
.book-sidebar-footer-action-price-heading { font-weight: var(--wThin); -webkit-font-smoothing: auto; margin-bottom: 0.125rem; }
.book-sidebar-footer-action-price-amount { font-size: 1.25rem; font-weight: var(--wBold); display: flex; align-items: baseline; line-height: 1; }
.book-sidebar-footer-action-price-amount sup { font-weight: var(--wBold); }
.book-sidebar-footer-action-btn-content { width: 100%; }
.book-sidebar-footer-action-btn-loading .icon { animation: spin-animation 0.75s infinite; }
.book-sidebar-footer .book-sidebar-footer-alerts { margin: -0.25rem 0 1rem; }
.book-sidebar-footer .book-sidebar-footer-alerts.all-alerts-hidden { margin: 0; }
.book-sidebar-footer .book-sidebar-footer-alerts .alert { margin: 0.25rem 0 0; padding: 0; /* padding: 0.75rem 1rem; */ background: transparent; border: none; font-size: 85% !important; }
.book-sidebar-footer .book-sidebar-footer-alerts .alert p { margin: 0; }
.book-sidebar-footer .book-sidebar-footer-alerts .alert p span { font-weight: var(--wBold); }
.book-sidebar-footer .book-sidebar-footer-alerts .alert.submission-hide { display: none !important; }
.book-sidebar-footer .book-sidebar-footer-confirm-booking-btn { display: flex; justify-content: center; position: relative; color: hsl(var(--white)); background-color: hsl(var(--siteColor1)); font-weight: var(--wMedium); }
.book-sidebar-footer .book-sidebar-footer-confirm-booking-btn.disabled { cursor: default; color: hsl(var(--white)); background-color: hsla(var(--siteColor1), 85%) !important; }
.book-sidebar-footer .book-sidebar-footer-confirm-booking-btn .book-sidebar-footer-action-btn-content,
.book-sidebar-footer .book-sidebar-footer-confirm-booking-btn .book-sidebar-footer-action-btn-loading { display: flex; justify-content: center; align-items: center; }
.book-sidebar-footer .book-sidebar-footer-confirm-booking-btn .book-sidebar-footer-action-btn-loading:before { content: ""; display: block; animation: spin-animation 0.75s infinite; width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; border: 0.25rem solid currentColor; border-radius: 50%; border-top-color: transparent; }
@media (min-width: 1025px) {
	.book-body .book-sidebar .book-sidebar-footer { display: block; position: fixed; bottom: 0; left: auto; right: auto; }
	.book-sidebar-footer-action .btn { font-size: 1.125rem; text-transform: uppercase; padding: 0.75rem 1.5rem; }
  /* .book-sidebar-footer .book-sidebar-footer-alerts .alert { padding: 0.5rem 1rem; } */
}

/* Book - Payment Info Card */
.book-payment-info-card { height: 200px; background-color: var(--placeholderBG);  }
.book-payment-info-card[data-jp-card-initialized] { background-color: transparent; }
.book-payment-info-card .jp-card.jp-card-identified { box-shadow: none; }
.book-payment-info-card .jp-card-logo span,
.book-payment-info-card .jp-card-logo span .elec { font-size: 1rem; }
.book-payment-info-card .jp-card-logo.jp-card-visa span { font-size: 1.5rem; }
.book-payment-info-card .jp-card-logo.jp-card-mastercard span { display: block; transform: scale(0.65); position: relative; top: 0; left: -0.6rem; }
.book-payment-info-card .jp-card-logo.jp-card-discover span { display: block; transform: scale(0.5) translate(-0.75rem, -0.375rem); }
.book-payment-info-card .jp-card .jp-card-back .jp-card-display,
.book-payment-info-card .jp-card .jp-card-front .jp-card-display { opacity: 1; color: hsl(var(--bodyFontColor)); }
.book-payment-info-card .jp-card.jp-card-identified .jp-card-back .jp-card-display,
.book-payment-info-card .jp-card.jp-card-identified .jp-card-front .jp-card-display { color: hsl(var(--white)); }
.book-payment-info-credit-card-number-wrap { position: relative; }
.book-payment-info-credit-card-number-mark { position: absolute; top: 50%; right: 0.75rem; z-index: 2; line-height: 1; transform: translateY(-50%); }
.book-payment-info-credit-card-number-mark-accepted { color: var(--success); }
.book-payment-info-credit-card-number-mark-rejected { color: var(--danger); cursor: pointer; }
#expSelects .has-selectpicker .btn-outline,
#expSelects .has-selectpicker .dropdown-toggle { width: 100%; border-radius: var(--borderRadiusCheckbox) }

/* Book - Validation Error Message Positions */
.selectpicker.error + .error { top: -1.125rem; z-index: 2; }
.be-counter-group label.error { top: 100%; right: auto; }
#promoCode-error { top: 75%; right: 0.125rem; }
#bookPaymentInfoCreditCardNumber-error { top: 100%; right: auto; text-transform: capitalize; }
#bookPaymentInfoCreditCardExpirationDate-error { top: -0.25rem; }

/* Book - Travel Insurance Modal */
.book-travel-insurance-modal .i-modal-footer-bar { flex-direction: column; align-items: center; }
.book-travel-insurance-modal .i-modal-footer-bar .i-modal-footer-bar-option { width: 100%; }
.book-travel-insurance-modal .i-modal-footer-bar .i-modal-footer-bar-option:first-child { margin-bottom: 0.5rem; }
.book-travel-insurance-modal .i-modal-footer-bar .i-modal-footer-bar-option button { display: flex; width: 100%; }
@media screen and (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
  .book-travel-insurance-modal .i-modal-footer-bar { flex-direction: unset; align-items: center; }
  .book-travel-insurance-modal .i-modal-footer-bar .i-modal-footer-bar-option { width: auto; }
  .book-travel-insurance-modal .i-modal-footer-bar .i-modal-footer-bar-option:first-child { margin-bottom: 0; }
  .book-travel-insurance-modal .i-modal-footer-bar .i-modal-footer-bar-option button { display: inline-flex; width: auto; }
}
@media (min-width: 1025px) {
  .book-travel-insurance-modal .i-modal-footer-bar { flex-direction: unset; align-items: center; }
  .book-travel-insurance-modal .i-modal-footer-bar .i-modal-footer-bar-option { width: auto; }
  .book-travel-insurance-modal .i-modal-footer-bar .i-modal-footer-bar-option:first-child { margin-bottom: 0; }
  .book-travel-insurance-modal .i-modal-footer-bar .i-modal-footer-bar-option button { display: inline-flex; width: auto; }
}

.book-terms-conditions-modal .i-modal-footer-bar { justify-content: center; background: hsl(355, 70%, 91%); }
.book-terms-conditions-modal .i-modal-footer-bar.terms-checked { background: hsl(134, 41%, 88%); }
.book-terms-conditions-modal .i-modal-footer-bar label { font-weight: var(--wBold); }
.book-terms-conditions-modal .i-modal-footer-bar label.disabled { pointer-events: none; }
@media (min-width: 1025px) {
  .book-terms-conditions-modal .i-modal-footer-bar { border-radius: 0 0 var(--borderRadius) var(--borderRadius); }
}