/*!
Theme Name: Pelagia
Theme URI: https://underscoretw.com/
Author: Net22
Author URI: https://net22.gr
Description: A custom theme based on _tw
Version: 0.1.2
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: n22
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Pelagia is based on _tw https://underscoretw.com/, (C) 2021-2023 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2023 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/

@font-face {
	font-family: AstyCFStd;
	src: url(assets/fonts/AstyCFStdBlack.otf) format("opentype");
	font-weight: 900;
	font-style: normal
}

@font-face {
	font-family: AstyCFStd;
	src: url(assets/fonts/AstyCFStdBold.otf) format("opentype");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: AstyCFStd;
	src: url(assets/fonts/AstyCFStdBook.otf) format("opentype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: AstyCFStd;
	src: url(assets/fonts/AstyCFStdExtraBold.otf) format("opentype");
	font-weight: 800;
	font-style: normal
}

@font-face {
	font-family: AstyCFStd;
	src: url(assets/fonts/AstyCFStdHairline.otf) format("opentype");
	font-weight: 100;
	font-style: normal
}

@font-face {
	font-family: AstyCFStd;
	src: url(assets/fonts/AstyCFStdLight.otf) format("opentype");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: AstyCFStd;
	src: url(assets/fonts/AstyCFStdMedium.otf) format("opentype");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: AstyCFStd;
	src: url(assets/fonts/AstyCFStdThin.otf) format("opentype");
	font-weight: 200;
	font-style: normal
}

@font-face {
	font-family: AstyCFStd;
	src: url(assets/fonts/AstyCFStdUltra.otf) format("opentype");
	font-weight: 800;
	font-style: normal
}

@font-face {
	font-family: SaolDisplay;
	src: url(assets/fonts/Saol-Display-Light-Italic.ttf) format("truetype");
	font-weight: 300;
	font-style: italic
}

@font-face {
	font-family: SaolDisplay;
	src: url(assets/fonts/Saol-Display-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: SaolDisplay;
	src: url(assets/fonts/SaolDisplay-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/

*,
:after,
:before {
	box-sizing: border-box;
	border: 0 solid #e5e7eb
}

:after,
:before {
	--tw-content: ""
}

:host,
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent
}

body {
	margin: 0;
	line-height: inherit
}

hr {
	height: 0;
	color: inherit;
	border-top-width: 1px
}

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
pre,
samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: initial
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
	-webkit-appearance: button;
	background-color: initial;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: initial
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0
}

fieldset {
	margin: 0
}

fieldset,
legend {
	padding: 0
}

menu,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

dialog {
	padding: 0
}

textarea {
	resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #9ca3af
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}

[role=button],
button {
	cursor: pointer
}

:disabled {
	cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle
}

img,
video {
	max-width: 100%;
	height: auto
}

[hidden] {
	display: none
}

*,
::backdrop,
:after,
:before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #3b82f680;
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

* {
	outline: none
}

body {
	--tw-bg-opacity: 1;
	font-family: AstyCFStd, sans-serif;
	--tw-text-opacity: 1;
	color: rgb(64 64 64/var(--tw-text-opacity))
}

#content,
body {
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

/* #content {
--tw-bg-opacity: 1;
background-image: url(assets/images/bg-texture.jpg)
} */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: AstyCFStd, sans-serif;
	font-weight: 400
}

.grid-cols-12 {
	max-width: 1808px;
	padding: 0 20px;
	margin: 0 auto
}

.languages__container:hover .lang--next {
	pointer-events: auto;
	opacity: 1
}

.site-header {
	background-color: #fff8f233;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .5s
}

.site-header:hover {
	background-color: #fff8f2
}

.site-header__navigation ul li a {
	position: relative;
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 700;
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity))
}

/* .site-header__navigation ul li a:before {
content: "";
position: absolute;
top: 50%;
right: -1rem;
height: .5rem;
width: .5rem;
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity));
opacity: 0;
transition-duration: .5s
}

.site-header__navigation ul li:hover a:before {
opacity: 1
} */

.burger:hover line {
	transition-duration: .5s
}

.burger:hover line:first-child {
	--tw-translate-x: -1.75rem
}

.burger:hover line:first-child,
.burger:hover line:last-child {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.burger:hover line:last-child {
	--tw-translate-x: 1.75rem
}

.burger.active line:first-child {
	--tw-translate-x: -1.75rem
}

.burger.active line:first-child,
.burger.active line:last-child {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.burger.active line:last-child {
	--tw-translate-x: 1.75rem
}

.burger-menu:before {
	content: "";
	position: absolute;
	top: -100px;
	left: 0;
	height: 100px;
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.burger-menu.active {
	pointer-events: auto;
	opacity: 1
}

.burger-menu ul li a {
	font-family: AstyCFStd, sans-serif;
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 400;
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity))
}

/* .burger-menu ul li a:before {
right: -1.25rem;
height: .75rem;
width: .75rem;
--tw-bg-opacity: 1;
background-color: rgb(158 39 24/var(--tw-bg-opacity))
}
*/
.logo {
	top: 50%;
	height: 75px;
	width: 75px;
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media screen and (min-width:768px) {
	.logo.scaled {
		top: 150px;
		height: 250px;
		width: 250px;
		--tw-translate-y: -0px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}
}

.header-slider__container .slick-dots {
	position: absolute;
	right: 32px;
	bottom: 3.5rem;
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: 1rem
}

.header-slider__single {
	border: none !important
}

.section {
	margin-top: 5rem;
	margin-bottom: 5rem
}

@media screen and (max-width:767px) {
	.section {
		margin-top: 2.5rem;
		margin-bottom: 2.5rem
	}
}

.slick-dots li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 9999px;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255/var(--tw-border-opacity));
	opacity: 0;
	transition-duration: .5s
}

.slick-dots li {
	position: relative;
	display: flex;
	height: 1.5rem;
	width: 1.5rem;
	cursor: pointer;
	align-items: center;
	justify-content: center
}

.slick-dots li.slick-active:before,
.slick-dots li:hover:before {
	opacity: 1
}

.slick-dots button {
	height: .5rem;
	width: .5rem;
	border-radius: 9999px;
	border-style: none;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	text-indent: -9999px
}

.villa-card__gallery .slick-dots {
	position: absolute;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 10;
	display: flex;
	gap: .25rem
}

.footer-menu li {
	text-align: right
}

