/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 18 2026 | 13:50:13 */
.elementor-kit-1777 a{
	font-family:"Gotham Book", Sans-serif !important;
}

#sb_instagram .sbi_follow_btn a{
	border-radius:3px !important;
}

/* ================== 
	ARROW CSS OVERRIDE
	*/
.premium-carousel-wrapper:not(.pa-has-custom-pos) a.slick-arrow{
	z-index: 9999 !important;
    font-size: 50px !important;
    color: #FFF !important;
/*     right: -3% !important; */
}

/* Use Elementor Icons font */
.premium-carousel-inner .fa-angle-left,
.premium-carousel-inner .fa-angle-right {
    font-family: "eicons" !important;
    font-style: normal;
    font-weight: normal;
}

/* Left arrow */
.premium-carousel-inner .fa-angle-left:before {
    content: "\e87e" !important;
}

/* Right arrow */
.premium-carousel-inner .fa-angle-right:before {
    content: "\e87d" !important;
}




/* ========================================
   OVERLAY HEADER (Transparent)
   ======================================== */

/* White menu text */
.aux-overlay-header .aux-master-menu > .menu-item > a,
.aux-overlay-header .aux-master-menu > li > a {
    color: #ffffff !important;
}

.aux-overlay-header .aux-master-menu > .menu-item > a:hover {
    color: #f0f0f0 !important;
}

/* Transparent background (if not already set) */
.aux-overlay-header,
header.aux-overlay-header {
    background-color: transparent !important;
}

.aux-overlay-header:not(.aux-sticky) .booking-button .aux-overlay::before{
	/*background:#FFF !important;*/
	background:#F6F3E8 !Important;	
}

.aux-overlay-header:not(.aux-sticky) .booking-button .aux-text-before{
	color:#000 !Important;	
}



/* Green booking button for overlay */
/* .aux-overlay-header .aux-master-menu .menu-item-booking a,
.aux-overlay-header .aux-master-menu .booking-button a,
.aux-overlay-header .aux-master-menu .menu-item a.button,
.aux-overlay-header .aux-master-menu .menu-item.button-item a {
    background-color: #28a745 !important; 
    color: #ffffff !important;
    padding: 10px 25px !important;
    border-radius: 5px !important;
    border: none !important;
} */

.aux-overlay-header .aux-master-menu .menu-item-booking a:hover,
.aux-overlay-header .aux-master-menu .booking-button a:hover {
    background-color: #218838 !important; /* Darker green on hover */
}


/* ========================================
   STICKY HEADER
   ======================================== */

/* White background */
.aux-sticky,
header.aux-sticky,
.aux-header.aux-sticky {
/*     background-color: #ffffff !important; */
	background:#F6F3E8 !Important;	
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; /* Optional: adds shadow */
}

/* Black menu text */
.aux-sticky .aux-master-menu > .menu-item > a,
.aux-sticky .aux-master-menu > li > a {
    color: #000000 !important;
}

.aux-sticky .aux-master-menu > .menu-item > a:hover {
    color: #333333 !important;
}

/* Green booking button for sticky */
.aux-sticky .aux-master-menu .menu-item-booking a,
.aux-sticky .aux-master-menu .booking-button a,
.aux-sticky .aux-master-menu .menu-item a.button,
.aux-sticky .aux-master-menu .menu-item.button-item a {
    background-color: #28a745 !important; /* Green color */
    color: #ffffff !important;
    padding: 10px 25px !important;
    border-radius: 5px !important;
    border: none !important;
}

.aux-sticky .aux-master-menu .menu-item-booking a:hover,
.aux-sticky .aux-master-menu .booking-button a:hover {
    background-color: #218838 !important; /* Darker green on hover */
}

/* POPUP CONTAINER */
.apri-custom-modal {
  display: none; /* hidden by default */
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);

  /* center modal */
  align-items: center;
  justify-content: center;
}

/* MODAL CONTENT */
.apri-modal-content {
  background: #fff;
  padding: 20px;
  width: 80%;
  max-width: 700px;
  border-radius: 10px;
  position: relative;

  /* 👇 scroll inside modal */
  max-height: 80vh;
  overflow-y: auto;
}

/* CLOSE BUTTON */
.apri-close {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 24px;
}
.apri-modal-description{
	margin-top:30px;
}

.apri-modal-description p{
	text-align:center;
	
}
.apri-modal-description ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px 20px;
  padding-left: 20px;
}

.apri-modal-description li {
  list-style: disc;
}

.spcustom-modal{
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
}

