/*
Theme Name: Hotel Stay Booking
Template: destination-hotel-booking
Text Domain: hotel-stay-booking
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/hotel-stay-booking
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Description: Hotel Stay Booking Theme provides a structured layout for presenting accommodation details, room options, booking information, and property facilities. The design includes sections for featured rooms, pricing details, amenities, images, and contact information, helping organize essential details across the website. Its responsive layout adapts content to different screen sizes, while clear navigation supports access to important pages. The theme can display room categories with descriptions, rates, availability information, and booking-related details. Image sections can be used to present rooms, interiors, facilities, and surrounding locations. Call-to-action areas can direct visitors toward booking or inquiry pages. Service and facility sections provide space for information such as dining, parking, Wi- Fi, housekeeping, and other available amenities. A Hotel Stay Booking Theme can also include sections for testimonials, location details, contact information, and reservation instructions. Customizable colors, typography, layouts, and content sections allow the website presentation to be adjusted to specific property requirements. The theme provides a practical structure for organizing accommodation information and making booking-related content easier to access.
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, featured-image-header, full-width-template, translation-ready, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, flexible-header, e-commerce, portfolio, blog
Version: 0.1
Tested up to: 7.1
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1: #FBB191;
    --font-awesome:'FontAwesome';
}
h1, h2, h3, h4, h5, h6,body,p.simplep,#theme-sidebar button[type="submit"], #footer button[type="submit"],.more-btn a{
    font-family: 'Instrument Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6{
    font-weight: bold;
}
.page-box h4 a{
    letter-spacing: unset;
}
#slider{
    clip-path: none;
}
/*look book*/
#service-section{
    margin: 5em 0 0;
}
#service-section .look-img-wrap img{
    width: 100% !important;
    object-fit: cover;
    height: 400px;
}
#service-section .serv-top-title{
    font-size: 17px;
    color: #000;
    font-weight: 500;
}
#service-section h2{
    font-size: 25px;
}
#service-section p.serv-description{
    font-size: 16px;
    font-weight: 500;
    color: #353535;
    line-height: 1.5;
}
#service-section p.look-texts{
    font-size: 17px;
    color: #353535;
    font-weight: 500;
}
#service-section .main-serv-btn{
    display: flex;
    justify-content: center;
    align-items: center;
}
#service-section a.look-btn{
    background: var(--color-primary1);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 17px;
    border: 1px solid var(--color-primary1);
}
#service-section a.look-btn:hover{
    background: transparent;
    color: var(--color-primary1);
}
#service-section .col-lg-8 p.look-texts{
    padding: 0 8em;
}
#service-section .main-serv-btn{
    margin-bottom: 2em;
}
/*img effect*/
#service-section .look-img-wrap {
    position: relative;
    overflow: hidden;
}
#service-section .look-img-wrap img {
    width: 100%;
    display: block;
    transition: transform 0.5s ease;
}
#service-section .look-img-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
#service-section .look-img-wrap:hover img {
    transform: scale(1.08);
}
#service-section .look-img-wrap:hover::after {
    opacity: 1;
}
/*product effect*/
#product-section .product-image {
    overflow: hidden;
}
#product-section .product-image img {
    transition: transform 0.5s ease;
}
#product-section .product-outer:hover .product-image img {
    transform: scale(1.08);
}
/*slider effect*/
#slider .slider-border {
    overflow: hidden;
}
#slider .slider-border img {
    transition: transform 0.5s ease;
}
#slider .item:hover .slider-border img {
    transform: scale(1.08);
}
/*----responsive*/
@media screen and (max-width: 767px){
    .menu-box{
        position: static;
        background: var(--color-primary1);
    }
    #service-section .col-lg-8 p.look-texts{
        padding: 0;
    }
    #service-section .main-serv-btn{
        margin-bottom: 2em;
    }
    #service-section p.serv-description{
        font-size: 15px;
        margin-bottom: 12px !important;
        margin-top: 12px !important;
    }
    #service-section p.look-texts{
        font-size: 14px;
    }
    #service-section a.look-btn{
        font-size: 13px;
        padding: 6px 12px;
    }
    #service-section{
        margin: 3em 0 1em;
    }
}
@media screen and (max-width: 1000px){
    .toggle-nav button{
        background: #fff;
        color: var(--color-primary1);
    }
   .menubar.login-user{
    display: flex;
    justify-content: center;
   }
   .menubar.login-user{
    position: relative;
    z-index: 999;
   }
   #service-section p.serv-description{
        font-size: 15px;
        margin-bottom: 12px !important;
        margin-top: 12px !important;
    }
    #service-section p.look-texts{
        font-size: 14px;
    }
    #service-section a.look-btn{
        font-size: 13px;
        padding: 6px 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px){
   #service-section .col-lg-8 p.look-texts{
    padding: 0;
   }

}

#footer .site-info p {
    color: #ffffff !important;
}