.footer-menu li a {
	font-family: AstyCFStd, sans-serif;
	font-size: 2.25rem;
	line-height: 2.5rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.restaurant-slider__container .slick-slide {
	margin: 0 8px
}

.restaurant-slider__container .slick-list {
	margin: 0 -8px
}

.restaurant-slider__arrow:hover svg path {
	stroke: #fff
}

.contact-form .form-row {
	margin-bottom: 1rem;
	display: flex;
	gap: 1rem
}

.contact-form .input-container {
	flex: 1 1 0%
}

.contact-form input:not([type=checkbox]),
.contact-form textarea {
	width: 100%;
	border-width: 1px;
	border-color: #0003;
	--tw-bg-opacity: 1;
	background-color: rgb(248 248 248/var(--tw-bg-opacity));
	padding: 1rem
}

.contact-form .cta-arrow {
	text-transform: capitalize
}

.contact-form .terms {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.contact-form .wpcf7-list-item {
	margin: 0
}

.cross:hover .border-left {
	width: 300%;
	left: -100%
}

.cross:hover a:after {
	height: 300%;
	bottom: -100%
}

.cross:hover .border-right,
.cross:hover a:before {
	opacity: 0
}

.amenities ul {
	display: flex;
	flex-direction: column;
	gap: 1rem
}

.amenities ul li {
	position: relative;
	padding-left: 1rem
}

.amenities ul li:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #000;
	border-radius: 50%
}

.default-page__content h2,
.default-page__content h3,
.default-page__content h4,
.default-page__content h5,
.default-page__content h6 {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 300
}

.h-button {
	background: #0000;
	align-items: center;
	line-height: 1;
	transition: all .25s ease-in-out;
	display: flex;
	justify-content: flex-end
}

.h-button span {
	display: inline-block;
	min-width: .3em;
	opacity: 0;
	transform: translateY(-20px)
}

.h-button span,
.h-button:before {
	text-transform: uppercase;
	transition: .3s cubic-bezier(.5, -1, .5, 2);
	color: #fff;
	font-weight: 300
}

.h-button:before {
	content: attr(data-text);
	position: absolute;
	letter-spacing: 0;
	opacity: 1;
	font-size: 36px
}

.h-button:focus:before,
.h-button:hover:before {
	opacity: 0;
	transform: translateY(20px)
}

.h-button:focus span,
.h-button:hover span {
	opacity: 1;
	transform: translate(0)
}

@media screen and (max-width:767px) {
	.logo {
		height: 80px !important;
		width: 80px !important;
		transform: translate(0) !important
	}
	.header-slider .slick-list {
		pointer-events: none
	}
	.burger-menu ul li a {
		white-space: nowrap
	}
	.burger-menu {
		padding: 4rem 2rem
	}
	.h-button:before {
		font-size: 24px
	}
	.footer-menu li a {
		font-size: 1.5rem;
		line-height: 2rem
	}
}

.images-gallery {
	row-gap: 200px
}

@media screen and (max-width:767px) {
	.images-gallery {
		row-gap: 100px !important
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.logo {
		height: 80px !important;
		width: 80px !important;
		transform: translate(0) !important
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.header-slider .slick-list {
		pointer-events: none
	}
	.section {
		margin-top: 2.5rem;
		margin-bottom: 2.5rem
	}
	.amenities ul li {
		font-size: .875rem;
		line-height: 1.25rem
	}
}

.container {
	width: 100%
}

@media (min-width:640px) {
	.container {
		max-width: 640px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 768px
	}
}

@media (min-width:1024px) {
	.container {
		max-width: 1024px
	}
}

@media (min-width:1280px) {
	.container {
		max-width: 1280px
	}
}

@media (min-width:1536px) {
	.container {
		max-width: 1536px
	}
}

.prose {
	color: var(--tw-prose-body)
}

.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 1.25em;
	margin-bottom: 1.25em
}

.prose :where([class~=lead], [class~=is-style-lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-lead);
	font-size: 1.25em;
	line-height: 1.6;
	margin-top: 1.2em;
	margin-bottom: 1.2em
}

.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-links);
	text-decoration: underline;
	font-weight: 500
}

.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-bold);
	font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: inherit
}

.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: decimal;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	padding-inline-start: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
	list-style-type: disc;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	padding-inline-start: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
	font-weight: 400;
	color: var(--tw-prose-counters)
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
	color: var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-weight: 600;
	margin-top: 1.25em
}

.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
	border-color: var(--tw-prose-hr);
	border-top-width: 1px;
	margin-top: 3em;
	margin-bottom: 3em;
	border-bottom: none
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
	font-weight: 500;
	font-style: italic;
	color: var(--tw-prose-quotes);
	border-inline-start-width: .25rem;
	border-inline-start-color: var(--tw-prose-quote-borders);
	quotes: "\201C""\201D""\2018""\2019";
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	padding-inline-start: 1em;
	border-left-style: solid
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
	content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
	content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-weight: 800;
	font-size: 2.25em;
	margin-top: 0;
	margin-bottom: .8888889em;
	line-height: 1.1111111
}

.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
	font-weight: 900;
	color: inherit
}

.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-weight: 700;
	font-size: 1.5em;
	margin-top: 2em;
	margin-bottom: 1em;
	line-height: 1.3333333
}

.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
	font-weight: 800;
	color: inherit
}

.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-weight: 600;
	font-size: 1.25em;
	margin-top: 1.6em;
	margin-bottom: .6em;
	line-height: 1.6
}

.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
	font-weight: 700;
	color: inherit
}

.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-weight: 600;
	margin-top: 1.5em;
	margin-bottom: .5em;
	line-height: 1.5
}

.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
	font-weight: 700;
	color: inherit
}

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 2em;
	margin-bottom: 2em
}

.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
	display: block;
	margin-top: 2em;
	margin-bottom: 2em
}

.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 2em;
	margin-bottom: 2em
}

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
	font-weight: 500;
	font-family: inherit;
	color: var(--tw-prose-kbd);
	box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
	font-size: .875em;
	border-radius: .3125rem;
	padding-top: .1875em;
	padding-inline-end: .375em;
	padding-bottom: .1875em;
	padding-inline-start: .375em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-code);
	font-weight: 600;
	font-size: .875em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
	content: "`"
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
	content: "`"
}

.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: inherit;
	font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: inherit;
	font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: inherit
}

.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-pre-code);
	background-color: var(--tw-prose-pre-bg);
	overflow-x: auto;
	font-weight: 400;
	font-size: .875em;
	line-height: 1.7142857;
	margin-top: 1.7142857em;
	margin-bottom: 1.7142857em;
	border-radius: .375rem;
	padding-top: .8571429em;
	padding-inline-end: 1.1428571em;
	padding-bottom: .8571429em;
	padding-inline-start: 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
	background-color: initial;
	border-width: 0;
	border-radius: 0;
	padding: 0;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
	content: none
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
	content: none
}

.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
	width: 100%;
	table-layout: auto;
	text-align: start;
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: .875em;
	line-height: 1.7142857
}

.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
	border-bottom-width: 1px;
	border-bottom-color: var(--tw-prose-th-borders)
}

.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-headings);
	font-weight: 600;
	vertical-align: bottom;
	padding-inline-end: .5714286em;
	padding-bottom: .5714286em;
	padding-inline-start: .5714286em
}

.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
	border-bottom-width: 1px;
	border-bottom-color: var(--tw-prose-td-borders)
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
	vertical-align: initial
}

.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
	border-top-width: 1px;
	border-top-color: var(--tw-prose-th-borders)
}

.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
	vertical-align: top
}

.prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 0;
	margin-bottom: 0
}

.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-captions);
	font-size: .875em;
	line-height: 1.4285714;
	margin-top: .8571429em
}

.prose {
	--tw-prose-body: #374151;
	--tw-prose-headings: #111827;
	--tw-prose-lead: #4b5563;
	--tw-prose-links: #111827;
	--tw-prose-bold: #111827;
	--tw-prose-counters: #6b7280;
	--tw-prose-bullets: #d1d5db;
	--tw-prose-hr: #e5e7eb;
	--tw-prose-quotes: #111827;
	--tw-prose-quote-borders: #e5e7eb;
	--tw-prose-captions: #6b7280;
	--tw-prose-kbd: #111827;
	--tw-prose-kbd-shadows: 17 24 39;
	--tw-prose-code: #111827;
	--tw-prose-pre-code: #e5e7eb;
	--tw-prose-pre-bg: #1f2937;
	--tw-prose-th-borders: #d1d5db;
	--tw-prose-td-borders: #e5e7eb;
	--tw-prose-invert-body: #d1d5db;
	--tw-prose-invert-headings: #fff;
	--tw-prose-invert-lead: #9ca3af;
	--tw-prose-invert-links: #fff;
	--tw-prose-invert-bold: #fff;
	--tw-prose-invert-counters: #9ca3af;
	--tw-prose-invert-bullets: #4b5563;
	--tw-prose-invert-hr: #374151;
	--tw-prose-invert-quotes: #f3f4f6;
	--tw-prose-invert-quote-borders: #374151;
	--tw-prose-invert-captions: #9ca3af;
	--tw-prose-invert-kbd: #fff;
	--tw-prose-invert-kbd-shadows: 255 255 255;
	--tw-prose-invert-code: #fff;
	--tw-prose-invert-pre-code: #d1d5db;
	--tw-prose-invert-pre-bg: #00000080;
	--tw-prose-invert-th-borders: #4b5563;
	--tw-prose-invert-td-borders: #374151;
	font-size: 1rem;
	line-height: 1.75
}

.prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 0;
	margin-bottom: 0
}

.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: .5em;
	margin-bottom: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
	padding-inline-start: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
	padding-inline-start: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: .75em;
	margin-bottom: .75em
}

.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 1.25em
}

.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 1.25em
}

.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: .75em;
	margin-bottom: .75em
}

.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 1.25em;
	margin-bottom: 1.25em
}

.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: .5em;
	padding-inline-start: 1.625em
}

.prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	padding-inline-start: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	padding-inline-end: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
	padding-top: .5714286em;
	padding-inline-end: .5714286em;
	padding-bottom: .5714286em;
	padding-inline-start: .5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	padding-inline-start: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	padding-inline-end: 0
}

.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 2em;
	margin-bottom: 2em
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
	margin-bottom: 0
}

.prose :where(blockquote>cite):not(:where([class~=not-prose], [class~=not-prose] *)) {
	color: var(--tw-prose-body);
	font-style: normal;
	font-weight: 400
}

.prose :where(blockquote>cite):not(:where([class~=not-prose], [class~=not-prose] *)):before {
	content: "\2014"
}

.prose :where(table.has-fixed-layout):not(:where([class~=not-prose], [class~=not-prose] *)) {
	table-layout: fixed;
	width: 100%
}

.prose-neutral {
	--tw-prose-body: #404040;
	--tw-prose-headings: #171717;
	--tw-prose-lead: #525252;
	--tw-prose-links: #171717;
	--tw-prose-bold: #171717;
	--tw-prose-counters: #737373;
	--tw-prose-bullets: #d4d4d4;
	--tw-prose-hr: #e5e5e5;
	--tw-prose-quotes: #171717;
	--tw-prose-quote-borders: #e5e5e5;
	--tw-prose-captions: #737373;
	--tw-prose-kbd: #171717;
	--tw-prose-kbd-shadows: 23 23 23;
	--tw-prose-code: #171717;
	--tw-prose-pre-code: #e5e5e5;
	--tw-prose-pre-bg: #262626;
	--tw-prose-th-borders: #d4d4d4;
	--tw-prose-td-borders: #e5e5e5;
	--tw-prose-invert-body: #d4d4d4;
	--tw-prose-invert-headings: #fff;
	--tw-prose-invert-lead: #a3a3a3;
	--tw-prose-invert-links: #fff;
	--tw-prose-invert-bold: #fff;
	--tw-prose-invert-counters: #a3a3a3;
	--tw-prose-invert-bullets: #525252;
	--tw-prose-invert-hr: #404040;
	--tw-prose-invert-quotes: #f5f5f5;
	--tw-prose-invert-quote-borders: #404040;
	--tw-prose-invert-captions: #a3a3a3;
	--tw-prose-invert-kbd: #fff;
	--tw-prose-invert-kbd-shadows: 255 255 255;
	--tw-prose-invert-code: #fff;
	--tw-prose-invert-pre-code: #d4d4d4;
	--tw-prose-invert-pre-bg: #00000080;
	--tw-prose-invert-th-borders: #525252;
	--tw-prose-invert-td-borders: #404040
}

.entry-title,
.page-title {
	margin-bottom: 1.5rem;
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 800;
	--tw-text-opacity: 1;
	color: rgb(23 23 23/var(--tw-text-opacity))
}

.entry-content>*,
.entry-title,
.page-content>*,
.page-title {
	margin-left: auto;
	margin-right: auto;
	max-width: 40rem
}

.entry-content>.alignwide {
	max-width: 60rem
}

.entry-content>.alignfull {
	max-width: none
}

.entry-content>.alignleft {
	float: left;
	margin-right: 2rem
}

.entry-content>.alignright {
	float: right;
	margin-left: 2rem
}

.cta {
	display: inline-flex;
	border-width: 1px;
	padding: 16px 4rem;
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 700;
	text-transform: uppercase
}

.cta,
.cta span {
	position: relative
}

.cta span {
	z-index: 2
}

.cta span,
.cta:before {
	transition-duration: .5s
}

.cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.cta:hover {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.cta:hover:before {
	width: 100%
}

.cta--black {
	--tw-border-opacity: 1;
	border-color: rgb(0 0 0/var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity))
}

.cta-arrow {
	position: relative;
	display: inline-flex;
	align-items: center;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(119 119 119/var(--tw-border-opacity));
	padding: 16px 1.75rem;
	font-size: .875rem;
	line-height: 1.25rem;
	text-transform: lowercase
}

.cta-arrow__icon {
	position: absolute;
	top: 50%;
	left: .25rem;
	height: .75rem;
	width: .75rem;
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	opacity: 0;
	transition-duration: .3s
}

.cta-arrow__icon svg {
	height: 100%;
	width: 100%
}

.cta-arrow__text {
	position: relative;
	z-index: 2;
	transition-duration: .3s;
	line-height: 1;
}

.cta-arrow:hover .cta-arrow__icon {
	left: .75rem;
	opacity: 1
}

