.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Override the theme's broad hover rule that opens everything */
.dropdown:hover .dropdown-menu {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 2. ONLY show the dropdown that is the direct child of the hovered item */
.dropdown:hover > .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}

/* --- Desktop Layout Override for Header --- */
@media (min-width: 992px) {
    /* 1. Remove overall header background */
    nav.navbar.navbar-expand-lg{
        margin-top:30px !important;
    }
    nav.navbar.navbar-expand-lg.nav-scroll{
        margin-top:0px !important;
    }
    .navbar, .navbar.nav-scroll {
        background: transparent !important;
        box-shadow: none !important;
        padding-top: 30px !important; /* Space from top of page */
    }

    /* 2. Set container to flex */
    .navbar .container {
        position: relative !important;
        display: flex !important;
        justify-content: flex-start !important; 
        align-items: center;
        max-width: 100%;
        padding: 0 50px; /* Adjust left/right outer spacing */
    }

    /* 3. Column 1 (Left): Main Navigation Box */
    .navbar-collapse {
        order: 1; /* Forces the menu to the left side */
        flex-grow: 0 !important;
    }

    .navbar-nav {
        background-color: #FDFCF8 !important; /* Off-white block color */
        margin-left: 0 !important; /* Overrides theme default */
        display: flex;
        align-items: center;
        padding: 0 20px;
    }

    /* 4. Column 2 (Right 1): Logo Box */
    .logo-wrapper {
        position: absolute !important;
        right: 250px; /* Distance from the right edge - adjust as needed to fit the button */
        top: 50%;
        transform: translateY(-50%);
        background-color: transparent !important; 
        padding: 10px 30px !important;
        margin: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 5. Column 3 (Right 2): Book Now Button Box */
    li.cs-menu-btn {
        position: absolute !important;
        right: 50px; /* Push to far right */
        top: 50%;
        transform: translateY(-50%);
        background-color: #ab8a62 !important;
        border-radius: 30px;
        padding: 0 30px !important;
        margin: 0 !important;
        display: flex;
        align-items: center;
        height: 100%;
    }

    /* Keeps links looking neat inside the blocks without touching font-family */
    .navbar-nav .nav-link {
        padding: 15px 15px !important;
    }
    .navbar .navbar-nav .nav-link{
        color:#222 !important;
    }
    .navbar .navbar-nav .cs-menu-btn a{
        color: #fff !important;
    }
    .cs-menu-btn:hover{
        background:#222 !important ;
    }
    
}/* End custom CSS */