/*
Theme Name:     Bellevue - Child Theme
Theme URI:      https://bellevuetheme.com
Template:       bellevuex
Author:         Themovation
Author URI:     http://themovation.com
Version:        4.0
Text Domain:    bellevue
Domain Path:    /languages/
*/


/* = Theme customization starts here
-------------------------------------------------------------- */


/* Global
-------------------------------------------------------------- */

/* Menu fixes (on mobile) */
.tph-menu__hamburger .hfe-nav-menu-icon i:before { color: white; }
@media only screen and (max-width: 1024px)
{
	.tph-menu__col--1,
	.tph-menu__col--3 { flex: 0 0 clamp(98px, 38%, 160px); } /* make sure that col 1 and col 3 share same width-rules, so that col 2 is always exactly centered*/
	.tph-menu__col--2 { flex: 1; }
	
	nav.menu-is-active.hfe-dropdown { top: 56px !important; } /* prevent mobile dropdown menu from overlapping things above it */
	
	.content-editor > .elementor > .elementor-top-section:first-child .elementor-widget-themo-header { margin-top: 74px; } /* prevent hero heading from being "under" the mobile menu */
	.content-editor > .elementor > .elementor-top-section:first-child .elementor-widget-themo-header .elementor-icon-box-title { font-size: clamp(28px, 8vw, 48px); } /* hero font-size adjustments (is too big otherwise) */
}
@media only screen and (max-width: 414px)
{
	.tph-menu__col .elementor-widget-wrap { padding: 8px 4px !important; }
	
	.tph-menu__col--3 .elementor-button { padding: 12px; }
	.tph-menu__col--3 .elementor-button-text { font-size: 12px; }
	
	nav.menu-is-active.hfe-dropdown { top: 48px !important; } /* prevent mobile dropdown menu from overlapping things above it */
	
	.elementor-top-section .elementor-widget-themo-header { margin-top: 62px; } /* prevent hero heading from being "under" the mobile menu */
}

/* Footer */
footer p a,
footer p a:target,
footer p a:active,
footer p a:focus,
footer p a:hover { color: white; }



/* Page-specific
-------------------------------------------------------------- */

/* Accommodation page > "Check Availaibility" and "Confirm Reservation" buttons (fix styling problems with MotoPress buttons due to the fact that they're INPUTS) */
.mphb-booking-form input.mphb-reserve-btn,
.mphb-booking-form input.mphb-confirm-reservation { white-space: normal; font-size: 16px !important; line-height: 1.3em; }

/* "NEED HELP COORDINATING?" section */
@media only screen and (max-width: 414px)
{
	.tph-need-help .elementor-heading-title { font-size: clamp(18px, 6vw, 26px); }	
}



/* Booking Confirmation page > "Choose Additional Services" checkboxes */
.th-form-stacked .mphb_sc_checkout-wrapper.frm_forms.with_frm_style form #mphb-booking-details input[type="checkbox"] { appearance: auto; }

/* Booking Confirmation page > hide "(Free)" on the "Convert 2 single beds..." service */
.mphb_sc_checkout-services-list label em { display: none; }

.elementor-widget-themo-mphb-checkout-form table.mphb-price-breakdown .mphb-price-breakdown-rate:after { content: "(11% VAT included)"; display: inline; margin-left: 1em; font-size: 80%; }


/* Checkout page */
body.woocommerce-checkout .woocommerce-checkout-review-order { padding-bottom: 26px; }
body.woocommerce-checkout .create-account { display: none; } /* hide the "Create an account?" checkbox because it has no effect because the master-setting in Accommodations > Settings > "Automatically create an account for a user at checkout." overrides this even if user leaves it un-checked */
body.woocommerce-checkout .woocommerce-billing-fields [data-automation-id="woo-commerce-subscription-opt-in"] { display: none; }



/* Privacy Policy page */
.tph-privacy-policy-heading { margin-top: calc(var(--global--spacing-vertical) * 2) !important; font-family: "Dreamboat" !important; font-size: 40px; }
body.privacy-policy .content-editor h5 { margin-top: calc(var(--global--spacing-vertical) * 2) !important; }
@media only screen and (max-width: 1024px)
{
	.tph-privacy-policy-heading { font-size: 32px; }
}
@media only screen and (max-width: 767px)
{
	.tph-privacy-policy-heading { font-size: 26px; }
}