@import url('https://fonts.cdnfonts.com/css/canela-text-trial');
@import url('https://fonts.cdnfonts.com/css/friz-quadrata');

.elementor-kit-4,
:root {
	--main-font: var(--wp--preset--font-family--canela-web), sans-serif;
	--heading-font: 'Friz Quadrata', sans-serif;
/* 	--e-global-typography-secondary-font-family: var(--main-font) !important;
	--e-global-typography-text-font-family: var(--main-font) !important;
	--e-global-typography-887fca2-font-family: var(--main-font) !important;
	--e-global-typography-ddef5dd-font-family: var(--main-font) !important;
	--e-global-typography-83feff9-font-family: var(--main-font) !important;
	--e-global-typography-22d23c6-font-family: var(--main-font) !important;
	--e-global-typography-3b4c014-font-family: var(--main-font) !important;
	--e-global-typography-43080ae-font-family: var(--main-font) !important;
	--e-global-typography-76ebce8-font-family: var(--main-font) !important;
	--e-global-typography-be97cc2-font-family: var(--main-font) !important; */
	--white: #ffffff;
	--main-color: #345E64;
	--primary-color: #af9631;
	--secondary-font: #b7985d;
	--gray-color: #615753;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.elementor-heading-title{
	font-family: Georgia !important;
}
html, body {
	overflow-x: hidden;
}
body {
	font-family: var(--main-font);
}

.main-nav-bar {
	position: absolute;
	top: 0;
}
.reservation-box .elementor-image-box-title a {
	font-size:14px;
}

.highlight{
	color: var(--primary-color)
}
.font-smoothing-auto *,
.font-smoothing-auto{
	-webkit-font-smoothing: auto;
}
/* Ensure the container doesn't restrict the fixed overlay */
.mobile-menu {
	position: static !important;
}

/*  The Slide-in Panel */
.mobile-menu nav.hfe-nav-menu__layout-horizontal.hfe-dropdown {
	position: fixed !important;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	max-width:100vw;
	height: 100vh;

	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;

	transform: translateX(100%);
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;

	left: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	padding: 30px 20px;
}



.mobile-menu nav.hfe-nav-menu__layout-horizontal.hfe-dropdown.menu-is-active {
	transform: translateX(0) !important;
}
.elementor-hidden-desktop.main-nav-bar .e-con-inner .elementor-widget-image {
	z-index:10000;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
	top:120px;
}


.mobile-menu .hfe-nav-menu__toggle {
	position: relative;
	z-index: 999999;
}


.mobile-menu ul.hfe-nav-menu {
	width: 100% !important;
	padding: 0 !important; 
	margin: 0 !important;
	list-style: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important; 
	justify-content: center !important;
}

.mobile-menu ul.hfe-nav-menu li {
	width: 100% !important; 
	margin: 0 !important; 
	display: block !important;
	border: 0px !important;
	text-align: center !important; 
}

.mobile-menu ul.hfe-nav-menu li a {
	padding: 0 !important;
	display: inline-block !important; /* Better for centering than block */
	width: auto;
}

body:has(.menu-is-active) {
	overflow: hidden;
}

.mobile-menu .hfe-dropdown-inner {
	width: 100%;
}



/* Nav Items Hover effect */

.desktop-nav .hfe-nav-menu > li .hfe-menu-item {
	position: relative;
	text-decoration: none;
}

/* 1. Base style for the underline on all top-level links */
.desktop-nav .hfe-nav-menu > li .hfe-menu-item::after {
	content: "";
	position: absolute;
	bottom: 5px !important;
	left: 0;
	width: 0; 
	height: 2px;
	background-color:var(--primary-color); /* Your Color */
	transition: width 0.3s ease-in-out;
}

/* 2. Hover state */
.desktop-nav .hfe-nav-menu > li:hover > a::after,
.desktop-nav .hfe-nav-menu > li:hover > .hfe-has-submenu-container a::after {
	width: 100% !important;
}