.cta-arrow:hover .cta-arrow__text {
	--tw-translate-x: 0.5rem;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cta-arrow--white {
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255/var(--tw-border-opacity));
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.cta-arrow--white svg path {
	stroke: #fff
}

.section-title {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	font-size: 3rem;
	line-height: 1;
	font-weight: 300
}

/* .section-title:before {
content: "";
height: 1rem;
width: 1rem;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity))
} */

.eat-at__image {
	width: calc(100% - 100px)
}

.explore__card:hover .overlay-arrow {
	opacity: 1
}

@media screen and (max-width:1024px) {
	.mobile-hidden {
		display: none
	}
	.cta {
		white-space: nowrap;
		padding: .5rem 1rem;
		font-size: .875rem;
		line-height: 1.25rem
	}
	.logo {
		grid-column: span 6/span 6
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0
}

.pointer-events-none {
	pointer-events: none
}

.visible {
	visibility: visible
}

.static {
	position: static
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.-bottom-6 {
	bottom: -1.5rem
}

.-left-9 {
	left: -2.25rem
}

.-left-\[50px\] {
	left: -50px
}

.-right-5 {
	right: -1.25rem
}

.-right-9 {
	right: -2.25rem
}

.-top-\[80px\] {
	top: -80px
}

.bottom-0 {
	bottom: 0
}

.bottom-14 {
	bottom: 3.5rem
}

.left-0 {
	left: 0
}

.left-1\/2 {
	left: 50%
}

.right-0 {
	right: 0
}

.right-10 {
	right: 2.5rem
}

.right-3 {
	right: .75rem
}

.top-0 {
	top: 0
}

.top-1\/2 {
	top: 50%
}

.top-16 {
	top: 4rem
}

.top-\[500px\] {
	top: 500px
}

.z-10 {
	z-index: 10
}

.z-50 {
	z-index: 50
}

.z-\[1\] {
	z-index: 1
}

.z-\[2\] {
	z-index: 2
}

.z-\[5\] {
	z-index: 5
}

.order-2 {
	order: 2
}

.col-span-1 {
	grid-column: span 1/span 1
}

.col-span-10 {
	grid-column: span 10/span 10
}

.col-span-12 {
	grid-column: span 12/span 12
}

.col-span-2 {
	grid-column: span 2/span 2
}

.col-span-6 {
	grid-column: span 6/span 6
}

.col-span-7 {
	grid-column: span 7/span 7
}

.col-span-8 {
	grid-column: span 8/span 8
}

.col-span-full {
	grid-column: 1/-1
}

.col-start-1 {
	grid-column-start: 1
}

.col-start-2 {
	grid-column-start: 2
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.my-10 {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem
}

.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}

.my-\[60px\] {
	margin-top: 60px;
	margin-bottom: 60px
}

.mb-0 {
	margin-bottom: 0
}

.mb-10 {
	margin-bottom: 2.5rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-8 {
	margin-bottom: 2rem
}

.mb-\[50px\] {
	margin-bottom: 50px
}

.mb-\[70px\] {
	margin-bottom: 70px
}

.mb-\[8px\] {
	margin-bottom: 8px
}

.ml-3 {
	margin-left: .75rem
}

.ml-auto {
	margin-left: auto
}

.mr-7 {
	margin-right: 1.75rem
}

.mt-0 {
	margin-top: 0
}

.mt-10 {
	margin-top: 2.5rem
}

.mt-14 {
	margin-top: 3.5rem
}

.mt-28 {
	margin-top: 7rem
}

.mt-4 {
	margin-top: 1rem
}

.mt-5 {
	margin-top: 1.25rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-8 {
	margin-top: 2rem
}

.mt-\[20px\] {
	margin-top: 20px
}

.mt-\[7px\] {
	margin-top: 7px
}

.mt-\[80px\] {
	margin-top: 80px
}

.block {
	display: block
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.hidden {
	display: none
}

.h-11 {
	height: 2.75rem
}

.h-2 {
	height: .5rem
}

.h-5 {
	height: 1.25rem
}

.h-\[10px\] {
	height: 10px
}

.h-\[1px\] {
	height: 1px
}

.h-\[250px\] {
	height: 250px
}

.h-\[280px\] {
	height: 280px
}

.h-\[300px\] {
	height: 300px
}

.h-\[380px\] {
	height: 380px
}

.h-\[460px\] {
	height: 460px
}

.h-\[485px\] {
	height: 485px
}

.h-auto {
	height: auto
}

.h-fit {
	height: -moz-fit-content;
	height: fit-content
}

.h-full {
	height: 100%
}

.h-screen {
	height: 100vh
}

.min-h-\[300px\] {
	min-height: 300px
}

.w-1\/2 {
	width: 50%
}

.w-11 {
	width: 2.75rem
}

.w-12 {
	width: 3rem
}

.w-2 {
	width: .5rem
}

.w-5 {
	width: 1.25rem
}

.w-9 {
	width: 2.25rem
}

.w-\[280px\] {
	width: 280px
}

.w-\[56px\] {
	width: 56px
}

.w-fit {
	width: -moz-fit-content;
	width: fit-content
}

.w-full {
	width: 100%
}

.min-w-\[60px\] {
	min-width: 60px
}

.min-w-full {
	min-width: 100%
}

.max-w-\[200px\] {
	max-width: 200px
}

.max-w-\[380px\] {
	max-width: 380px
}

.max-w-\[70px\] {
	max-width: 70px
}

.max-w-\[92\%\] {
	max-width: 92%
}

.max-w-full {
	max-width: 100%
}

.max-w-none {
	max-width: none
}

.flex-1 {
	flex: 1 1 0%
}

.-translate-x-1\/2 {
	--tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
	--tw-translate-y: -50%
}

.translate-x-4 {
	--tw-translate-x: 1rem
}

.rotate-180,
.translate-x-4 {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
	--tw-rotate: 180deg
}

.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
	cursor: pointer
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-10 {
	grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid-cols-12 {
	grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-col {
	flex-direction: column
}

.items-end {
	align-items: flex-end
}

.items-center {
	align-items: center
}

.justify-start {
	justify-content: flex-start
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.justify-around {
	justify-content: space-around
}

.gap-16 {
	gap: 4rem
}

.gap-2 {
	gap: .5rem
}

.gap-4 {
	gap: 1rem
}

.gap-5 {
	gap: 1.25rem
}

.gap-6 {
	gap: 1.5rem
}

.gap-8 {
	gap: 2rem
}

.gap-\[30px\] {
	gap: 30px
}

.gap-\[55px\] {
	gap: 55px
}

.gap-\[5px\] {
	gap: 5px
}

.space-y-10>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2.5rem*var(--tw-space-y-reverse))
}

.space-y-\[80px\]>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(80px*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(80px*var(--tw-space-y-reverse))
}

.overflow-hidden {
	overflow: hidden
}

.whitespace-nowrap {
	white-space: nowrap
}

.rounded-full {
	border-radius: 9999px
}

.border {
	border-width: 1px
}

.border-b {
	border-bottom-width: 1px
}

.border-\[\#B3B3B3\] {
	--tw-border-opacity: 1;
	border-color: rgb(179 179 179/var(--tw-border-opacity))
}

.border-black {
	--tw-border-opacity: 1;
	border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-b-\[\#B3B3B3\] {
	--tw-border-opacity: 1;
	border-bottom-color: rgb(179 179 179/var(--tw-border-opacity))
}

.border-b-black\/20 {
	border-bottom-color: #0003
}

.bg-\[\#151617\]\/0 {
	background-color: #15161700
}

.bg-\[\#151617\]\/40 {
	background-color: #15161766
}

.bg-\[\#f6f6f6\] {
	--tw-bg-opacity: 1;
	background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.bg-black {
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/30 {
	background-color: #0000004d
}

.bg-black\/50 {
	background-color: #00000080
}

.bg-black\/\[0\.10\] {
	background-color: #0000001a
}

.bg-slate-500 {
	--tw-bg-opacity: 1;
	background-color: rgb(100 116 139/var(--tw-bg-opacity))
}

.bg-theme-black {
	--tw-bg-opacity: 1;
	background-color: rgb(36 36 36/var(--tw-bg-opacity))
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-gradient-to-r {
	background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-slate-50\/0 {
	--tw-gradient-from: #f8fafc00 var(--tw-gradient-from-position);
	--tw-gradient-to: #f8fafc00 var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-zinc-900\/60 {
	--tw-gradient-to: #18181b99 var(--tw-gradient-to-position)
}

.object-contain {
	-o-object-fit: contain;
	object-fit: contain
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.px-0 {
	padding-left: 0;
	padding-right: 0
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem
}

.px-\[35px\] {
	padding-left: 35px;
	padding-right: 35px
}

.py-10 {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem
}

.py-16 {
	padding-top: 4rem;
	padding-bottom: 4rem
}

.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.py-\[20px\] {
	padding-top: 20px;
	padding-bottom: 20px
}

.pb-10 {
	padding-bottom: 2.5rem
}

.pb-14 {
	padding-bottom: 3.5rem
}

.pb-28 {
	padding-bottom: 7rem
}

.pb-4 {
	padding-bottom: 1rem
}

.pb-6 {
	padding-bottom: 1.5rem
}

.pb-\[40px\] {
	padding-bottom: 40px
}

.pb-\[80px\] {
	padding-bottom: 80px
}

.pt-10 {
	padding-top: 2.5rem
}

.pt-32 {
	padding-top: 8rem
}

.pt-40 {
	padding-top: 10rem
}

.pt-\[150px\] {
	padding-top: 150px
}

.pt-\[60px\] {
	padding-top: 60px
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.font-asty {
	font-family: AstyCFStd, sans-serif
}

.font-saol {
	font-family: AstyCFStd, sans-serif;
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}

.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem
}

.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem
}

.text-5xl {
	font-size: 3rem;
	line-height: 1
}

.text-\[23px\] {
	font-size: 23px
}

.text-\[45px\] {
	font-size: 45px
}

.text-\[48px\] {
	font-size: 48px
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.font-bold {
	font-weight: 700
}

.font-light {
	font-weight: 300
}

.font-normal {
	font-weight: 400
}

.font-thin {
	font-weight: 100
}

.capitalize {
	text-transform: capitalize
}

.italic {
	font-style: italic
}

.leading-none {
	line-height: 1
}

.text-black {
	color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-black,
.text-white {
	--tw-text-opacity: 1
}

.text-white {
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.opacity-0 {
	opacity: 0
}

.opacity-40 {
	opacity: .4
}

.opacity-50 {
	opacity: .5
}

.transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.transition-transform {
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.duration-300 {
	transition-duration: .3s
}

.duration-500 {
	transition-duration: .5s
}

.content-none {
	--tw-content: none;
	content: var(--tw-content)
}

.\[writing-mode\:vertical-rl\] {
	writing-mode: vertical-rl
}

.before\:absolute:before {
	content: var(--tw-content);
	position: absolute
}

.before\:-top-10:before {
	content: var(--tw-content);
	top: -2.5rem
}

.before\:left-0:before {
	content: var(--tw-content);
	left: 0
}

.before\:top-0:before {
	content: var(--tw-content);
	top: 0
}

.before\:z-\[2\]:before {
	content: var(--tw-content);
	z-index: 2
}

.before\:h-8:before {
	content: var(--tw-content);
	height: 2rem
}

.before\:h-\[250px\]:before {
	content: var(--tw-content);
	height: 250px
}

.before\:w-\[1px\]:before {
	content: var(--tw-content);
	width: 1px
}

.before\:w-full:before {
	content: var(--tw-content);
	width: 100%
}

.before\:bg-black:before {
	background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.before\:bg-black:before,
.before\:bg-white:before {
	content: var(--tw-content);
	--tw-bg-opacity: 1
}

.before\:bg-white:before {
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.before\:duration-500:before {
	content: var(--tw-content);
	transition-duration: .5s
}

.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-10:after{content:var(--tw-content);bottom:-2.5rem}.after\:h-8:after{content:var(--tw-content);height:2rem}.after\:w-\[1px\]:after{content:var(--tw-content);width:1px}.after\:bg-black:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.after\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.hover\:bg-\[\#151617\]\/65:hover{background-color:#151617a6}.hover\:bg-\[\#9E2718\]:hover{--tw-bg-opacity:1;background-color:rgb(158 39 24/var(--tw-bg-opacity))}.hover\:bg-black\/50:hover{background-color:#00000080}.hover\:line-through:hover{text-decoration-line:line-through}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-65:hover{opacity:.65}.hover\:backdrop-blur-sm:hover{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.group:hover .group-hover\:translate-x-0{--tw-translate-x:0px}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:bg-\[\#151617\]\/60{background-color:#15161799}.group:hover .group-hover\:opacity-100{opacity:1}.prose-a\:text-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}@media (min-width:768px){.md\:absolute{position:absolute}.md\:sticky{position:sticky}.md\:right-14{right:3.5rem}.md\:order-last{order:9999}.md\:col-auto{grid-column:auto}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-start-1{grid-column-start:1}.md\:col-start-2{grid-column-start:2}.md\:mx-2{margin-left:.5rem;margin-right:.5rem}.md\:my-0{margin-top:0;margin-bottom:0}.md\:my-\[112px\]{margin-top:112px;margin-bottom:112px}.md\:mb-0{margin-bottom:0}.md\:mb-14{margin-bottom:3.5rem}.md\:mb-28{margin-bottom:7rem}.md\:mb-40{margin-bottom:10rem}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mt-6{margin-top:1.5rem}.md\:mt-\[80px\]{margin-top:80px}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[330px\]{height:330px}.md\:h-\[350px\]{height:350px}.md\:h-\[424px\]{height:424px}.md\:h-\[460px\]{height:460px}.md\:h-calc-100vh-150px{height:calc(100vh - 150px)}.md\:h-full{height:100%}.md\:h-screen{height:100vh}.md\:min-h-\[600px\]{min-height:600px}.md\:w-1\/2{width:50%}.md\:max-w-\[103px\]{max-width:103px}.md\:max-w-\[320px\]{max-width:320px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:items-stretch{align-items:stretch}.md\:justify-around{justify-content:space-around}.md\:gap-0{gap:0}.md\:gap-28{gap:7rem}.md\:gap-4{gap:1rem}.md\:gap-\[100px\]{gap:100px}.md\:gap-\[115px\]{gap:115px}.md\:space-y-\[80px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(80px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(80px*var(--tw-space-y-reverse))}.md\:bg-transparent{background-color:initial}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-\[80px\]{padding-top:80px;padding-bottom:80px}.md\:pb-0{padding-bottom:0}.md\:pb-28{padding-bottom:7rem}.md\:pb-\[50px\]{padding-bottom:50px}.md\:pb-\[80px\]{padding-bottom:80px}.md\:pt-0{padding-top:0}.md\:pt-\[130px\]{padding-top:130px}.md\:pt-\[150px\]{padding-top:150px}.md\:pt-\[170px\]{padding-top:170px}.md\:pt-\[80px\]{padding-top:80px}.md\:text-right{text-align:right}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-\[80px\]{font-size:80px}.md\:font-light{font-weight:300}}@media (min-width:1024px){.lg\:fixed{position:fixed}.lg\:absolute{position:absolute}.lg\:-right-\[100px\]{right:-100px}.lg\:left-1\/2{left:50%}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-4{grid-column-start:4}.lg\:my-\[80px\]{margin-top:80px;margin-bottom:80px}.lg\:mb-0{margin-bottom:0}.lg\:mb-14{margin-bottom:3.5rem}.lg\:mb-\[344px\]{margin-bottom:344px}.lg\:ml-\[100px\]{margin-left:100px}.lg\:mr-7{margin-right:1.75rem}.lg\:mr-\[56px\]{margin-right:56px}.lg\:mt-28{margin-top:7rem}.lg\:mt-\[100px\]{margin-top:100px}.lg\:mt-\[44px\]{margin-top:44px}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[405px\]{height:405px}.lg\:h-\[485px\]{height:485px}.lg\:min-w-\[580px\]{min-width:580px}.lg\:max-w-\[870px\]{max-width:870px}.lg\:-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:bg-transparent{background-color:initial}.lg\:p-16{padding:4rem}.lg\:px-\[35px\]{padding-left:35px;padding-right:35px}.lg\:px-\[50px\]{padding-left:50px;padding-right:50px}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:py-\[20px\]{padding-top:20px;padding-bottom:20px}.lg\:py-\[80px\]{padding-top:80px;padding-bottom:80px}.lg\:pb-14{padding-bottom:3.5rem}.lg\:pb-28{padding-bottom:7rem}.lg\:pb-\[100px\]{padding-bottom:100px}.lg\:pr-10{padding-right:2.5rem}.lg\:pt-14{padding-top:3.5rem}.lg\:pt-28{padding-top:7rem}.lg\:pt-\[230px\]{padding-top:230px}.lg\:pt-\[80px\]{padding-top:80px}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-\[60px\]{font-size:60px}}@media (min-width:1280px){.xl\:static{position:static}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:mt-8{margin-top:2rem}.xl\:h-full{height:100%}.xl\:pr-0{padding-right:0}.xl\:text-\[80px\]{font-size:80px}}.\[\&\>img\]\:h-\[300px\]>img{height:300px}.\[\&\>img\]\:h-\[390px\]>img{height:390px}.\[\&\>img\]\:h-full>img{height:100%}.\[\&\>img\]\:min-h-\[600px\]>img{min-height:600px}.\[\&\>img\]\:w-full>img{width:100%}.\[\&\>img\]\:object-cover>img{-o-object-fit:cover;object-fit:cover}@media (min-width:768px){.md\:\[\&\>img\]\:h-\[415px\]>img{height:415px}.md\:\[\&\>img\]\:h-full>img{height:100%}}.\[\&\>p\]\:text-base>p{font-size:1rem;line-height:1.5rem}.\[\&\>svg\>path\]\:stroke-black>svg>path{stroke:#000}.\[\&\>svg\>path\]\:duration-300>svg>path{transition-duration:.3s}.\[\&\>svg\]\:h-5>svg{height:1.25rem}.\[\&\>svg\]\:h-full>svg{height:100%}.\[\&\>svg\]\:w-5>svg{width:1.25rem}.\[\&\>svg\]\:w-full>svg{width:100%}

@media (min-width: 1024px) {
	.lg\:pt-14 {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}
}
.espa-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 2;
	display: flex;
	width: 320px;
}
.espa-banner:lang(el) {
	width: auto;
	height:90px;
	height: 55px;
}
.espa-banner img {
	width: 100%;
}

#trigger--gallery {
	display: flex;
	position: absolute;
	bottom: 20px;
	right: 80px;
	column-gap: 10px;
	align-items: center;
	cursor: pointer;
	background-color: #fff;
	padding: 16px 24px;
	transition:all ease-in-out 250ms;
	font-weight: 500;
}
#trigger--gallery svg path {
	stroke:#000;
}
#trigger--gallery:hover {
	background-color:rgba(255, 255, 255, .7);
}
@media(max-width:767px) {
	#trigger--gallery {
		right:unset;
		min-width:max-content;
		left:50%;
		transform:translateX(-50%);
		bottom:60px;
	}
	.mobile--direction-flex {
		display:flex;
		flex-direction:column-reverse;
	}
	.mobile--direction-flex > div:first-child {
		padding-bottom:0 !important;
	}
	.mobile--direction-flex > div:last-child {
		padding-bottom: 2.5rem;
		height:500px;
		position:relative;
	}
}

/* @media(min-width:1025px) {
.hero--image-height > img {
height:600px !important;
}
} */


.template--contact-map__wrapper {
	max-width: 1200px;
}

#template--contact-wrapper {
	margin-block: 150px;
}
#contact--map {
	height:750px;
	position:relative;
	z-index:0;
}
.leaflet-control-attribution.leaflet-control {
	display: none;
}
#template--contact-wrapper {
	margin-block: 85px;
}


/* Location Page */
.location__map-wrapper {
	min-height:100vh;
	position:relative;
	background-color:#000;
	z-index:1;
}
.maps__tabs {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left: 0;
	background-color: #fff;
	padding: 40px 20px;
	max-width:535px;
	z-index:20;
}
.maps__tabs-subtitle {
	margin-bottom:5px;
}
.maps__tabs .panel-collapse {
	display: none;
	max-height:140px;
	overflow:auto;
	text-align:center;
	margin-top: 15px;
}
.panel-heading a {
	padding:15px 10px;
	display:flex;
	justify-content:center;
	width:100%;
	transition:all ease-in-out 200ms;
	border-bottom:1px solid #8D8D8D;
	text-transform:uppercase;
	font-family: AstyCFStd, sans-serif;
	font-weight: 400;
}
.maps__accordion {
	border-top:1px solid #8D8D8D;
	margin-top: 65px;
}
.panel-body a {
	font-size: 16px;
	text-transform: uppercase;
	transition: all ease-in-out 200ms;
	line-height: 1.3;
	max-width: 350px;
	margin-inline: auto;
	display: block;
}
.panel-body a:hover {
	opacity:.7;
}
.panel-body:not(:last-child) {
	margin-bottom:12px;
}
.panel-body:last-child {
	padding-bottom:20px;
	border-bottom:1px solid #8D8D8D;
}
.location__page-items .location__page-item:nth-child(odd) .page__about-wrapper .theme-circle-585 {
	left: -225px;
	top: -145px;
	animation: float-reverse 8s ease-in-out infinite;
}
.location__page-items .location__page-item:nth-child(odd) .page__about-wrapper .theme-circle-324 {
	left:50%;
	transform:translateX(-50%);
	bottom:-160px;
	animation: float-with-translatex 8s ease-in-out infinite;
	animation-delay: 500ms;
}
.location__page-items .location__page-item:nth-child(even) .page__about-wrapper .theme-circle-324 {
	display:none;
}
.location__page-items .location__page-item:nth-child(even) .page__about-wrapper .theme-circle-585 {
	right:-30px;
	bottom:-60px;
	animation: float-reverse 8s ease-in-out infinite;
}
#location-map {
	margin-top:70px;
	min-height:100vh;
}
body.page-template-template-location .page__about-wrapper .theme-circle-472 {
	display:none;
}
.map_directions {
	margin-top: 35px;
	background-color: rgba(0, 0, 0,.5);
	padding: 20px 5px;
	border-radius: 10px;
}
.map_directions h2,
.map_directions h3,
.map_directions p {
	color:#fff;
	text-align:center;
	margin-bottom:10px;
}
.map_directions h2 {
	font-size:20px;
}
.map_directions h3 {
	font-size:18px;
}
.map_directions p {
	font-size:16px;
}
.maps__tabs .directions_text a {
	color: #fff;
	padding: 10px;
	font-size: 16px;
	line-height: 20px;
	border: 1px solid #fff;
	transition: all ease-in-out 250ms;
	display:flex;
	max-width:max-content;
	margin-inline:auto;
}
.maps__tabs .directions_text a:hover {
	color:var(--text-color);
	background-color:#fff;
}
.map_directions h3.no-margin {
	margin:0;
}
#location-map {
	position: relative;
	z-index: 0;
	width: 100%;
	min-height: 760px;
	align-self: stretch;
	margin: 0;
}
.location__map-wrapper {
	margin-top:85px;
	display:flex;
	align-items:center;
	background-color:#fff;
	min-height:unset;
}
.maps__tabs {
	min-width:535px;
	position:static;
	padding: 80px 30px;
	transform:unset;
}
.homepage__location-cols {
	margin-bottom:0;
}
.homepage__location-wrapper .site__cta.site__cta-dark.site__letter-spacing-hover {
	margin-top: 60px;
}
.mobile-menu-wrapper .mobile-nav-bar-menu a {
	transition:all linear 0.3s;
}
.mobile-menu-wrapper .mobile-nav-bar-menu a:hover {
	letter-spacing: 4px;
}
.homepage__location-wrapper .homepage__location-content h4 {
	margin-block: 20px 30px;
}
.homepage__location-wrapper .homepage__location-images {
	margin-top:0;
}
.mobile-menu-wrapper .mobile-nav-bar-menu a {
	margin-left:0;
}
@media(max-width:1150px) {
	.maps__tabs {
		padding-top:0;
		min-width:unset;
	}
	.location__map-wrapper {
		flex-direction: column;
	}
}

/* End Location */
.sub--footer {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 100px;
	color:#fff;
	text-transform:uppercase;
}
.footer--logo {
	width: 250px;
	height: auto;
}
footer#colophon {
	padding-block: 100px 70px;
}
.header-slider__single-content {
	max-width: 720px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.overlay.absolute.top-0.left-0.w-full.h-full.z-\[1\].bg-black\/\[0\.10\] {
	background-color: #00000038;
}
.header-slider__container .slick-dots {
	bottom: 50%;
	transform: translateY(50%);
}
.villa-card__content > p {
	margin-block: 30px;
}

.section.villas__container .grid.grid-cols-10.gap-4.items-end {
	gap: 50px;
}
.eat-me__gallery-single.relative .content .cta-arrow {
	max-width:max-content;
}
.eat-me__gallery-single.relative .content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	background-color: rgba(255, 255, 255, .90);
	max-width: 660px;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	left: 30px;
	padding: 40px;
}
.eat-me__gallery-single.relative {
	display: block;
}
.eat-me__gallery-single.relative .content h3 {
	font-size: 32px;
	line-height: 1.3;
	font-family: AstyCFStd, sans-serif;
}
body.home .section.villas__container .villa-card__content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	background-color: rgba(255, 255, 255, .90);
	max-width: 660px;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	left: 30px;
	padding: 40px;
}
body.home .section.villas__container .villa-card__content .cta-arrow {
	max-width:max-content;
}
.eat-me__gallery-single__slick img, .section.villas__container .villa-card__gallery .villa-card__gallery-single img {
	height: 760px;
}
@media(min-width:768px) {
	.single--service-preview__card:nth-child(even) > .flex {
		flex-direction:row-reverse;
	}
}
.load--more-images.cta.cta--black {
	cursor: pointer;
}
body.page-template-accommodation .images-gallery {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:15px;
}
body.page-template-accommodation .col-span-12.md\:col-span-10.md\:col-start-2.relative.bg-black .absolute.top-0.left-0.bg-black\/30.z-\[1\].flex.items-center.justify-center.h-full.w-full .col-span-12.lg\:col-span-10.lg\:col-start-2.flex.justify-around.mb-10.lg\:mb-14 .md\:max-w-\[103px\] {
	max-width: 80px;
}
body.page-template-accommodation .col-span-12.md\:col-span-10.md\:col-start-2.relative.bg-black .absolute.top-0.left-0.bg-black\/30.z-\[1\].flex.items-center.justify-center.h-full.w-full .col-span-12.lg\:col-span-10.lg\:col-start-2.flex.justify-around.mb-10.lg\:mb-14 {
	gap: 40px;

}
.villa--gallery-item img {
	height:100%;
	width:100%;
	object-fit:cover;
}
.villa--gallery-item {
	height:400px !important;
}
#masthead .grid.grid-cols-12 {
	position: relative;
}
#masthead .languages__container.flex.items-center.gap-\[5px\] {
	position: absolute;
	right: 120px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
body.page-template-accommodation .col-span-12.md\:col-span-10.md\:col-start-2.relative.bg-black .absolute.top-0.left-0.bg-black\/30.z-\[1\].flex.items-center.justify-center.h-full.w-full {
	flex-direction: column;
	row-gap: 50px;
}
.scroll--image-el {
	--height:calc(100svh - 120px);
	min-height: var(--height);
	position:relative;
}
.section.villas__container  .scroll--image-el .w-full.max-w-full.col-span-full.lg\:col-span-12 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	min-width: 100vw;
}
.section.villas__container .scroll--image-el .villa-card__gallery .villa-card__gallery-single img {
	height: var(--height);
	transition: all 1.2s cubic-bezier(.46,.03,.52,.96);
	width: 100%;
}
.section.villas__container .scroll--image-el:not(.active) .villa-card__gallery .villa-card__gallery-single img {
	transform: scale(.75);
}
.homepage--reasons-wrapper {
	padding-inline: 0;
}
.homepage--reasons-wrapper > div {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
}
.bg--overlay > div:first-child::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.2;
}
.bg--overlay > div:first-child {
	position:relative;
}
.explore__container .scroll--image-el img {
	height: var(--height);
	transition: all 1.2s cubic-bezier(.46,.03,.52,.96);
	width: 100%;
}
.explore__container .scroll--image-el:not(.active) img {
	transform: scale(.75);
}
.scroll--image-el.hero--image-height > img {
	height:100% !important;
}
body.page-template-accommodation .bg-white.pt-40.md\:pt-\[170px\].pb-10.md\:pb-\[80px\] .scroll--image-el.hero--image-height:not(.active) img {
	transform: scale(.75);
}
#homepage--reasons-wrapper {
	margin-top: -5rem;
}


.hero--image-height > img {
	height:100% !important;
	transition: all 800ms cubic-bezier(.46,.03,.52,.96);
}
.hero--image-height {
	height: calc(100svh - 102px) !important;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	min-width: 100vw;
}
.hero--image-height::before {
	content:'';
	position:absolute;
	transition: all 300ms ease-in-out 1.2s;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.2;
	z-index:1;
}
.single---hero:not(.active) .hero--image-height::before {
	opacity:0;
}
.single---hero {
	margin-top:102px;
	margin-bottom:150px;
}
.single---hero .bg-black,
.single---hero .bg-black\/30 {
	background-color:transparent !important;
}
.single---hero:not(.active) .hero--image-height img {
	transform: scale(.75);
}
.amenities--wrapper.pt-10.lg\:pt-28.grid.grid-cols-12.bg-\[\#f6f6f6\].pb-10.lg\:pb-28.mb-10.md\:mb-28.mt-10.md\:mt-28 {
	margin-inline: 0;
	max-width: 100%;
	padding-inline: 125px;
}
.explore__card h3.text-white.font-thin.text-4xl {
	max-width: 375px;
	text-align: right;
}
body.home .section.villas__container .villa-card__content {
	top:unset;
	transform:unset;
	bottom: 60px;
	left: -145px;
}
.plus--minus-wrapper {
	align-items:center;
	column-gap: 20px;
	display: flex;
	width: 100%;
	border-width: 1px;
	border-color: #0003;
	--tw-bg-opacity: 1;
	background-color: rgb(248 248 248/var(--tw-bg-opacity));
	padding: 1rem;
}

.plus--minus-wrapper > span:not(.wpcf7-form-control-wrap) {
	font-size:20px;
	cursor:pointer;
	display: block;
	min-width: 30px;
	transition:all ease-in-out 250ms;
	user-select:none;
	text-align: center;
	border: 1px solid #0000001c;
}
.plus--minus-wrapper > span:not(.wpcf7-form-control-wrap):hover {
	background-color:#000;
	color:#fff;
	border-color:#000;
}
.plus--minus-wrapper input {
	width:80px !important;
	border:none !important;
	background-color:transparent; !important;
	text-align:center;
	-webkit-appearance:textfield !important;
	appearance:textfield !important;
	padding:0 !important;
	height:100% !important;
}
.plus--minus-wrapper input::-webkit-inner-spin-button, 
.plus--minus-wrapper input::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}
* {
	outline:none !important;
}
#book-now .wpcf7-form-control-wrap input {
	height: 67px;
}
@media(max-width:1550px) {
	body.home .section.villas__container .villa-card__content {
		bottom: 40px;
		left: -108px;
	}
	#single--villa-amenities .text-xl.font-normal.md\:font-light.md\:text-3xl.text-white {
		font-size: 22px;
		line-height: 1.3;
	}
	.single--villa-about {
		padding-left:40px;
	}
}
@media(max-width:1024px) {
	body.home .section.villas__container .villa-card__content {
		left:0;
	}
	.scroll--image-el {
		--height: 500px;
	}
	#homepage--reasons-wrapper {
		margin-top: -2rem;
		padding-top: 35px;
	}
	.section.villas__container .scroll--image-el:not(.active) .villa-card__gallery .villa-card__gallery-single img,
	.explore__container .scroll--image-el:not(.active) img {
		transform: unset;
	}
}

