/* Home Page - CSS */
:root {
  --img-1-x: -52%;
  --img-1-y: 100%;
  --img-2-x: -98%;
  --img-2-y: -5%;
  --img-3-x: 38%;
  --img-3-y: -189%;
  --img-4-x: -18%;
  --img-4-y: -182.5%;
  --img-5-x: -45%;
  --img-5-y: -160%;
  --img-6-x: 145%;
  --img-6-y: -13%;
  --img-7-x: -55%;
  --img-7-y: 145%;
  --img-8-x: -20%;
  --img-8-y: 140%;
}

/* Home Hero */
#home-hero {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), transparent);
}
.home-hero-content {
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* Intro */
#intro-content {
	max-width: 100%;
}
#intro::before,
#intro::after,
#gastronomy::before,
#gastronomy::after,
#location::before,
#location::after,
#offers::before,
#offers::after {
	content: " ";
	width: 100%;
	height: 300px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(to bottom, #fff, transparent);
	z-index: -1;
}
#gastronomy {
	border: none;
}
#intro::after,
#gastronomy::after,
#location::after,
#offers::after {
	top: unset;
	bottom: -1px;
	background-image: linear-gradient(to top, #fff, transparent);
}
#experiences {
	margin-top: -1px;
}

/* .intro-images-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	pointer-events: none;
} 
*/

/* Intro Photos  */
.intro-img-1 {
	top: 35%;
	right: 10%;
}
.intro-img-2 {
	top: 50%;
	right: 7.5%;
}
.intro-img-3 {
	right: 22.5%;
	bottom: 0;
}
.intro-img-4 {
	left: 22.5%;
	bottom: 0;
}
.intro-img-5 {
	left: 10%;
	bottom: 30%;
}
.intro-img-6 {
	top: 32.5%;
	left: 10%;
}
.intro-img-7 {
	top: 5.5%;
	left: 25%;
}
.intro-img-8 {
	top: 4.5%;
	right: 20%;
}


/* Stay */
.home-item-vr-tour {
	right: 20px;
	bottom: 20px;
}
.hotel-carousel-item:not(.swiper-slide-active) .home-item-vr-tour {
	opacity: 0;
}
.hotel-carousel-item.swiper-slide-active .home-item-vr-tour {
	opacity: 1;
}
/* .hotel-carousel-content-item .hotel-carousel-content {
	opacity: 0;
}
.hotel-carousel-content-item.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active.swiper-slide-thumb-active .hotel-carousel-content {
	opacity: 1;
} */

/* Gastronomy */
#gastronomy::before,
#gastronomy::after {
	z-index: 0;
}
.gastronomy-content-circle {
	width: 115px;
	height: 115px;
	top: 50px;
	left: 12.5%;
}
.g-content {
	max-width: 32%;
}
.g-item-gallery-thumb {
	max-width: 34%;
	height: 400px;
	left: 50%;
	top: 150px;
	transform: translateX(-50%);
}
.g-item-gallery-1 {
	width: 32%;
	height: 350px;
}
.g-item-gallery-2 {
	width: 57%;
	height: 580px;
}
.g-item-gallery-3 {
	width: 43%;
	height: 435px;
}

/* Location */
#location::after {
	height: 50%;
}
.location-direction p::before {
	content: " ";
	width: 200px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -20px;
	background-color: #c2b79f;
	transform: translateX(-50%);
	z-index: 1;
}

/* Area */
.area-button {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.area-main-img {
	opacity: .75;
}
.area-button .button-svg {
	width: 100px;
	height: 100px;
}
.area-button .button-svg svg {
	height: 30px;
	width: 30px;
}
#area-additional-imgs {
	margin-top: -225px;
}

