/**
 * Theme Name:     satori-by-lis
 * Author:         satori Team
 * Template:       hello-elementor
 * Text Domain:	   satori-by-lis
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
@media (max-width: 767px) {

	.elementor-8 .elementor-element.elementor-element-c5e573b{
		padding-bottom:11vh !important;
	}
}
.elementor-8 .elementor-element.elementor-element-d7d55c0 div.input-wrapper{
	height: 60px;
}
.elementor-8 .elementor-element.elementor-element-d7d55c0 button.subscribe-btn{
	border: solid;
    border-width: 0px 0px 0px 3px;
    border-color: #B50104;
}
.elementor-8 .elementor-element.elementor-element-9c840f6 button.subscribe-btn{
	border: solid;
    border-width: 0px 0px 0px 2px;
    border-color: #B50104;
}
.elementor-8 .elementor-element.elementor-element-9c840f6 div.input-wrapper{
	height: 40px;
}
.subscribe-email{
	color: #fff !important;
}

.elementor_library{
	background-color:#000;
}
#mc-embedded-subscribe{
	    font-family: "Blair ITC", Sans-serif;
    font-weight: 500;
    background-color: var(--e-global-color-ada4df9);
    border-style: solid;
    border-width: 0.5px 0.5px 0.5px 0.5px;
    border-radius: 0px 0px 0px 0px;
    color: #fff;
    margin-top: 5px;
    border-color: #fff;
    width: 100%;
}
#mce-EMAIL{
	background-color: transparent;
    border-radius: 0px;
	border-color: #FFF;
}
#mc_embed_signup div.mce_inline_error {
    margin: 0 !important;
}


/*removing cat paw from booking pop-up*/
img.logo2 {
    display: none;
}


/*======================== End copy from additional css in appearanve/cutomize ==================== */




.reservation{
	cursor: pointer;
}
#dmn-partner-widget{

	display: none !important;
	top: 0px !important;
    justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	z-index: 10000 !important;
	position: fixed;
	top:0px;
	max-width: 100% !important;
	width: 100%;
	height: 100%;
	color: #fff !important;
	background-color: #00000070;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
#dmn-widget-inner{
	border: 1px solid #ffffff !important;
	border-radius:0 !important;
	max-width: 300px;
	width: 100%;
	background: #000000 !important;
	box-shadow: 0px 0px 0 3px #be2124 !important;
}
#dmn-partner-widget .footer{
	display: none !important
}
#dmn-partner-widget dic[data-stage="1"]{
	margin-top: 20px !important;
}
#dmn-partner-widget #dmn-widget-inner .stage{
	margin-top: 20px !important;
	background-color: #000000!important
}

#dmn-partner-widget .stage .dropdown{
	background-color: #000000!important
}
#dmn-partner-widget .date-selector .vdp-datepicker .vdp-datepicker__calendar .disabled{
	color: #fff !important;
}
#dmn-partner-widget .date-selector .vdp-datepicker .vdp-datepicker__calendar .cell.day-header{
	color: #fff !important;
}
#dmn-partner-widget #dmn-widget-inner .number-people.number-people-dropdown span, #dmn-partner-widget #dmn-widget-inner .number-people-dropdown.number-people-dropdown span{
	color: #fff !important;
}
#dmn-partner-widget .date-selector .vdp-datepicker .vdp-datepicker__calendar header .prev.next:not(.disabled):after, #dmn-partner-widget .date-selector .vdp-datepicker .vdp-datepicker__calendar header .next.next:not(.disabled):after {
	border-left-color: #fff !important;
}
#dmn-partner-widget .stage .dropdown.dropdown--open .dropdown__title{
	color: #fff !important;
}
#dmn-partner-widget .stage .dropdown svg{
	stroke: #fff !important;
}
.backReservation{
	height: 95vh;
    width: 500px;
    position: absolute;
    background-color: #000000;
    border: solid;
    top: 0px;
}
.headerReservation{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 20px
}
.headerReservationLogo{
	width: 200px;
    height: auto;
	margin-top: 12vh;
	margin-bottom:20px;
}
@media (max-height: 720px) {
	.headerReservationLogo{
		margin-top: 7vh;
	}
	#dmn-widget-inner{
	transform: scale(.86);
    top: -25px;
	}
}
.headerReservationClose{
	width: 25px;
	height: 24px;
	position: absolute;
    right: calc(50vw - 200px);
    top: 50px;
	cursor: pointer
}
.logo2{
	position: absolute;
	bottom: calc((100vh - 725px)/2);
	right: calc((100vw - 350px)/2);
	z-index: 10;
	width: 120px;
	  pointer-events:none;        

}

@media(max-width: 768px){
	.logo2{
		width: 85px;
    	bottom: calc((100vh - 725px)/2);
    	right: calc((100vw - 310px)/2);
	}
	.headerReservationClose{
		right: calc(50vw - 150px)
	}
	.backReservation{
		height: 90vh;
	}
	.backReservation{
		width: 90vw ;
	}
	.headerReservationLogo{
		width: 180px;
		margin-bottom:30px;
	}
}