/* 3. ACTIVE/CURRENT STATE (The Fix) */
/* This targets the <li> that WordPress marks as current and forces the line to 100% */
.desktop-nav .hfe-nav-menu > li.current-menu-item > a::after,
.desktop-nav .hfe-nav-menu > li.current-menu-ancestor > a::after,
.desktop-nav .hfe-nav-menu > li.current-menu-item > .hfe-has-submenu-container a::after,
.desktop-nav .hfe-nav-menu > li.current-menu-ancestor > .hfe-has-submenu-container a::after {
	width: 100% !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* 4. Strictly hide underline for ALL sub-menu items */
.hfe-nav-menu .sub-menu .menu-item::after {
	content: none !important;
}
.mobile-menu .menu-is-active .hfe-nav-menu .hfe-creative-menu a{
	line-height: 50px;
}

.desktop-nav .hfe-nav-menu .nav-phone-number a.hfe-menu-item{
	color:var(--secondary-font) !important ;
}
.desktop-nav .hfe-nav-menu .nav-phone-number:hover a.hfe-menu-item{
	color:var(--primary-color) !important;

}

.menu-item-type-custom {
	cursor:pointer;
}

/* News Letter Form */

/* Container Layout */
.newsletter-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	max-width: 806px;
	padding: 0px 0px  16px 0px;
	margin: auto;
}
.newsletter-row .newsletter-submit .wpcf7-spinner {
	display: none;
}
.wpcf7 form .wpcf7-response-output {
	display:none;
}
@media (max-width: 820px) {
	.newsletter-row {
		padding: 0px 15px  16px 15px;
		max-width:630px;
	}
	.newsletter-submit{
		margin:auto;
	}
	.newsletter-submit .wpcf7-submit {
		padding:0;
	}
}

/* Field Wrappers */
.newsletter-field {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 200px;
}

/* The Underlined Input */
.newsletter-field input {
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid #fff !important; /* Thin white/grey line */
	color: #fff !important; /* Beige/Gold text color */
	padding: 5px 0 !important;
	font-family: serif; /* Matches the image style */
	outline: none;
	border-radius: 0 !important;
}

/* The Label Text Below the Line */
.newsletter-field .field-label {
	color: #ffffff;
	font-family: var(--main-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	margin-top: 0px;
	word-spacing: 2px;
}

/* Submit Button Styling */
.newsletter-submit {
	padding: 0px;
	margin-top: auto;
}

.newsletter-submit input[type="submit"] {
	background: transparent ;
	border: none ;
	color: var(--white) ; /* Brighter gold color */
	font-family: var(--main-font);
	font-weight: 400;
	font-size: 16px;
	cursor: pointer;
	text-transform: capitalize;
	transition: 0.3s;
	text-decoration: underline;
	text-underline-offset: 4px;

}

.newsletter-submit input[type="submit"]:hover {
	color: var(--primary-color) ;
}

/* Responsive for Mobile */
@media (max-width: 820px) {
	.newsletter-row {
		flex-direction: column;
		gap: 20px;
	}
	.newsletter-field {
		width: 100%;
	}
}

span.wpcf7-not-valid-tip {
	font-size: 12px;
	font-family: var(--main-font);
	font-weight: 400;
	letter-spacing: 1px;
	position: absolute;
	bottom: -32px;
	right: 0px;
}

/* Gallery */

.custom-gallery .e-con-inner .elementor-widget-image img{
	aspect-ratio:  1 / 1;
	object-fit:cover;
	object-position:center;
}

/* Hero Section */

/* Splide Slide Container */
#hero-slider .splide__slide {
	width: 100%;
	height: 100vh; /* Full screen height */
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

/* Dark Overlay to make text readable */
#hero-slider .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		to bottom, 
		rgba(0, 0, 0, 0.7) 0%,   /* Top: Darkest */
		rgba(0, 0, 0, 0.2) 50%,  /* Middle: Less dark */
		rgba(0, 0, 0, 0.7) 100%  /* Bottom: Darkest */
	);
	z-index: 1;
}

/* Content over the image */
.hero-content {
	position: relative;
	z-index: 2;
	color: white;
	text-align: center;
	max-width: 800px;
	padding: 60px 20px;

	/* Animation Start State */
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.8s ease;
}

/* Splide "is-active" class triggers the animation */
.splide__slide.is-active .hero-content {
	opacity: 1;
	transform: translateY(0);
}

.hero-content .heading {
	font-size: 56px; /* Responsive font size */
	font-family:var(--main-font);
	font-weight: 400;
	margin-bottom: 4px;
}

.hero-content span.sub-heading {
	display: block;
	font-family: var(--main-font);
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 2px;
	margin-bottom: 22px;
}

