/*!
Theme Name: hotel-spider
Theme URI: https://hybreed.co/
Author: Hybreed.co
Author URI: https://hybreed.co/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hotel-spider
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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


Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.wpml-ls-statics-footer{
	display:none!important;
} 

.site-header{
	transition: 400ms linear;
}
.site-header.hide{
	translate: 0 -100%;
	opacity:0;
}

nav .elementor-nav-menu li{
	margin-bottom:0 !important
}
nav .elementor-nav-menu li a{
	color:#⁨121212 !important;
	font-family: var(--theme-font);
}
.menu-cta a{
  border-radius: 0.5rem;
  background-color: var(--theme-primary-yellow-500);
	color:#000 !important;
	font-weight: 600;
  font-size: 1rem;
}
footer nav .elementor-nav-menu a, footer nav .elementor-nav-menu li{display:block !important;  width: 100%;}



/* Autoplay Tabs Code Start */

.auto-progress-tabs .e-n-tab-title {
  position: relative;
  overflow: hidden;
}

.auto-progress-tabs .tab-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  will-change: transform;
}

/* Vertical support */
.auto-progress-tabs.is-vertical .tab-progress {
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  transform: scaleY(0);
  transform-origin: top;
}

.auto-progress-tabs .tab-progress {
  opacity: 0;
  height: 100%;
}

.auto-progress-tabs .e-n-tab-title[aria-selected="true"] .tab-progress {
  opacity: 0.2;
}
/* Autoplay Tabs Code  End */


/* Zoho Form Code start */

    .custom-zoho-form input[type="text"],
    .custom-zoho-form input[type="email"],
    .custom-zoho-form input[type="tel"],
    .custom-zoho-form select {
        width: 100%;
        height: auto;
        font-size: 1rem;
        border-radius: 0.5rem;
border: 1px solid  #94A3B8;
background-color: var(--theme-white);
        padding: 1rem;
        color: var(--theme-blue-gray-900);
        line-height: 150%;
        letter-spacing: -0.03rem;
        font-family: var(--theme-font);
        font-weight: 400;
    }
:is(.custom-zoho-form input[type="text"],
    .custom-zoho-form input[type="email"],
    .custom-zoho-form input[type="tel"],
.custom-zoho-form select )::placeholder{
	color: #B4BCCC;
}

    .custom-zoho-form label {
		color: var(--theme-blue-gray-900);
        font-size: 1rem;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 0.5rem;
        display: block;
    }

    .custom-zoho-form label em {
        color: red
    }
    .custom-zoho-form .form-fields-wrap{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap:2rem 1.5rem;
        margin-bottom:1.5rem;
    }
     .custom-zoho-form .form-fields-wrap .input-field.full-width{
         grid-column: 1/2 span;
     }
    
    .custom-zoho-form button[type="submit"]{
        width:100%;
        color: #101828;
text-align: center;
font-family: var(--theme-font);
font-size: 1rem;
font-weight: 600;
line-height: 150%;
border:0;
cursor: pointer;
    }
     .custom-zoho-form button[type="submit"] img{
         margin-left: 0.25rem;
         width: 0.5rem;
         height: auto;
     }
     .custom-zoho-form .zf-frmDesc{
         font-size: 1rem;
         line-height: 137.5%;
         color: #667085;
         margin-bottom: 1.5rem;
     }

.custom-zoho-form .phone-wrapper #country_code {
    width: auto;
    border-right:0px;
    border-radius: 0.5rem 0 0 0.5rem;
}
.custom-zoho-form .phone-wrapper {
    display: flex;
    gap: 0;
}
.custom-zoho-form .phone-wrapper input[type="text"]{
    border-left:0px;
    border-radius: 0 0.5rem  0.5rem 0;
}
/* Zoho Form Code start */

body .theme-section:has(.auto-progress-tabs){
	overflow: visible;
}

#toc table a{
	font-weight: 600;
}
@media screen and (max-width: 992px){
	
/* 	Temp Code Start */
	
/* 	body:not(.logged-in.admin-bar, .elementor-editor-active ) :is(main *, header, footer){
		display:none!important;
	}
	body:not(.logged-in.admin-bar, .elementor-editor-active ) main:before{
		    content: "Currently work is in progress, best viewed on Desktop";
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    font-family: "Inter-Tight";
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff;
		
	} */
	
/* 	Temp Code End */	
	
/* 	html{} */
	
	br{
		display:none;
	}
	
	.custom-zoho-form .form-fields-wrap{
        display: grid;
		grid-template-columns: 1fr;
		gap: 1.2rem;
	}
	.custom-zoho-form input[type="text"], .custom-zoho-form input[type="email"], .custom-zoho-form input[type="tel"], .custom-zoho-form select {
    padding: 0.8rem;
}
	.custom-zoho-form .form-fields-wrap .input-field.full-width {
    grid-column: auto;
}
	
}

@media screen and (max-width: 768px){
	
.auto-progress-tabs .e-n-tab-title {
  overflow: visible;
}
	
}
.pi-wrap{position:relative;display:flex;align-items:center;border:1px solid #94A3B8;border-radius:8px; background:#fff;transition:border-color .15s,box-shadow .15s;font-family:inherit;}
    .pi-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
    .pi-trigger{display:flex;align-items:center;gap:6px;padding:0 10px 0 12px;height:58px;cursor:pointer;border:none;background:none;flex-shrink:0;font-family:inherit;transition:background .1s;border-radius:8px 0 0 8px}
    .pi-trigger:hover{background:#f9fafb}
    .pi-flag{font-size:20px;line-height:1;width:24px;text-align:center}
    .pi-code{font-size:13px;font-weight:600;color:#374151;min-width:32px}
    .pi-chevron{border:none;width:12px;height:8px;opacity:.4;transition:transform .15s;flex-shrink:0}
    .pi-chevron.open{transform:rotate(180deg)}
    .pi-input{flex:1;border:none;background:none;height:44px;padding:0 12px;font-size:15px;color:#111827;outline:none;min-width:0;font-family:inherit;}
    .pi-input::placeholder{color:#9ca3af}
    .pi-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:300px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;z-index:99999;box-shadow:0 10px 30px rgba(0,0,0,.12);overflow:hidden;display:none}
    .pi-dropdown.open{display:block}
    .pi-search-wrap{padding:10px;border-bottom:1px solid #f3f4f6}
    .pi-search{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;font-size:13px;background:#f9fafb;color:#111827;outline:none;box-sizing:border-box;font-family:inherit}
    .pi-search:focus{border-color:#6366f1;background:#fff}
    .pi-list{max-height:220px;overflow-y:auto;padding:4px}
    .pi-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:#111827}
    .pi-option:hover,.pi-option.pi-active{background:#f3f4f6}
    .pi-opt-flag{font-size:18px;width:22px;text-align:center;flex-shrink:0}
    .pi-opt-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
    .pi-opt-code{font-size:12px;color:#6b7280;font-weight:600}
    .pi-no-results{padding:16px;text-align:center;font-size:13px;color:#9ca3af}
#international_PhoneNumber_countrycode{display:none}
#country_code{width:100% !important;}

/* .phone-field{width:100% !important;} */
input[type="tel"]{border:none !important}