@media(max-width:991px) {
	.col-span-12.md\:col-auto.md\:absolute.top-0.right-0.w-full.md\:w-1\/2.h-\[300px\].md\:h-full {
		padding-bottom: 2.5rem;
		height: 500px;
		width: 100%;
		position: relative;
	}
	.single---hero {
		margin-bottom: 0;
	}
	.single--villa-about {
		padding-left:0;
	}
	.single--villa-about > div {display: flex;
		flex-direction: column-reverse;}
	#masthead .languages__container.flex.items-center.gap-\[5px\] {
		right:80px;
	}
	.md\:text-\[80px\] {
		font-size: 55px;
	}
	.section-title,
	.philosophy__container h2.md\:text-\[80px\] {
		font-size:40px;
	}
	.philosophy__container .md\:gap-\[115px\] {
		gap: 60px;
	}
	.villa--gallery-item {
		height: 200px !important;
	}
	body.home .section.villas__container .villa-card__content {
		position: static;
		transform: unset;
		grid-column: span 10;
		width: 100%;
		max-width: 100%;
		min-width: unset;
	}
	.section.villas__container .grid.grid-cols-10.gap-4.items-end {
		display: flex;
		position: relative;
		flex-direction: column-reverse;
		gap: 10px;
		margin-top: 40px;
	}
	.section.villas__container .scroll--image-el .w-full.max-w-full.col-span-full.lg\:col-span-12 {
		position: static;
		transform: unset;
		min-width: unset;
	}
	.scroll--image-el {
		--height: 400px;
	}

	.homepage--reasons-wrapper > div {
		grid-template-columns: repeat(2, 1fr);
	}
	.header-slider__container .slick-dots {
		bottom: 20px;
		transform: translateX(50%);
		right: 50%;
		flex-direction: row;
		gap: 8px;
	}
	.philosophy__container h2.md\:text-\[80px\] {
		margin-bottom:40px;
	}
	.section.philosophy__container {
		margin-bottom: 0;
	}
	.section.villas__container {
		margin-top: 0;
	}
	.section.villas__container > div {
		margin-top: 30px;
	}
	#contact--map {
		height: 350px;
	}
}
.espa-banner {
	display:none;}