.hero-content .content-wrapper {
	font-size: 20px;
	font-family:var(--main-font);
	color:var(--white);
	max-width: 632px;
}
@media(max-width:991px) {
	.hero-content p {
		font-size: 16px;
	}
}



/* Customizing Splide Arrows and Pagination */
.hero-slider .splide__arrow {
	background: rgba(255, 255, 255, 0.2) !important;
	width: 60px !important;
	height: 60px !important;
	border:none;
	border-radius:50%;
}
.hero-slider .splide__pagination{
	bottom: 1em;
}
.hero-slider .splide__pagination__page,
.hero-slider .splide__pagination__page:hover{
	border:none;
	background:var(--gray-color);
	border-radius:50%;
	height:10px ;
	width:10px ;
	padding:0;
}
.hero-slider .splide__pagination__page.is-active {
	background: #007bff !important;
	transform: scale(1);
	background:var(--primary-color) !important;
}
.hero-slider .splide__arrow {
	line-height:0;
}
.hero-slider .splide__arrow svg {
	fill: #fff;
	height: 1.2em;
	width: 1.2em;
}
.hero-slider .splide__arrow--prev {
	left: 4%;
}
.hero-slider .splide__arrow--next {
	right: 4%;
}


/* Awards section */
.award-contact-details a{
	text-decoration: none;
	color: white;
	font-size: 16px;
}
.award-contact-details a:hover{
	color: var(--primary-color);
	text-decoration: underline;

}

/* Slide Item Styling */
.awards-section .splide__slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.awards-section .splide__slide img {
	height: 133px;
	transition: transform 0.3s ease;
	object-fit: contain;
}

.awards-section .splide__arrow {
	opacity: 1;
	border: none;
	padding: 0;
}
.awards-section .splide__arrow:hover,
.awards-section .splide__arrow:focus {
	background: none;
}

.awards-section .splide__arrow svg {
	fill: #fff;
	width: 1.5em;
	height: 1.5em;
}

.awards-section .splide__arrow--prev {
	left: -10px;
}
.awards-section .splide__arrow--next {
	right: -10px;
}

/* Remove default pagination dots */
.awards-section .splide__pagination {
	display: none;
}

/* HOme PAge */

.home-menus .elementor-icon-list-items .elementor-icon-list-item a {
	text-underline-offset: 8px;
	color:var(--white);
}
.home-menus .elementor-icon-list-items .elementor-icon-list-item a:hover {
	color:var(--primary-color);
}


/* content hidden toggle  */

/* Hide the content by default */
.content-text-hidden {
	display: none;
}
.elementor-widget-text-editor p a {
	color: var(--white);
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
	text-decoration: underline;
}
.elementor-widget-text-editor p a:hover {
	color: var(--primary-color);
	text-decoration: underline;
}
.image-45-percent{
	height:100%;
}

.margin-top-auto {
	margin-top: auto !important;
}


/* Inner Pages */
h1.inner-hero-title {
	font-size: 46px;
	font-family:var(--main-font);
	font-weight:400;
	color:var(--white);
	letter-spacing: 0px;
	word-spacing: 0px;
}
@media(max-width:991px) {
	h1.inner-hero-title {
		font-size: 36px;
	}
}
@media(max-width:767px) {
	h1.inner-hero-title {
		font-size: 28px;
	}
}

/* Contact page */
/* .custom-leather-form  textarea{
	height: 90px;
}
.custom-leather-form input[type=text],
.custom-leather-form input[type="email"], 
.custom-leather-form input[type="tel"],
.custom-leather-form  textarea{
	background:transparent;
	border: 0 ;
	border-bottom: 1px solid var(--white) ;
	border-radius: 0;
	color:var(--white);
	font-size:16px;
	font-family:var(--main-font);
	padding:0;

}
.custom-leather-form input[type=text]:focus,
.custom-leather-form input[type="email"]:focus, 
.custom-leather-form input[type="tel"]:focus,
.custom-leather-form textarea:focus {
	outline: none;
	border-bottom: 1px solid #ccc; 
}
.custom-leather-form label{
	color: white;
	font-family: var(--main-font);
	margin-top: 16px
}
.custom-leather-form input[type="submit"] {
	border:0;
	padding:0;
	color:var(--white);
	font-family:var(--main-font);
	font-size: 24px;
	text-decoration: underline;
	text-underline-offset: 8px;

}
@media(max-width:991px) {
	.custom-leather-form input[type="submit"]  {
		font-size: 20px;
	}
}
.custom-leather-form input[type="submit"]:hover,
.custom-leather-form input[type="submit"]:focus{
	background: transparent;
	color:var(--primary-color)
}
.custom-leather-form{
	max-width: 370px;
	margin-top:50px;

}
.custom-leather-form .field-wrap {
	margin-bottom: 40px;
}
.custom-leather-form .submit-wrap {
	margin-top: -10px
} */
.custom-leather-form{
  --cream:#f7f4ea;
  --ink:#161412;
  --ink-soft:rgba(22,20,18,0.6);
  --line:rgba(22,20,18,0.18);
  --ember:#a63b26;
  --ember-bright:#c14b32;
}
 