/* Offers */
#offers-carousel .offer-info-icon img {
	height: 20px;
	width: auto;
}
#offers-carousel .offer-carousel-img {
	height: 600px;
}
#offers-carousel .offers-pagination,
#hotels-carousel-wrapper .hotels-pagination {
	width: unset;
	left: 50%;
	bottom: 17px;
	transform: translateX(-50%);
}
#hotels-carousel-wrapper .hotels-pagination {
	bottom: -60px;
}
#offers-carousel .offers-pagination {
	transform: translateX(calc(-50% - 85px));
}
#offers-carousel .swiper-button-next,
#offers-carousel .swiper-button-prev,
#hotels-carousel-wrapper .swiper-button-next,
#hotels-carousel-wrapper .swiper-button-prev  {
	top: unset;
	bottom: 10px;
	margin-top: 0;
	z-index: 2;
}
#hotels-carousel-wrapper .swiper-button-next,
#hotels-carousel-wrapper .swiper-button-prev {
	bottom: -65px;
}
#offers-carousel .swiper-button-next,
#hotels-carousel-wrapper .swiper-button-next {
	right: -35px;
	left: auto;
}
#offers-carousel .swiper-button-prev,
#hotels-carousel-wrapper .swiper-button-prev {
	left: -35px;
	right: auto;
}
#offers-carousel .swiper-button-next svg,
#offers-carousel .swiper-button-prev svg,
#hotels-carousel-wrapper .swiper-button-next svg,
#hotels-carousel-wrapper .swiper-button-prev svg  {
	height: 25px;
}
#offers-carousel .offers-pagination span.swiper-pagination-bullet,
#hotels-carousel-wrapper .hotels-pagination span.swiper-pagination-bullet  {
	width: 17.5px;
	height: 17.5px;
	margin: 0 5px;
}
.offers-navigation {
	transform: translateX(-85px);
}

/* Family Heritage */
.family-bg-img-1 {
	bottom: 30%;
	left: 0;
}
.family-bg-img-2 {
	bottom: 10%;
	left: 20%;
}
.family-bg-img-3 {
	top: 0;
	right: 20%;
}
.family-bg-img-4 {
	top: 50px;
	right: -15%;
}
#family-main-image {
	border-right: 1px solid #c2b79f;
}

/* Location Area */
.area-main-img-overlay {
	width: 100%;
}


/* reCaptcha */
.grecaptcha-badge {
	display: none !important;
}

/* CSS Changes 23/07/2025 */

#offers-carousel .swiper-button-next svg,
#offers-carousel .swiper-button-prev svg,
#hotels-carousel-wrapper .swiper-button-next svg,
#hotels-carousel-wrapper .swiper-button-prev svg,
#experiences-carousel .swiper-button-next svg,
#experiences-carousel .swiper-button-prev svg  {
	height: 18px;
}

#new-intro-section #intro-content {
	max-width: 100%;
}

#new-intro-section .intro-images-collage{
	max-width: 600px;
}

#new-intro-section .intro-img-big-wrapper {
	width: clamp(260px,31.823vw,600px);
	min-height: 80vh;
	max-height: 80vh;
	height: 100%;
}

#new-intro-section .intro-img-small-wrapper{
	width: clamp(187px,22.24vw,427px);
	height: clamp(121px,14.375vw,276px);
	position: absolute;
	bottom: clamp(-82px,-4.271vw,-2px);
	right:  clamp(-82px,-4.271vw,-2px);
	overflow: hidden;
}

#new-intro-section .moving-image-1 {
	top: -175px;
	left: -35%;
	width: 185px;
}
#new-intro-section .moving-image-2 {
	bottom: -150px;
	right: -50%;
}

#map-img{
	margin-left: clamp(-120px,-6.25vw,-50px);
}

#map-img svg{
	height: auto;
	width: 110%;
}

#home_availability #wpforms-submit-5046{
	margin: 0 0px 0px 25px!important;
}

#hotels-carousel-wrapper::after {
	content: "";
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 135px;
	background-color: #F5F3F0FC;
	z-index: -1;
}
#hotels-carousel-content,
.hotel-carousel-content .inner-wrapper {
	max-width: clamp(275px, 36.458vw, 375px);
	margin-top: unset;
}
#hotels-carousel-content {
	overflow-x: hidden;
	margin-top: -120px;
}
#hotels-carousel-content .hotel-carousel-content-item {
	padding: 10px;
}
#hotels-carousel-content .hotel-carousel-content-item .hotel-carousel-content {
	box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}

html[lang="el"] #intro-content h2.xl-title{
	/* font-size: clamp(60px,6.25vw,120px); */
	line-height: 1;
}

.home-item-vr-tour, .accommodation-vr-tour {
    top: 20px;
}
@media (max-width: 992px) {
	.home-item-vr-tour {
		top: 15px;
		right: 5px;
	}
}

#wpforms-form-5046 label {
	display: none;
}


/* ESPA Changes */

/* section#new-intro-section {
	background-color: #fff;
}
section#new-intro-section::before {
	display: none;
}
section#new-intro-section h2.xl-title {
	color: #9b917b;
}
#search-wrapper {
	background-color: #9b917b;
}
.close-search {
	font-weight: 400;
} */