@media(max-width:767px) {
	.plus--minus-wrapper {
		justify-content:space-between;
	}
	.md\:text-\[80px\] {
		font-size: 46px;
	}
	.philosophy__container h2.md\:text-\[80px\] {
		margin-bottom: 20px;
	}
	.philosophy__container h2.md\:text-\[80px\] {
		font-size: 34px;
		line-height: 1.3;
	}
	.scroll--image-el {
		--height: 300px;
	}
	body.home .section.villas__container .villa-card__content {
		padding: 20px 0;
		gap: 0;
	}
	.homepage--reasons-wrapper > div {
		grid-template-columns: 1fr;
	}
	.explore__card h3.text-white.font-thin.text-4xl {
		font-size: 2rem;
		line-height: 2rem;
	}
	footer#colophon {
		padding-block: 40px 14px;
	}
	.sub--footer {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		row-gap: 10px;
		margin-top: 20px;
	}
	.footer-menu li a {
		justify-content: center !important;
		align-items: center;
		text-align: center;
		margin-inline: auto;
		line-height: 1 !important;
		font-size: 1.2rem !important;
	}
	.footer-menu li a::before {
		font-size:1.2rem !important;
	}
	.h-button span {min-width: unset;
	}
	footer#colophon .col-span-12.md\:col-span-4.lg\:col-span-4.xl\:col-span-3.flex.lg\:justify-end.social-media {
		justify-content:center;
	}
	footer#colophon .col-span-12.md\:col-span-4.lg\:col-span-4.xl\:col-span-3.flex.lg\:justify-end.social-media a {
		max-width: max-content;
		margin-inline: auto;
		font-size: 17px !important;
	}
	footer .h-button::before {
		font-size: 19px !important;
	}
	.h-button span {
		font-size: 17px;
	}
	.footer--logo {
		margin-inline: auto;
		width: 200px;
	}
	#go-to-top {
		writing-mode: unset;
		transform: unset;
	}
	footer#colophon .col-span-1.flex.justify-end.items-end.absolute.top-0.right-3.xl\:static.h-fit.xl\:h-full {
		justify-content: center;
		text-align: center;
		top:-10px;
		right: 50%;
		transform: translateX(50%);
	}
	footer#colophon .col-span-12.md\:col-span-4.lg\:col-span-4.xl\:col-span-3.flex.lg\:justify-end.social-media ul {
		gap: 10px;
	}
	.single---hero h1 {
		font-size: 40px;
	}
	#single--villa-amenities .text-xl.font-normal.md\:font-light.md\:text-3xl.text-white {
		font-size: 16px;
	}
	body.page-template-accommodation .col-span-12.md\:col-span-10.md\:col-start-2.relative.bg-black .absolute.top-0.left-0.bg-black\/30.z-\[1\].flex.items-center.justify-center.h-full.w-full .col-span-12.lg\:col-span-10.lg\:col-start-2.flex.justify-around.mb-10.lg\:mb-14 .md\:max-w-\[103px\] {
		max-width: 60px;
	}
	body.page-template-accommodation .col-span-12.md\:col-span-10.md\:col-start-2.relative.bg-black .absolute.top-0.left-0.bg-black\/30.z-\[1\].flex.items-center.justify-center.h-full.w-full .col-span-12.lg\:col-span-10.lg\:col-start-2.flex.justify-around.mb-10.lg\:mb-14 {
		gap: 16px;
	}
	.single--villa-about {
		padding-top: 55px;
	}
	.col-span-12.md\:col-auto.md\:absolute.top-0.right-0.w-full.md\:w-1\/2.h-\[300px\].md\:h-full {
		height:350px;
	}
	.amenities--wrapper.pt-10.lg\:pt-28.grid.grid-cols-12.bg-\[\#f6f6f6\].pb-10.lg\:pb-28.mb-10.md\:mb-28.mt-10.md\:mt-28 {
		padding-inline: 20px;
	}
	.col-span-12.md\:col-span-10.md\:col-start-2.grid.grid-cols-2.gap-8.md\:gap-28.relative.gallery.items-center.images-gallery {
		gap: 5px !important;
	}

	.villa--gallery-item {
		height: 100px !important;
	}
	.contact-form .form-row {
		flex-direction: column;
	}
	#contact--map {
		height: 300px;
	}
}