.custom-leather-form .field-wrap{ position:relative; margin-bottom:22px; }
.custom-leather-form .field-wrap p{ margin:0; }
 
.custom-leather-form .field-label{
  position:absolute;
  top:-8px;
  left:12px;
  z-index:1;
  padding:0 6px;
  background:var(--cream);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
 
.custom-leather-form .wpcf7-form-control-wrap{ position:relative; display:block; }
 
.custom-leather-form .wpcf7-form-control{
  width:100%;
  background:transparent;
  border:1px solid var(--line);
  color:var(--ink);
  font-family:inherit;
  font-size:15.5px;
  padding:16px 14px 12px;
  outline:none;
  box-sizing:border-box;
  transition:border-color .25s ease, box-shadow .25s ease;
}
 
.custom-leather-form .wpcf7-form-control::placeholder{ color:rgba(22,20,18,0.3); }
 
.custom-leather-form textarea.wpcf7-form-control{
  resize:vertical;
  min-height:56px;
  line-height:1.55;
}
 
.custom-leather-form .wpcf7-form-control:hover{ border-color:rgba(22,20,18,0.4); }
 
.custom-leather-form .wpcf7-form-control:focus{
  border-color:var(--ink);
  box-shadow:0 0 0 1px var(--ink);
}
 
.custom-leather-form .submit-wrap{ margin-top:14px; }
.custom-leather-form .submit-wrap p{ margin:0; }
 
.custom-leather-form .wpcf7-form-control.wpcf7-submit{
  width:100%;
  background:var(--ink);
  border:1px solid var(--ink);
  color:var(--cream);
  font-family:inherit;
  font-weight:600;
  font-size:12.5px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  padding:15px 20px;
  cursor:pointer;
  transition:background .25s ease, border-color .25s ease, transform .2s ease;
}
 
.custom-leather-form .wpcf7-form-control.wpcf7-submit:hover{
  background:var(--ember);
  border-color:var(--ember);
  transform:translateY(-2px);
}
.custom-leather-form .wpcf7-form-control.wpcf7-submit:active{ transform:translateY(0); }
 
.custom-leather-form .wpcf7-form-control:focus-visible,
.custom-leather-form .wpcf7-form-control.wpcf7-submit:focus-visible{
  outline:2px solid var(--ember-bright);
  outline-offset:3px;
}
 
.custom-leather-form .wpcf7-spinner{ display:none; }
 
/* response output sits just outside .custom-leather-form in CF7's markup,
   so it's scoped via the wpcf7 wrapper id instead — replace with your
   form's actual wrapper id if different */
#wpcf7-f268-p8-o1 .wpcf7-response-output{
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid rgba(22,20,18,0.18);
  font-size:13px;
  color:rgba(22,20,18,0.6);
}
 
@media (prefers-reduced-motion: reduce){
  .custom-leather-form .wpcf7-form-control,
  .custom-leather-form .wpcf7-form-control.wpcf7-submit{ transition:none !important; }
}
/* sub menu NAv */
.contains-sub-menu .hfe-has-submenu-container .hfe-menu-item .sub-arrow,
.hfe-has-submenu .hfe-has-submenu-container .hfe-menu-item .sub-arrow{
	display: none;
}
#menu-item-42 .sub-menu {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: max-height 0.5s ease-in-out, opacity 0.3s ease;
	height: auto !important; 
}

/* 2. State when open */
#menu-item-42 .sub-menu.sub-menu-open {
	max-height: 500px; 
	opacity: 1;
	visibility: visible;
}
/* FUll width submenu */