.spcustom-modal.spcustom-active{
    display: flex;
    align-items: center;
    justify-content: center;
}

.spcustom-modal-overlay{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(4px);
}

.spcustom-modal-content{
    position: relative;
    width: 90%;
    max-width: 850px;
    max-height: 90vh;
    overflow-y: auto;
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    z-index: 2;
}

.spcustom-modal-close{
    position: absolute;
    top: 15px;
    right: 20px;
    border: none;
    background: none;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
}

.spcustom-offer-image img{
    width: 100%;
    border-radius: 16px;
    margin-bottom: 25px;
}

.spcustom-offer-title{
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.2;
}

.spcustom-offer-content{
    font-size: 16px;
    line-height: 1.8;
}

.spcustom-loading,
.spcustom-error{
    text-align: center;
    padding: 50px 20px;
    font-size: 18px;
}

.swiper *{
    outline: none !important;
}

.container-facilities{
	height:500px;
}

.container-icon-whychoose{
	width:auto;
}
.newsletter-form {
	display: flex;
	align-items: center;
	gap: 12px;
}

.newsletter-form p {
	margin: 0;
}

/* EMAIL INPUT */
.newsletter-form input[type="email"] {
/* 	width: 320px;
	height: 48px; */
	padding: 0 16px;
	background: transparent !important;
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
	outline: none;
}

/* PLACEHOLDER */
.newsletter-form input[type="email"]::placeholder {
	color: rgba(255,255,255,0.7) !important;
}

/* SUBMIT BUTTON */
.newsletter-form input[type="submit"] {
	height: 48px;
	padding: 0 24px;
	background: #ffffff !important;
	border: 1px solid #ffffff !important;
	color: #333333 !important;
	cursor: pointer !important;
	font-weight: 600 !important;
	transition: all 0.3s ease !important;
}

/* HOVER EFFECT */
.newsletter-form input[type="submit"]:hover {
	background: transparent;
	color: #ffffff;
}

/* MOBILE */
@media (max-width: 767px) {
	.carousel-room 	.premium-carousel-wrapper:not(.pa-has-custom-pos) a.slick-arrow{
/* 		top:42% !important; */
		top:20% !important;
		}
	.premium-carousel-wrapper:not(.pa-has-custom-pos) a.slick-arrow{
		font-size: 40px !important;
	}

/* Default transparent header = white burger */
.aux-elementor-header .aux-burger:before,
.aux-elementor-header .aux-burger:after,
.aux-elementor-header .aux-burger .mid-line{
    border-color: #ffffff !important;
}

/* Sticky header = black burger */
.aux-elementor-header.aux-sticky .aux-burger:before,
.aux-elementor-header.aux-sticky .aux-burger:after,
.aux-elementor-header.aux-sticky .aux-burger .mid-line{
    border-color: #000000 !important;
}
	
	.newsletter-form {
		flex-direction: column;
		align-items: stretch;
	}

	.newsletter-form input[type="email"],
	.newsletter-form input[type="submit"] {
		width: 100%;
	}
}

.newsletter-form p {
	flex:1;
}

.container-subscribe{
	width:100% !important;
}

#spcustom-modal-iframe{
    width: 100%;
    height: 85vh;
    border: none;
    border-radius: 12px;
    background: #fff;
}

@media(max-width:520px){
	/* White menu text */
	.aux-overlay-header .aux-master-menu > .menu-item > a,
	.aux-overlay-header .aux-master-menu > li > a {
		color: initial !important;
	}
	.apri-modal-content {
		width:95%;
	}
	.newsletter-form {
		flex-direction: column;
		align-items: stretch;
	}

	.newsletter-form input[type="email"],
	.newsletter-form input[type="submit"] {
		width: 100%;
	}
	
}

/* =========================================
   DEFAULT = SHOW COLOR LOGO
========================================= */

.logo-color{
    display:block !important;
}

.logo-white{
    display:none !important;
}

/*================================================= */
/* =========================================
   DEFAULT = SHOW COLOR LOGO
========================================= */

.logo-color{
    display:block !important;
}

.logo-white{
    display:none !important;
}


/* =========================================
   NON-STICKY HEADER
========================================= */

header:not(.aux-sticky) .logo-white{
    display:block !important;
}

header:not(.aux-sticky) .logo-color{
    display:none !important;
}


/* =========================================
   STICKY HEADER
========================================= */

header.aux-sticky .logo-color{
    display:block !important;
}

header.aux-sticky .logo-white{
    display:none !important;
}