#book-now .wpcf7-form-control-wrap input[type="checkbox"] {
	height: auto;
	width: auto;
}

html, body {
	overflow-x:clip !important;
}

/* Gallery Page */
body.page-template-template-gallery .section__top-image {
	height:750px;
}
/* body.page-template-template-gallery .section__top-content {
top:unset;
bottom:140px;
transform:translateX(-50%);
} */
.gallery__page-grid {
	grid-template-columns:repeat(5,1fr);
	row-gap:10px;
	display:grid;
	column-gap:10px;
	margin:10px;
}
.gallery__page-item {
	aspect-ratio:1/1;
	display:flex;
	position:relative;
	height:100%;
	width:100%;
}
.gallery__page-item.hidden {
	display:none;
}
.gallery__page-item::before, 
.gallery__page-item::after {
	content: '';
	position: absolute;
	opacity: 0;
	visibility: hidden;
}
.gallery__page-item::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: all ease-in-out 350ms;
}
.gallery__page-item:hover::after {
	opacity: .25;
	visibility: visible;
}
.gallery__page-item:hover::before {
	opacity: 1;
	visibility: visible;
}
#load-more-gallery {
	cursor:pointer;
	max-width: max-content;
	margin: 60px auto;
	display: flex;
}
.object-cover.height-100.width-100 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body.page-template-template-gallery .single---hero {
	margin-bottom: 0;
}
@media(max-width:767px) {
	.gallery__page-grid {
		grid-template-columns: repeat(3,1fr);
	}
	#load-more-gallery {
		margin-block:40px;
	}
}
/* End Gallery Page */