.mobile-menu ul li a {
	width: 100% !important;
	display: block !important;
}

/* Menu Icons */

.home-menus .elementor-icon-list-item a {
	display: flex ;
	flex-direction: column ;
	align-items: center; 
	justify-content: center ;
	text-align: center;
	width: 100%;
}

.home-menus .elementor-icon-list-icon {
	margin-right: 0 ;
	margin-bottom: 8px; 
	display: flex ;
	justify-content: center ; 
	align-items: center;
	width: 100%; 
}

.home-menus .elementor-icon-list-icon svg {
	width: 40px ; 
	aspect-ratio: 1 / 1;
	margin: 0 auto !important; 
	display: block;
}

.home-menus .elementor-icon-list-item {
	display: flex ;
	justify-content: center;
	align-items: center ;
}
.home-menus .elementor-icon-list-item .elementor-icon-list-text {
	padding: 0px !important;
}
.home-menus .elementor-icon-list-items {
	gap: 20px 0;
}

/* Dining Options  */

.dining-options .elementor-icon-box-wrapper .elementor-icon {
	padding:20px;
	border-radius:50%;
	box-shadow: 0 4px 15px 0 rgba(97, 87, 83, 0.2);
}
.dining-options .elementor-icon-box-wrapper:hover .elementor-icon {
	color: white !important;
	background:  var(--main-color);
	transform:scale(1.2);
}
@media(max-width: 991px) {
	.dining-options .elementor-icon-box-wrapper .elementor-icon {
		padding:12px;
	}
	.award-contact-details a{

		font-size: 16px;
	}
}

body:has(.hfe-dropdown.menu-is-active) {
	overflow: hidden !important;
	height: 100vh !important;
	/* Extra protection for iOS Safari */
	touch-action: none; 
	position: fixed;
	width: 100%;
}

/* sidebar submenu */
.mobile-menu ul.sub-menu.sub-menu-open li a{
	font-size:16px;
	color:var(--primary-color) !important;
	line-height: 36px !important;
}
.mobile-menu ul.sub-menu.sub-menu-open li{
	/*     border-bottom: 1px solid color-mix(in srgb, var(--primary-color), transparent 80%) !important; */
	/*      border-top: 1px solid color-mix(in srgb, var(--primary-color), transparent 80%) !important; */
}
.mobile-menu ul.sub-menu.sub-menu-open li + li {
	/*     border-top: none !important; */
}

/* Aditional fixes */
p.elementor-image-box-title a{
	color:var(--primary-color);
}
.elementor-icon-box-title a,
.elementor-icon-box-title a:hover{
	color:var(--white);
}
.elementor-icon-box-wrapper{
	display:flex;
	flex-direction:row;
	align-items:center;
}
@media(max-width:767px){
	.elementor-element.elementor-element-6caa4b0.e-con-full.dining-options.e-flex.e-con.e-child {
		width:auto;
		margin-left:auto;
		margin-right:auto;
	}
}
.mobile-menu .hfe-nav-menu-icon svg {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
}
.elementor-hidden-desktop .elementor-image-box-wrapper .elementor-image-box-img{
	margin: auto !important;
}

@media(max-width:1720px) {
	.elementor-502 .elementor-element.elementor-element-a9678db img {
		max-width:200px !important;
	}
}

body:not(.rtl) .elementor-502 .elementor-element.elementor-element-a9678db.absolute-image-top { 
	top: clamp(-40px, calc(-40px + (100vw - 1440px) * (40 / 180)), 0px); 
	left: clamp(-200px, calc(-200px + (100vw - 1210px)), 0px);
}
body:not(.rtl) .elementor-247 .elementor-element.elementor-element-d6a3907.absolute-image-bottom {
	right: clamp(-340px, calc(100vw - 1440px), 0px);
}

/* Placeholder Form */

/* Modern Standard */
.newsletter-field input::placeholder,
.custom-leather-form input::placeholder,
.custom-leather-form textarea::placeholder {
	color: #ffffff !important;
	opacity: 0.8; /* Fixes Firefox */
}

/* WebKit (Chrome, Safari, Edge) */
.newsletter-field input::-webkit-input-placeholder,
.custom-leather-form input::-webkit-input-placeholder,
.custom-leather-form textarea::-webkit-input-placeholder {
	color: #ffffff !important;
}

