/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@font-face {
   font-family: "Roboto-Mono-Font";
   src: url("/wp-content/uploads/2025/04/Roboto-Mono-Font.eot"); /* IE9 Compat Modes */
   src: 
      url("/wp-content/uploads/2025/17/Roboto-Mono-Font.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("/wp-content/uploads/2025/17/Roboto-Mono-Font.woff2") format("woff2"), /* Modern Browsers */
      url("/wp-content/uploads/2025/17/Roboto-Mono-Font.woff") format("woff"), /* Most Browsers */
      url("/wp-content/uploads/2025/17/Roboto-Mono-Font.ttf") format("truetype"), /* Safari, Android, iOS */
      url("/wp-content/uploads/2025/17/Roboto-Mono-Font.svg#LetterGothicStd") format("svg"); /* Legacy iOS */
}
@font-face {
   font-family: "Letter Gothic";
   src: url("/wp-content/uploads/2025/07/Letter-Gothic-Regular.eot"); /* IE9 Compat Modes */
   src: 
      url("/wp-content/uploads/2025/07/Letter-Gothic-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("/wp-content/uploads/2025/07/Letter-Gothic-Regular.woff2") format("woff2"), /* Modern Browsers */
      url("/wp-content/uploads/2025/07/Letter-Gothic-Regular.woff") format("woff"), /* Most Browsers */
      url("/wp-content/uploads/2025/07/Letter-Gothic-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
      url("/wp-content/uploads/2025/07/Letter-Gothic-Regular.svg") format("svg"); /* Legacy iOS */
}
body p{
   font-family: "Letter Gothic", monospace !important;
}
body .main-header-section.active-bg {
	background-color: #fff;
}
.main-header-section:not(.active-bg) .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text {
    color: #fff;
}

/*Updated banner style*/
.home-banner-sections .swiper-pagination-bullet.swiper-pagination-bullet{
	background:transparent;
	border: 2px dotted #fff;
	border-radius: 50px;
	opacity:1;
}
.home-banner-sections .swiper-pagination-bullet.swiper-pagination-bullet-active{
	position:relative;
}
.home-banner-sections .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	content: '';
	position: absolute;
	height: 22px;
	width: 22px;
	border-radius: 50px;
	background: aliceblue;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.home-banner-sections .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:transparent;
}
.home-banner-sections .elementor-widget-n-carousel .swiper-pagination-bullet:hover{
	background:transparent;
}
/*Updated banner style end */

.home-banner-section .swiper-pagination-bullet.swiper-pagination-bullet{
	background:transparent;
	border: 2px dotted #fff;
	border-radius: 50px;
	opacity:1;
}
.home-banner-section .swiper-pagination-bullet.swiper-pagination-bullet-active{
	position:relative;
}
.home-banner-section .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	content: '';
	position: absolute;
	height: 33px;
	width: 33px;
	border-radius: 50px;
	background: aliceblue;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.home-banner-section .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:transparent;
}
.home-banner-section .elementor-widget-n-carousel .swiper-pagination-bullet:hover{
	background:transparent;
}
/* slider style  */
.common-slider .swiper-pagination-bullet.swiper-pagination-bullet{
	background:transparent;
	border: 2px dotted #fff;
	border-radius: 50px;
	opacity:1;
}
.common-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
	position:relative;
}
.common-slider .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	content: '';
	position: absolute;
	height: 33px;
	width: 33px;
	border-radius: 50px;
	background: aliceblue;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.common-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:transparent;
}
.common-slider .elementor-widget-n-carousel .swiper-pagination-bullet:hover{
	background:transparent;
}

/* slider style  */
/* Heading Entry and Exit Animation */
@keyframes letterEntry {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes letterExit {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(100%);
	}
}

/* Heading Styles */
.heading-anm  .elementor-heading-title {
	overflow: hidden;
/* 	display: inline-flex; */
}

.heading-anm  .elementor-heading-title span {
	display: inline-block;
	opacity: 0;
	white-space: pre;
	animation-fill-mode: both;
}