/* ===================================== hide home page sections for starting animation popup =================================  */

/* ================================================== home page animation ====================================================== */


.page-id-208 .elementor-location-header>div{
	opacity: 0;
/* 	animation: showHomeHeader 2s linear 5s forwards; */
	animation: showHomeHeader 2s linear 8.5s forwards;
}
.page-id-208 .elementor-location-footer,.mobile-home,
.desktop-home {
	overflow-y: hidden ;
	max-height: 0vh ;
	opacity: 0;
	visibility: hidden; /* Hide initially */
	animation: showHomeSections 2s linear 9s forwards; /* Start after the video animation */
/* 	animation: showHomeSections 2s linear 4.5s forwards;  */
	position: relative !important;
}

.video-container {
	z-index: 1000 !important;
	position: fixed !important;
	top: 0;
	animation: hiddenVideo 2s linear 6s forwards;
}

#videoPlayer-mobile{
	display: none
}

.logoHide1{
	opacity: 1 ;
	animation-duration: 2s !important;
  	animation-name: hideImage1 !important;
  	animation-delay: 5s !important;
  	animation-fill-mode: forwards !important;
}
.logoShow1{
	opacity: 0;
	animation-duration: 2s !important;
	animation-name: showImage1 !important;
	animation-delay: 5.5s !important;
	animation-fill-mode: forwards !important;
}
.page-id-208 .logoHide1{
  	animation-delay: 12s !important;
}
.page-id-208 .logoShow1{
  	animation-delay: 12.5s !important;
}

@media(max-width: 768px){
	.page-id-208 .elementor-location-header>div{
		opacity: 0;
		animation: showHomeHeader 2s linear 3s forwards;
	}
	.video-container2{
		max-width: 100vw !important;
		top: 20vh;
	}
	
	.video-container {
		top: 80px;
		max-width: 100vw !important;
    }

	.video-container video{
       max-width: 100vw !important;
    }

	#videoPlayer-desktop{
		display: none;
	}
	#videoPlayer-mobile{
		display: block
	}
	.elementor-tabs-wrapper{
        padding-bottom: 15px;
	}
}

.video-container2{
	z-index: 999 !important;
	position: fixed !important;
	top: 15vh;
	animation: hiddenVideo 2s linear 8.5s forwards;
}



/* ios scrollbar issue */
.elementor-tabs-wrapper[role="tablist"]{
	position: relative;
	z-index: 10
}

.iosScrollBgSecond{
	background-color: #FFFFFFAB;
	border:1px solid #FFFFFFAB;
	position: absolute;
	top: 40px !important;
	right: 0;
	height: 10px !important;
	width: 86% !important;
	display: block !important;
	z-index:1
}

@keyframes hiddenVideo {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		visibility: hidden;
	} 
}

@keyframes showHomeHeader {
	from {opacity:0}
	to {opacity:1}
}

@keyframes showHomeSections {
	from {max-height: 0vh ; opacity: 0; visibility: hidden;}
	to {max-height: 100% ; opacity: 1; visibility: inherit; overflow-y: visible ;}
}

@keyframes showImage1 {
  0% {
	  transform: scale(0.2);
	  opacity: 0;
  }
 
  100% {
	  opacity: 1;
	  transform: scale(1);
  }
}

@keyframes hideImage1 {
  0% {
	  transform: scale(1);
	  opacity: 1;
  }
 
  100% {
	  transform: scale(0.2);
	  opacity: 0;
  }
}

/* ================================== Gift Card ========================================== */

/* ================================== woocomerce ========================================== */


.elementor-widget-woocommerce-cart .woocommerce .coupon .button{
	width: 250px;
    height: 40px;
    background-color: var(--e-global-color-ada4df9);
    font-family: "Blair ITC", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    border-style: solid;
    border-width: 0.5px 0.5px 0.5px 0.5px;
    border-radius: 0px 0px 0px 0px;
}
.woocommerce .wc-proceed-to-checkout .checkout-button,#payment #place_order,.woocommerce button.woocommerce-button{
	background-color: var(--e-global-color-ada4df9)!important;
	line-height: 10px !important;
    height: 40px !important;
        font-size: 16px !important;
    font-family: "Blair ITC", Sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    border-style: solid !important;
    border-width: 0.5px 0.5px 0.5px 0.5px !important;
    border-radius: 0px 0px 0px 0px !important;
}
.woocommerce-error{
	background-color: var(--e-global-color-ada4df9) !important;
}
.woocommerce ul.order_details li,.woocommerce-order p,.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table th,.woocommerce-order h2,.woocommerce-order span,.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tfoot td,.woocommerce-order address{
	color: #fff !important;
}

/* Hide recaptcha_v3 */
.elementor-field-type-recaptcha_v3{
  display: none !important;
}