/* Firefox */
.newsletter-field input::-moz-placeholder,
.custom-leather-form input::-moz-placeholder,
.custom-leather-form textarea::-moz-placeholder {
	color: #ffffff !important;
	opacity: 1;
}

/* Internet Explorer / Old Edge */
.newsletter-field input:-ms-input-placeholder,
.custom-leather-form input:-ms-input-placeholder,
.custom-leather-form textarea:-ms-input-placeholder {
	color: #ffffff !important;
}

/* Remove autofill */
.newsletter-field input:-webkit-autofill,
.newsletter-field input:-webkit-autofill:hover, 
.newsletter-field input:-webkit-autofill:focus, 
.newsletter-field input:-webkit-autofill:active {
	transition: none !important;

	background-color: #000000 !important;
	-webkit-box-shadow: 0 0 0px 1000px #000000 inset !important;

	-webkit-text-fill-color: #ffffff !important;
}
.newsletter-field input:-webkit-autofill-previewed {
	background-color: #000000 !important;
	-webkit-box-shadow: 0 0 0px 1000px #000000 inset !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.5) !important; 
}

/* Contact form autofill  */

.custom-leather-form input:-webkit-autofill,
.custom-leather-form input:-webkit-autofill:hover, 
.custom-leather-form input:-webkit-autofill:focus, 
.custom-leather-form input:-webkit-autofill:active,
.custom-leather-form textarea:-webkit-autofill,
.custom-leather-form textarea:-webkit-autofill:hover,
.custom-leather-form textarea:-webkit-autofill:focus,
.custom-leather-form textarea:-webkit-autofill:active {

	/* 1. Strips away the browser's forced solid color backgrounds */
	-webkit-box-shadow: none !important;
	box-shadow: none !important;

	/* 2. Delays the browser's background paint engine for 5,000 seconds */
	transition: background-color 5000s ease-in-out 0s !important;

	/* 3. Forces the input text to stay solid white over your image */
	-webkit-text-fill-color: #ffffff !important;
}


.elementor-hidden-desktop .elementor-image-box-content .elementor-image-box-title {
	line-height: 1;
}
/* Footer instagram icon center fix  */
.elementor-element.elementor-element-c8a1532.elementor-position-inline-start.elementor-mobile-position-inline-start.elementor-view-default.elementor-widget.elementor-widget-icon-box .elementor-icon-box-icon{
	display:flex;
}

@media( max-width: 540px){
	.home-menus ul.elementor-icon-list-items.elementor-inline-items {
		display:grid;
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Image ontop in mobile  */

@media(max-width:767px){
	.aspect-16-9{
		aspect-ratio: 16 / 12 !important;
		position:relative;
		width:100%;
		min-height: 0px;
	}
	.aspect-16-9 {
		border-radius: 0 !important;
		border-radius: 0 0 50% 50% / 0 0 25% 25%;
		clip-path: ellipse(110% 100% at 50% 0%);
	}
	.mobile-height-auto {
		min-height:auto;
		background: var(--main-color) !important;
	}
}
@media(min-width:768px){

	.aspect-16-9.left-gradient::before,
	.aspect-16-9::before{
		background: linear-gradient(
			to right, 
			rgba(0, 0, 0, 0.7) 0%,   
			rgba(0, 0, 0, 0.4) 40%,   
			rgba(0, 0, 0, 0.0) 100%  
		) !important;
	}

	.aspect-16-9.right-gradient::before {
		background: linear-gradient(
			to left, 
			rgba(0, 0, 0, 0.7) 0%,  
			rgba(0, 0, 0, 0.4) 40%,   
			rgba(0, 0, 0, 0.0) 100% 
		) !important;
	}

}

.drinks-gallery .elementor-image-carousel-wrapper {
	height: 100%;
}
.drinks-gallery img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    position: absolute;
    inset: 0;
}
.about-gallery .gallery-columns-3 {
    column-count: 3;
    gap: 10px;
    margin: 10px !important;
}

.about-gallery .gallery-columns-3 .gallery-item {
    max-width: 100% !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
}


/* animation */

div[data-settings*="animation"] .wordwrapper{
	overflow: hidden;
	display: inline-flex;
}
div[data-settings*="animation"] .wordwrapper .word{
	display: inline-flex;
	transform: translatex(-100%);
	transition: 0.8s;
}
.animated .wordwrapper .word{
	transform: translateX(0%) !important;
}