/*
Theme Name: Hotel Elegance
Theme URI:
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.
Template: hotel-26
Version: 1.1
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(#wpadminbar) .header.header-two {
	margin-top: 32px;
}
body:has(#wpadminbar) .sticky-nav.sticky-menu {
	top: 32px;
}
@media (max-width: 782px) {
	body:has(#wpadminbar) .header.header-two {
		margin-top: 46px;
	}
	body:has(#wpadminbar) .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;
}