/* Animation Classes */
.animate-in span {
	animation: letterEntry 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.animate-out span {
	animation: letterExit 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
/* Image Masking Animation */
.scroll-mask-section {
    height: 200vh; 
    position: relative;
  }
  
  .scroll-container {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .sticky-mask {
    position: relative;
    width: 100%;
    height: 100vh;
/*     display: flex;
    align-items: center;
    justify-content: center; */
    overflow: hidden;
/*     background-color: black; */
  
    /* Mask setup */
    -webkit-mask-image: url('/wp-content/uploads/2025/05/circle-2.svg');
    mask-image: url('/wp-content/uploads/2025/05/circle-2.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 30%;
    mask-size: 30%;
  }

/* Image Slide Animation */
/* CSS */
.entry-img-animation {
  position: relative;
  overflow: hidden;
}

.entry-img-animation::before {
	z-index: 9;
  transition: width 3s ease-in-out;
	opacity: 1 !important;
}

/* Animation trigger class */
.entry-img-animation.animate::before {
  width: 0%;
}
/* Initial blur state */
.blur-text, .blur-column {
  filter: blur(4px);
  transition: filter 1s ease-out;
}

/* Unblurred state */
.blur-text.unblur, .blur-column.unblur {
  filter: blur(0);
}

/* If you want staggered animation for columns */
.blur-column.unblur > * {
  animation: unblurChildren 0.6s ease-out forwards;
}

@keyframes unblurChildren {
  from { filter: blur(4px); }
  to { filter: blur(0); }
}

/* Sticky Dish Style */
.heading-hightlight-container-box {
            position: sticky;
            top: 44%;
            z-index: 100;
            height: 60px;
            overflow: visible;
        }

        .heading-sticky {
            position: absolute;
            width: 100%;
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        .heading-sticky.active {
            opacity: 1;
            pointer-events: auto;
        }

        /* New character animation styles */
        .heading-sticky .elementor-heading-title {
        overflow: hidden;
        }

        .heading-sticky .elementor-heading-title .char {
        opacity: 0;
        display: inline-block;
        transform: translateY(100%);
        transition: all 0.5s ease var(--delay);
        }

        .heading-sticky.active .elementor-heading-title .char {
        opacity: 1;
        transform: translateY(0);
        }

        /* Rest of existing styles remain unchanged */
/*         .aside-dish-menu {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
        } */
/* 		.aside-dish-menu {
			position: fixed;
			right: 20px;
			top: 50%;
			transform: translateY(-50%);
		} */

        .elementor-heading-title {
            transition: font-weight 0.3s ease;
        }

        .elementor-heading-title.active {
            font-weight: 700;
            color: red;
        }

        .breakfast-container-box,
        .lunch-container-box,
        .cocktails-container-box {
/*             margin-bottom: 100vh;
            padding: 80px 0 20px; */
            display: flex;
            flex-wrap: nowrap;
            gap: 60px;
/* 			min-height: 100vh; */
        }

        .heading-hightlight-container-box h2 {
            position: absolute;
            left: 50%;
            color: red;
            font-size: 100px;
            transform: translatex(-50%);
            text-align: center;
        }

/* .menu-section .aside-dish-menu {
	opacity: 0;
	transition: all 0.3s;
}
.menu-section.visible-aside-menu .aside-dish-menu {
	opacity: 1;
	transition: all 1.5s;
} */

@media (max-width:1500px){
	.menu-section .aside-dish-menu{
	left:-40px !important;
}
}

@media(max-width:767px){
	.elementor-widget-breadcrumbs #breadcrumbs {
		position: absolute;
		width: 380px;
	}
	.home-banner-sections .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
		height: 12px;
		width: 12px;
	}
	.home-banner-section .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
		height: 12px;
		width: 12px;
	}
	.common-slider .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
		height: 12px;
		width: 12px;
	}
	.scroll-mask-section {
		height: 110vh !important;
	}
	.sticky-mask {
		height: 50vh !important;
	}
	.scroll-container{
		height: 50vh !important;
	}
	.elementor-widget-video .elementor-wrapper{
		aspect-ratio: 12/12 !important;
	}
	.breakfast-container-box,
        .lunch-container-box,
        .cocktails-container-box {
            gap: 20px !important; 
        }
	.menu-section .aside-dish-menu span::after {
		width: 29px !important;
		height: 2px !important;
		right: -13px !important;
	}
	.menu-section .aside-dish-menu{
		left:-22px !important;
/* 		top:250px !important; */
	}
	.image-section .scroll-container::after {
		background-size:contain !important;
	}
}
@media (max-width:425px){
	.home-banner-sections .right-side-text .elementor-widget-container{
        --e-transform-translateX: 230px !important;
        --e-transform-translateY: 150px !important;
	}
	.home-banner-sections .right-side-text p{ 
		width:440px;
	}
}


/********************************/
.menu-section .aside-dish-menu span a.active{
      font-weight: bold !important;
      color: #000 !important;
    }
.menu-section .aside-dish-menu span::after {
	content: '';
	position: absolute;
	width: 57px;
	height: 3px;
	background-color: #000;
	top: 13px;
	right: -18px;
	transform: translate(100%, 0%);
}

.reviews-section .e-con-inner{
	width:100%;
	max-width:1617px;
	margin-left:auto;
	margin-right:0;
}


/* Location page style */
.booking-section{
	display:none;
}
.menu-section .aside-dish-menu span a.active .heading-sticky span{
	color:#fff;
}

/*********** Logo Animation ***************/
@keyframes spin-in-place {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.rotate-me img{
  animation: spin-in-place 6s linear infinite;
  transform-origin: center center;
  display: inline-block;
}
/*********** Logo Animation end ***************/
/*********** Image Animation ***************/
.rotate-image img{
  animation: spin-in-place 15s linear infinite;
  transform-origin: center center;
  display: inline-block;
}
/*********** Image Animation end ***************/
.image-section .scroll-container{
	overflow:hidden;
}
.image-section .scroll-container::after {
	position: absolute;
	content: '';
	background-image: url("/wp-content/uploads/2025/05/Layer_1-2.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto;
	width: 100%;
	height: 100%;
	animation: spin-in-place 6s linear infinite;
	transform-origin: center center;
	display: inline-block;
}


/* Location page Booking From Style */

/* Location page Booking From Style END*/


/**************************************************************
 		New Tab Section Css code Here
***************************************************************/
	.main-tab-section #e-n-tab-title-2251276642 .e-n-tab-title-text:after {
		  content: '//';
		  right: -50px;
		  position: absolute;
		  color: #053A45;
	}
	.main-tab-section #e-n-tab-title-2251276642 .e-n-tab-title-text:before{
		content: '//';
		left: -50px;
		position: absolute;
		color: #053A45;
	}