/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 27 2025 | 22:38:11 */
/* General */
/* Footer Logo */
.footer-logo{
	filter:brightness(0) invert(1);
}
/* Rooms */
.elementor-74 .elementor-element.elementor-element-e5f6ec2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]{
	font-family:"lust-script-display", Sans-serif;
}
/* Contact Form Page */
.page-id-83 .elementor-220{
	position:relative;
		
}
.page-id-83 .elementor-220::before{
	content:"";
	width:100%;
	position:absolute;
	height:100%;
	top:0;
	left:0;
	opacity:10%;
	background-color:#41AAA4;
}
.contact-wrapper{
	position:relative;
}
.page-id-83 .contact-wrapper::before{
	content:"";
	width:100%;
	position:absolute;
	height:60%;
	top:auto;
	bottom:0;
	left:0;
	opacity:10%;
	background-color:#41AAA4;
}
/* Contact Form */
.forminator-input,.forminator-textarea{
	border-color:#c2b39c !important;
	border-radius:5px !important;
}
.forminator-label{
	font-size:14px;
	color:#c2b39c !important;
}
.forminator-error-message{
	color:#ff9797 !important;
	padding: 0 !important;
		font-size:14px !important;
}
.forminator-button-submit{
	background-color:#163d5c;
	border-radius:50px !important;
	color:#fff !important;
	padding:8px 18px;
	font-size:16px;
}
.forminator-button-submit:hover{
	background-color:#41AAA4;
}
.forminator-row.forminator-row-last {
    display: flex;
    justify-content: end;
}

/* Booking Module */
.booking-block-module{
    position:relative;
	display:inline-block;
}
.booking-dates{
  display:flex;
    border-top-left-radius:10px;
  border-top-right-radius:10px;
  overflow:hidden;
    background-color:rgba(65,170,164,.9);
  backdrop-filter:blur(5px);
  width:max-content;
	 flex-wrap: wrap;
	position:relative;
}
/* .booking-dates:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	
	background-image:url('http://bigarade.diizz.com/wp-content/uploads/2025/09/home-dining-back-image.jpg');
	background-position:center;
	background-size:cover;
} */
.booking-dates .block{
  padding:10px;
  text-align:center;
    justify-content:center;
  align-items:center;
  display:flex;
  flex-direction:column;
	  flex: 1; 
	z-index:2;
	position:relative;
}

.booking-dates .block{
  border-right:1px solid #fff;
}
.booking-dates .block p{
  font-size:16px;
  color:#fff;
  font-weight:normal;
  margin:0;
    font-family:"Poppins", sans-serif;
}
.booking-dates .block:nth-child(3){
    border:none !important;
}
.booking-dates .block:last-child{
    border:none !important;
}
.booking-dates .block.button{
  background-color:#163D5C;
    padding: 0 10px;
	transition: all 300ms ease-out;
	border:none;
}
.booking-dates .block.button:hover{
  background-color:#C2B39C;
}
.booking-dates .block.button button{
  border:none;
  background:none;
  color:#fff;
  font-size:16px;
  font-weight:medium;
  font-family:"Poppins", sans-serif;
	
}
.booking-dates .block input{
  text-align:center;
    width: 100px !important;   /* let it size naturally */
  background:none;
  border:none;
  color:#fff;
  padding:0;
  font-size:16px;
  font-family:"Poppins", sans-serif;
	outline:none;
}
.booking-dates .block input::placeholder{
    color:#fff;
  font-size:16px;
}
@media(max-width:480px){
	.booking-dates .block br{
		display:none !important;
	}
	.booking-dates .block{
		padding:20px 5px !important;
	}
	.booking-dates .block.last{
	flex-basis: 100%;
}
	.booking-dates{
  width:auto;
		overflow:hidden;
		border-bottom-left-radius:10px;
			border-bottom-right-radius:10px;
}
	.booking-dates .block.button{
		padding:10px 5px !important;
	}
}
/* @media(max-width:360px){
		.booking-dates .block{
	flex-basis: 100%;
}
	.booking-dates .block{
  border-bottom:1px solid #fff;
		border-right:none;
}
} */
.e-con-inner{
	position:relative;
}
.clickable { cursor: pointer; }