.header-slider__container .slick-slide {
	overflow:hidden;
}
.header-slider__container .slick-slide img {
	transform: scale(1.2);
	transition: all 6s cubic-bezier(.46,.03,.52,.96) !important;
}
.header-slider__container .slick-slide.slick-active img {
	transform: translateY(-45px) scale(1.2);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300 !important;
}



#google--reviews h2 {
	margin:0 auto 50px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
#google--reviews {
	padding: 5rem 20px;
	max-width: 725px;
	margin: auto;
}

@media(max-width:767px) {
	#google--reviews h2 {
		margin-bottom:20px !important;
		font-size:25px !important;
	}
	#google--reviews {
		padding-block:35px 25px;
	}
}


#homepage--reasons-wrapper .section-title {
	text-align: center;
	margin-inline: auto !important;
	display: flex;
	justify-content: center;
	max-width: 500px;
}
#homepage--reasons-wrapper .col-span-full.lg\:col-span-4.mb-10.lg\:mb-0 {
	text-align: center;
}
.languages__container .lang--next {
	bottom: unset;
	top: 100%;
	padding-top: 6px;
}

@media(min-width:768px) and (max-width:1550px) {
	.logo.scaled {
		top: 55px;
		height: 150px;
		width: 150px;
		--tw-translate-y: -0px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
}


.sub--footer-left p {
	color:#fff;
	padding-left: 6px;
	letter-spacing: 1px;
	font-size: .875rem;
	line-height: 1.25rem;
}