/*
Theme Name: Hotel Elegance
Theme URI: https://www.nayrathemes.com/hotel-elegance-free/
Author: Nayra Themes
Author URI: https://www.nayrathemes.com/
Description: Designed for hotels, resorts, and vacation rentals, this theme offers modern layouts to showcase rooms, amenities, and services. It includes booking forms, availability calendars, and gallery sections for a seamless user experience. Fully responsive and customizable, it ensures easy navigation across devices while supporting online reservations, helping hospitality businesses present their brand professionally and attract more guests. View Pro Demo: https://www.nayrathemes.com/demo/pro/hotel-elegance/ and Details: https://www.nayrathemes.com/hotel-elegance-pro/
Template: hotel-26
Version: 1.2
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 4.7
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hotel-elegance
Slug: hotel-elegance
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, photography, portfolio, editor-style, grid-layout, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

.header.header-two {
	position: absolute;
}
body:has(.nojq) .header.header-two {
	margin-top: 32px;
}
body:has(.nojq) .sticky-nav.sticky-menu {
	top: 32px;
}
@media (max-width: 782px) {
	body:has(.nojq) .header.header-two {
		margin-top: 46px;
	}
	body:has(.nojq) .sticky-nav.sticky-menu {
		top: 46px;
	}
}
.header.header-two .navigator-wrapper::before, .header.header-two .navigator-wrapper .not-sticky:not(.sticky-menu) .row.position-relative>[class^="col-"]:last-child::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 75%;
    height: calc(100% + 16px);
    transform: translateY(-50%);
    border-top: 1px solid var(--sp-secondary);
    border-bottom: 1px solid var(--sp-secondary);
}

.booking-section.style2 .hb_input_field:after {
	right: 10px;
}

.wphb_date, .wphb_month, .nav-guest {
	display: none;
}

html[dir="rtl"] .header.header-two .navigator-wrapper::before, html[dir="rtl"] .header.header-two .navigator-wrapper .not-sticky:not(.sticky-menu) .row.position-relative>[class^="col-"]:last-child::before {
    left: 0;
	right: unset;
}

.header.header-two .navigator-wrapper::before {
	width: 50%;
}
@media (max-width: 1399px) {
	.header.header-two .navigator-wrapper::before {
		width: 0;
	}
}

@media (max-width: 991px) {
    .header.header-two .navigator-wrapper .row.position-relative>[class^="col-"]:first-child::before {
		heigth: 100%;
		clip-path: none;
	}
	.booking-section.style2 form .hb-form-table .hb-form-field select, .booking-section.style2 form .hb-form-table .hb-form-field input {
        padding: 8px;
        padding-right: 30px;
    }
	 .booking-section.style2 form .hb-form-table .hb-form-field .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 50px;
    }
	.booking-section.style2 form .select2-container--default .select2-selection--single .select2-selection__arrow {
		width: 38.5px;
	}
}

.breadcrumb-section {
    padding-top: 230px;
}

/* === Slider === */
.slider-wrapper.style2 .main-slider:not(:has(+.booking-container)){
	position: static;
}

.slider-wrapper.style2:not(:has(.booking-container)){
		padding-top: 0;
		padding-bottom: 0;
}
@media only screen and (max-width: 991px) {
    .slider-wrapper.style2.home-2 .theme-slider div.theme-content {
        margin-bottom: 300px;
        margin-top: 70px;
    }	
   .booking-section.style2 {
        margin-top: 300px;
        margin-bottom: -60px;
    }
	.slider-wrapper.style2.home-2 .main-slider:not(:has(+.booking-container)) .theme-slider div.theme-content {
        margin-bottom: 60px;
        margin-top: 160px;
    }
}
@media only screen and (max-width: 767px) {
    .theme-content h1 {
        font-size: 26px;
    }
	.theme-content p {
        margin-bottom: 15px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
	.booking-section.style2 {
        margin-top: 220px;
        margin-bottom: -60px;
    }
	.slider-wrapper.style2.home-2 .theme-slider div.theme-content {
        margin-bottom: 250px;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .theme-slider {
        padding: 250px 0 150px 0;
    }
}

/* == Room Section == */
.room-content {
    padding: 55px 25px;
}