#guest-picker button {
  width: 30px;
  height: 30px;
  margin: 0 5px;
  cursor: pointer;
}
#guest-picker span {
  display: inline-block;
  width: 30px;
  text-align: center;
}

#datepicker {
  margin-bottom: 20px;
}

input[type="text"] {
  height: 30px;
}

.ui-datepicker-hover a,
.ui-datepicker-hover:after {
  background-color: #7b8ba2 !important; /* lighten(#62748c, 15%) */
  color: #fff !important;
}

.ui-datepicker-select a {
  background-color: #4e5d72; /* darken(#62748c, 15%) */
  color: #fff !important;
}

.ui-datepicker {
  background: #fff;
  padding: 10px;
}

.ui-datepicker:after {
  display: block;
  content: '';
  height: 0;
  overflow: hidden;
  clear: both;
}

.ui-datepicker .ui-datepicker-group {
  float: left;
  width: 50%;
}

.ui-datepicker .ui-datepicker-header {
  color: #62748c;
  font: 14px/25px 'Arial';
  position: relative;
  text-align: center;
  text-transform: uppercase;
}





.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
  opacity: 0.3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 10px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 10px;
}

.ui-datepicker .ui-datepicker-calendar {
  border-collapse: collapse;
  font-size: 12px;
  cursor: default;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  vertical-align: middle;
  width: 36px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  z-index: 1;
}

.ui-datepicker .ui-datepicker-calendar th {
  color: #62748c;
  font: 14px/30px 'Arial';
}

.ui-datepicker .ui-datepicker-calendar td {
  color: #8d8d8d;
  padding: 2px 0;
  position: relative;
}

.ui-datepicker .ui-datepicker-calendar td:before,
.ui-datepicker .ui-datepicker-calendar td:after {
  bottom: 2px;
  content: '';
  left: 0;
  top: 2px;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.ui-datepicker .ui-datepicker-calendar td:before {
  background: #eee;
}

.ui-datepicker .ui-datepicker-calendar td:first-child:before {
  border-radius: 15px 0 0 15px;
}

.ui-datepicker .ui-datepicker-calendar td:last-child:before {
  border-radius: 0 15px 15px 0;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month,
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
  color: #d0d0d0;
}

.ui-datepicker .ui-datepicker-calendar a {
  color: inherit;
  display: inline-block;
  height: 30px;
  text-decoration: none;
  width: 30px;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight:after {
  background: #51c197;
}

.ui-datepicker .ui-datepicker-calendar .ui-checkin:after {
  left: 50%;
  width: 50%;
}

.ui-datepicker .ui-datepicker-calendar .ui-checkout:after {
  right: 50%;
  width: 50%;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight a {
  color: #fff;
}

.ui-datepicker .ui-datepicker-calendar .ui-checkin a,
.ui-datepicker .ui-datepicker-calendar .ui-checkout a {
  background-color: red;
  border-radius: 50%;
}

.ui-datepicker .ui-datepicker-calendar .ui-checkin.ui-datepicker-hover .ui-state-hover {
  border-radius: 50%;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-hover .ui-state-hover {
  border-radius: 0 50% 50% 0;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
  background: #62748c;
  border-radius: 50%;
  color: #fff;
}

.ui-datepicker-trigger {
  float: left;
  height: 15px;
  margin: 13px 0 0 -35px;
  overflow: hidden;
  text-indent: -100em;
  width: 16px;
}
#datepicker {
  display: none; /* hidden by default */
  position: absolute; /* so it can pop under inputs */
  z-index: 9999;
}
.ui-datepicker {
    display: none;
}

/* Default: 2 months side by side (desktop) */
.ui-datepicker-multi-2 .ui-datepicker-group {
  float: left;
}

/* Mobile: stack vertically */
@media (max-width: 768px) {
  .ui-datepicker-multi-2 .ui-datepicker-group {
    float: none;
    display: block;
    width: 100% !important;
  }
  .ui-datepicker {
    width: auto !important; /* let it shrink */
  }
}

@media (max-width: 768px) {
  .ui-datepicker-multi-2 .ui-datepicker-group {
    float: none;
    display: block;
    width: 100% !important;
  }
  .ui-datepicker {
    width: 90vw !important;
  }
}
#mobile-overlay {
  display: none;
}

@media only screen and (max-width: 600px) {
.booking-dates .block {
    padding: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.booking-dates .block.button {
    background-color: #163D5C;
    padding: 0 5px;
    transition: all 300ms 
ease-out;
}	
}

/* Menu Button */
@media (min-width:1025px){
	.nav-last{
		display:none !important;
	}
}
.elementor-nav-menu--dropdown{
	box-shadow:0 5px 5px 0 rgba(0,0,0,.25);
	padding:20px 0 20px 30px;
}
.nav-last{
	margin-top:10px !important;
	padding-top:20px !important;
	margin-right:20px !important;
	border-top:1px solid var(--e-global-color-primary) !important;
}
.nav-last a{
	padding:8px 18px !important;
	background-color:var(--e-global-color-primary);
	color:#ffffff !important;
	border-radius:50px;
	display:inline-block;
	transition:all 300ms ease-out;
	font-weight:normal;
}
.nav-last a:hover{
	background-color:var(--e-global-color-secondary) !important;
}

/* Guest Picker */
div#guest-picker{
	background-color:var(--e-global-color-secondary) !important;
	border-bottom-left-radius:15px!important;
		border-bottom-right-radius:15px!important;
	border:none !important;
}
div#guest-picker *{
	color:white !important;
		font-family:"Poppins", sans-serif;
}

#guest-picker button {
    width: 30px;
    height: 30px;
    margin: 0 5px;
    cursor: pointer;
    padding: 0 !important;
    border: none;
		background-color:#fff !important;
	border-radius:5px !important;
	color:var(--e-global-color-secondary) !important;
	transition:all 300ms ease-out;
}
#guest-picker button:hover {
		background-color:var(--e-global-color-primary) !important;
	color:#fff !important;
}

/* Datepicker */
.ui-datepicker{
	background-color:var(--e-global-color-secondary) !important;
		border-bottom-left-radius:15px!important;
		border-bottom-right-radius:15px!important;
		border:none !important;
	padding:20px !important;
}
.ui-datepicker *{
	color:white !important;
	font-family:"Poppins", sans-serif;
}
.ui-datepicker .ui-datepicker-calendar td:before{
	display:none !important;
}
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td{
	border-color:transparent !important;
}
.ui-datepicker-group.ui-datepicker-group-first{
	border-right:1px solid #fff !important;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-left{
	margin-bottom:10px !important;
}
td.ui-datepicker-unselectable.ui-state-disabled * {
	opacity:50%;
}
.ui-datepicker .ui-datepicker-calendar .ui-checkin a, .ui-datepicker .ui-datepicker-calendar .ui-checkout a,.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a{
		background-color:var(--e-global-color-primary) !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight:after{
		background-color:var(--e-global-color-accent) !important;
}

span.ui-icon.ui-icon-circle-triangle-e,span.ui-icon.ui-icon-circle-triangle-w{
	display:none;
}

/* Add custom arrows using ::before */
.ui-datepicker .ui-datepicker-prev::before {
  content: "←"; /* Left arrow */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: #fff; /* change color if needed */
}

.ui-datepicker .ui-datepicker-next::before {
  content: "→"; /* Right arrow */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: #fff;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
cursor: pointer;
    height: 30px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    user-select: none;
    width: 20px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before {
  color:var(--e-global-color-accent) !important;
}
.guest-label {
    text-align: center;
	font-weight:normal !important;
}
.ui-datepicker .ui-datepicker-calendar a:hover{
	background-color:var(--e-global-color-primary) !important;
	border-radius:50%;
}
@media(max-width:767px){
	.ui-datepicker-group.ui-datepicker-group-first{
	border-bottom:1px solid #fff !important;
		border-right:none !important;
}
	.ui-datepicker-title{
	margin:10px 0 !important;
}
	.ui-datepicker{
		border-radius:15px!important;
}
	div#guest-picker{
	border-radius:15px!important;
}
}