/* === style.css === */
:root {
	--main-color:#194155;
	--main-color-alpha-0:#19415500;
	--main-color-transparent:#1941554D;
	--main-color-light:#0C2E52;
	--main-bg-color:#fff;
	--main-bg-color-transparent:#AAAAAAAA;
	--mobile-menu-bg-color:rgba(0, 13, 31, 0.95);
	--mobile-footer-menu-bg-color:#7c888f;
	--footer-menu-bg-color:#EEEEEE;
	--submenu-bg-color:#16343fd0;
	--invert-text-color:#fff;
	--main-font-family:'azo-sans-web', sans-serif;
	--heading-font-family:'kepler-std-display', serif;
	--spacer-line-width:1.5px;
	--main-padding:1em;
	--placeholder-color:#778DAA;
	--chefs-table-bg-color:#F6F7F9;
	--chefs-table-border-color:#D8DFE1;
	--cta-hover-spacing:0.085em;
	--cta-hover-underline:60%;
	--main-transition-time:0.5s;
	--transition-element-time:1.0s;
	--side-bar-width:3em;
	--side-bar-border-color:#AAAAAAAA;
	--main-highlight-color:#B59F6E;
	--main-highlight-color-transparent:#B59F6EA0;
	--outer-container-width:1920px;
	--inner-container-width:1580px;
	--btn-primary:#1b4155;
	--btn-primary-invert:#fff;

	--font-size-body:18;
	--font-size-h1:60;
	--font-size-h2:48;
	--font-size-h3:40;
	--font-size-h4:30;
	--font-size-h5:24;
	--font-size-h6:18;
	--font-size-sub-head:22;
}

html[prefix] {
	margin:0!important;
}

a[href^="tel"],
a[href^="email"] {
	color:inherit;
}

body {
	margin:0;
	padding:0;
	font-size:calc(var(--font-size-body) * 1px);
	font-family:var(--main-font-family);
	font-variant-numeric:lining-nums;
	font-weight:400;
	background-color:var(--main-bg-color);
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
	color:var(--main-color);
}

body main {
	font-family:var(--main-font-family);
}

body.loading {
	opacity:0;
}

body.finished-loading {
	opacity:1;
	position:static!important;
	overflow:auto!important;
	width:auto!important;
	border:none!important;
}

dialog#ot-cfe-modal {
	margin:0;
	border:none;
	max-width:100%;
	max-height:100%;
	box-sizing:border-box;
}

h1, h2, h3, h4, h5, h6 {
	font-family:var(--heading-font-family);
	font-weight:400;
	line-height:1.2;
}

h1, h2.font-size-h1 {
	font-size:calc(var(--font-size-h1) / var(--font-size-body) * 1em);
	line-height:1.0;
}

h2 {
	font-size: calc(var(--font-size-h2) / var(--font-size-body) * 1em);
}

h3 {
	font-size:calc(var(--font-size-h3) / var(--font-size-body) * 1em);
}

h4 {
	font-size:calc(var(--font-size-h4) / var(--font-size-body) * 1em);
}

h5 {
	font-size:calc(var(--font-size-h5) / var(--font-size-body) * 1em);
}

h6 {
	font-size:calc(var(--font-size-h6) / var(--font-size-body) * 1em);
}

h2.sub-head {
	font-family:var(--main-font-family);
	font-size:calc(var(--font-size-sub-head) / var(--font-size-body) * 1em);
}

a {
	color:var(--main-color);
	font-family: var(--main-font-family);
}

.dark-background a {
	color:var(--invert-text-color);
	font-family: var(--main-font-family);
}

.sans-serif {
	font-family:var(--main-font-family);
}

.serif {
	font-family:var(--heading-font-family);
}

.icon.before > picture.in-text-icon {
	margin-right:0.25em;
}

.icon.after > picture.in-text-icon {
	margin-left:0.25em;
}

.icon > picture.in-text-icon > img {
	width:0.8em;
}

img.in-text-icon[data-aspect-ratio="tall"] {
	vertical-align:middle;
}

p, more {
	line-height:1.4;
	font-family:var(--main-font-family);
	font-weight:400;
}

strong {
	font-weight:500;
}

.padding {
	box-sizing:border-box;
}

.content-block.text-section.is-fine-print-section > .inner-block > .padding > .text-inner > p {
	line-height:1.1;
}

.fine-print {
	font-size:0.8em;
	font-style:italic;
	font-weight:400;
}

p.fine-print {
	font-size:1em;
	line-height:1;
}

.nowrap {
	white-space:nowrap;
}

.mob-inline {
	display:none;
}

body.loading * {
	transition:none!important;
}

.align-left {
	text-align:left;
}

.align-right {
	text-align:right;
}

.align-center {
	text-align:center;
}

.nowrap {
	white-space:nowrap;
}

.transition-element.inline-block-item {
	display:inline-block;
}

.transition-element,
.transition-element::after {
	position:relative;
	transition-duration:var(--transition-element-time), var(--transition-element-time), var(--transition-element-time), var(--transition-element-time)!important;
	transition-property:transform, opacity, height, width!important;
	transition-timing-function:ease, ease, ease, ease!important;
	opacity:1;
	transform:translate(0, 0);
}

.transition-element[data-transition-end="true"],
.transition-element[data-transition-end="true"]::after {
	transition:none;
}

.transition-element.slide-up {
	opacity:0!important;
	transform:translate(0, max(3em, 25%));
}

.transition-element.slide-down {
	opacity:0!important;
	transform:translate(0, max(-3em, -25%));
}

.transition-element.slide-left {
	opacity:0!important;
	transform:translate(50%, 0);
}

.transition-element.slide-right {
	opacity:0!important;
	transform:translate(-50%, 0);
}

.inline-block-item.transition-element.slide-left {
	opacity:0!important;
	transform:translate(100%, 0);
}

.inline-block-item.transition-element.slide-right {
	opacity:0!important;
	transform:translate(-100%, 0);
}

.transition-element.slide-down-left {
	opacity:0!important;
	transform:translate(50%, max(4em, 50%));
}

.transition-element.slide-up-left {
	opacity:0!important;
	transform:translate(50%, min(-4em, -50%));
}

.transition-element.slide-down-right {
	opacity:0!important;
	transform:translate(-50%, max(4em, 50%));
}

.transition-element.slide-up-right {
	opacity:0!important;
	transform:translate(-50%, min(-4em, -50%));
}

.transition-element.draw-in {
	width:0!important;
	height:0!important;
	visibility:hidden;
}

.transition-element.fade-in {
	opacity:0!important;
}

.transition-element.scale-in-animate {
	transition:transform 5s ease;
}

.transition-element.scale-in {
	transform:scale(0.95);
	transition:transform 5s ease;
}

.carat-left,
.carat-right {
	width:1.0em;
	height:1.0em;
	display:inline-block;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
}

.carat-left {
	background-image:url("../img/carat-left-white.svg");
}

.carat-right {
	background-image:url("../img/carat-right-white.svg");
}

.content-area.custom-acf-page#primary {
	position:relative;
}

.content-block {
	position:relative;
	z-index:1;
}

.hidden {
	display:none!important;
}

brm,
brt,
brd {
	display:none;
}

nolig {
	font-variant-ligatures:no-contextual;
}

main#main {
	overflow:clip;
}

.collapsible.read-more[data-open="closed"] > .collapsibleBlock {
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
}

.collapsible.read-more a.trigger {
	margin-top:1.0em;
	color:var(--main-highlight-color);
	text-decoration:none;
	display:inline-block;
	font-size:1.0em;
	font-weight:500;
	transition:letter-spacing var(--main-transition-time);
}

.collapsible.read-more a.trigger::before {
	content:'';
	width:2.0em;
	height:0.1em;
	display:inline-block;
	vertical-align:middle;
	margin-right:0.5em;
	margin-bottom:0.25em;
	background-color:var(--main-highlight-color);
	transition:width var(--main-transition-time);
}

.collapsible.read-more[data-open^="clos"] a.trigger::after {
  content:'Read More';
}

.collapsible.read-more[data-open^="open"] a.trigger::after {
  content:'Read Less';
}

.collapsible.read-more a.trigger:hover {
	letter-spacing:0.1em;
}

.collapsible.read-more a.trigger:hover::before {
	width:3em;
}

.collapsible.carat-more > .collapsibleBlock {
	overflow:hidden;
	transition:height var(--main-transition-time);
}

.collapsible.carat-more[data-open="closing"] > .collapsibleBlock, 
.collapsible.carat-more[data-open="closed"] > .collapsibleBlock {
	height:0em!important;
}

.collapsible.carat-more[data-open="opening"] > .collapsibleBlock {
	height:0em;
}

.collapsible.carat-more[data-open="open"] > .collapsibleBlock {
	height:auto;
}

.collapsible.carat-more > .collapsibleBlock > .inner-block {
	padding: 0.1px 0;
}

.collapsible.carat-more .trigger {
	text-transform:uppercase;
	text-decoration:none;
	font-family:var(--main-font-family);
}

.collapsible.carat-more[data-open^="open"] .trigger::after {
	transform:rotate(180deg);
}

.collapsible.carat-more .trigger::after {
	content:'';
	width:1em;
	height:0.8em;
	display:inline-block;
	background-size:contain;
	background-position:center 60%;
	background-image:url(../img/carat-down-blue.svg);
	background-repeat:no-repeat;
	margin-left:0.5em;
	transition:transform var(--main-transition-time);
}

.content-area.custom-acf-page#primary .content-block.content-section:not(.dietary-icon-legend) > .inner-block > .padding > .content-block:last-of-type > .inner-block > .padding > .content {
	padding-bottom:3em;
}

.content-block.slider-section .collapsible[data-open="closing"] > .collapsibleBlock,
.content-block.slider-section .collapsible[data-open="closed"] > .collapsibleBlock {
	height:0em!important;
}

.visually-hidden {
	position: absolute;
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* Tablet and Desktop */
@media (width >= 750px) {
	.mob-only {
		display:none;
	}

	brm {
		display:block;
	}

	.flex-row {
		display:flex;
	}

	.flex-row > .flex-col-no-resize {
		flex:0 0 auto;
	}

	.flex-row > .flex-col {
		flex:1 1 auto;
	}
}

/* Mobile */
@media (width < 750px) {
	body {
		font-size:18px;
	}

	.mob-inline {
		display:inline;
	}

	.mob-hide {
		display:none;
	}

	brt {
		display:block;
	}

	:root {
		--font-size-body:18;
		--font-size-h1:38;
		--font-size-h2:34;
		--font-size-h3:28;
		--font-size-h4:22;
		--font-size-h5:20;
		--font-size-h6:18;
		--font-size-sub-head:22;
	}

	.hide-mobile {
		display:none;
	}

	body.no-heading-section > .content-area.custom-acf-page#primary > main#main {
		padding-top:4.7lh;
	}

	.collapsible.read-more a.trigger::before {
		margin-bottom:0.25em;
	}
}

/* Tablet and Mobile */
@media (width < 1200px) {
	:root {
		--main-padding:2em;
	}

	body.no-heading-section > .content-area.custom-acf-page#primary > main#main {
		padding-top:4.6lh;
	}
}

@media (width < 600px) {
	body {
		font-size:4.1vw;
	}

	:root {
		--main-padding:1.2em;
	}

	body.no-heading-section > .content-area.custom-acf-page#primary > main#main {
		padding-top:4.7lh;
	}
}

/* Tablet */
@media (750px <= width < 1200px) {
	.tab-hide {
		display:none;
	}
}

/* Desktop */
@media (width >= 1200px) {
	.small-only {
		display:none;
	}

	.collapsible.desk > .collapsibleBlock {
		height:0;
		overflow:hidden;
		transition:height var(--main-transition-time);
	}

	.collapsible.desk[data-open="open"] > .collapsibleBlock {
		height:auto;
	}

	.collapsible.desk > .collapsibleBlock > .inner-block {
		padding:0.1px 0;
		position:relative;
	}

	body.no-heading-section > .content-area.custom-acf-page#primary > main#main {
		padding-top:4.8lh;
	}

	.desk-hide {
		display:none;
	}

	brd {
		display:block;
	}
}

/* Large Desktop */
@media (width > 1920px) {
}

/* === cta.css === */
.gform_button.button,
.cta.round {
	display:inline-block;
	padding:1.75em 1.5em;
	background-color:var(--main-color);
	color:var(--main-bg-color);
	font-family:var(--main-font-family);
	font-size:0.6667em;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	border-radius:3em;
	border:solid 1px var(--main-bg-color);
	background-size:2.75em auto;
	background-position:right 0.75em center;
	background-repeat:no-repeat;
	letter-spacing: 0.05em;
	text-align:center;
	transition:all var(--main-transition-time);
	min-width:8em;
	cursor:pointer;
}

a.cta.text-link {
	text-decoration:none;
	font-size:0.75em;
	font-weight:500;
	font-family:var(--main-font-family);
	text-transform:uppercase;
}

.cta.round.invert {
	color:var(--main-color);
	background-color:var(--invert-text-color);
	border:solid 1px var(--main-color);
}

.cta.round.highlight {
	background-color:var(--main-highlight-color);
}

.cta.round.highlight.invert {
	color:var(--main-highlight-color);
	background-color:var(--invert-text-color);
	border:solid 1px var(--main-highlight-color);
}

.cta.round.highlight.invert.transparent {
  background-color: transparent;
}

.cta.round.no-icon {
	padding:2em!important;
	background-image:none!important;
}

.button-list > .cta.round.no-icon {
	flex:1 1 auto;
	text-align:center;
}

/* Mobile and Tablet */
@media (width < 1200px) {
}

/* Tablet and Desktop */
@media (width >= 750px) {
}

/* Mobile */
@media (width < 750px) {
	.button-list > .cta {
		flex:1 1 auto;
	}
}

@media (width < 600px) {
}

/* Tablet */
@media (750px <= width < 1200px) {
}

/* Desktop */
@media (width >= 1200px) {
	.gform_button.button,
	.cta.round {
		padding:1.75em 4em 1.75em 1.5em;
		background-image:url("../img/button-white-filled-circled-blue-arrow.svg");
	}

	.cta.round.invert {
		background-image:url("../img/button-blue-filled-circled-arrow.svg");
	}

	.cta.round.highlight {
		background-image:url("../img/button-white-filled-circled-gold-arrow.svg");
	}

	.cta.round.highlight.invert {
		background-image:url("../img/button-gold-filled-circled-arrow.svg");
	}

	.cta.round.invert {
		background-image:url("../img/button-blue-filled-circled-arrow.svg");
	}

	.cta.round.highlight {
		background-image:url("../img/button-white-filled-circled-gold-arrow.svg");
	}

	.cta.round.highlight.invert {
		background-image:url("../img/button-gold-filled-circled-arrow.svg");
	}
	
	.cta.round.highlight.invert.transparent {
    background-image: url("../img/button-gold-circled-arrow.svg");
  }

	.gform_button.button:hover,
	.cta.round:hover {
		color:var(--main-color);
		background-color:var(--invert-text-color);
		border:solid 1px var(--main-color);
		background-image:url("../img/button-blue-filled-circled-arrow.svg");
	}

	.cta.round.highlight:hover {
		color:var(--main-highlight-color);
		background-color:var(--invert-text-color);
		border:solid 1px var(--main-highlight-color);
		background-image:url("../img/button-gold-filled-circled-arrow.svg");
	}

	.cta.round.invert:hover {
		color:var(--invert-text-color);
		background-color:var(--main-color);
		border:solid 1px var(--invert-text-color);
		background-image:url("../img/button-white-filled-circled-arrow.svg");
	}

	.cta.round.highlight.invert:hover {
		color:var(--invert-text-color);
		background-color:var(--main-highlight-color);
		border:solid 1px var(--main-highlight-color);
		background-image:url("../img/button-white-filled-circled-gold-arrow.svg");
	}

	.cta.round.highlight.invert.transparent:hover {
    background-color: var(--main-highlight-color);
		color: var(--main-color);
		background-image:url("../img/button-blue-filled-circled-arrow.svg");
  }
}

/* === header.css === */
@property --hamburger-icon-size {
	syntax: '<number>'; /* Defines the data type, e.g., <number>, <length>, <color> */
	initial-value: 6.2;   /* Sets the starting value for the animation */
	inherits: true;    /* Determines if the property is inherited by child elements */
}

body {
	--hamburger-icon-size:6.2;
	transition:--hamburger-icon-size var(--main-transition-time);
}

body:has(header.top-menu-block[data-scoll-position="after-heading"][menu-open="closed"]) {
	--hamburger-icon-size:3.6;
}

body > header.top-menu-block {
	top:0;
	position:fixed;
	z-index:3;
	background-color:var(--main-color-transparent);
	transition:background-color var(--main-transition-time);
	backdrop-filter:blur(0.125em);
}

body > header.top-menu-block .padding {
	position:relative;
	z-index:4;
}

body > header.top-menu-block ul.menu {
	padding:0;
	margin:0;
	list-style:none;
}

body > header.top-menu-block ul.menu li {
	font-family:var(--main-font-family);
	font-size:1em;
	color:var(--invert-text-color);
	font-weight:400;
}

body > header.top-menu-block ul.menu a {
	text-transform:uppercase;
}

body > header.top-menu-block.always-dark,
body > header.top-menu-block[data-scoll-position="after-heading"] {
	background-color:var(--main-color);
}

body > header.top-menu-block > .outer-block {
	margin:0 auto;
}

body > header.top-menu-block > .outer-block > .inner-block {
	margin:0 auto;
}

body > header.top-menu-block > .outer-block > .inner-block > .padding {
	padding:0 var(--main-padding);
}

body > header.top-menu-block {
	border-bottom:solid 1px var(--main-bg-color-transparent);
}

body > header.top-menu-block ul.menu > li.icon > a::after {
	background-size:100% auto;
}

body > header.top-menu-block ul.menu > li.icon.villa > a::after {
	padding-top:36%;
	background-image:url("../img/logo-villa-eyire.svg");
}

body > header.top-menu-block ul.menu > li.icon.facebook > a::after {
	padding-top:100%;
	background-image:url("../img/gain-facebook-white.svg");
}

body > header.top-menu-block ul.menu > li.icon.instagram > a::after {
	padding-top:100%;
	background-image:url("../img/gain-instagram-white.svg");
}

.carat-left,
.carat-right {
	width:1.0em;
	height:1.0em;
	display:inline-block;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
}

.carat-left {
	background-image:url("../img/carat-left-white.svg");
}

.carat-right {
	background-image:url("../img/carat-right-white.svg");
}

#villa-reservation-container {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#0000009A;
	z-index:10;
	transition:opacity 1.0s;
	overflow:hidden;
	opacity:0;
	display:none;
}

#villa-reservation-container[data-show="false"] {
	display:block;
}

#villa-reservation-container[data-show="true"] {
	opacity:1;
	display:block;
}

#villa-reservation-container > .slide-out-container > .close-reservation-slide-out {
	position:absolute;
	top:0;
	right:0;
	padding:0.5em;
	font-size:1.5em;
	font-weight:bold;
	color:var(--main-color);
	text-decoration:none;
	transition:opacity var(--main-transition-time);
}

#villa-reservation-container > .slide-out-container > .close-reservation-slide-out:hover {
	opacity:0.6;
}

#villa-reservation-container > .slide-out-container {
	padding:3em 2em 2em;
	box-sizing:border-box;
	position:absolute;
	background-color:#fff;
	transition:transform 1.0s;
	box-sizing:border-box;
}

#villa-reservation-container > .slide-out-container.right {
	right:0;
	transform:translateX(100%);
}

#villa-reservation-container[data-show="true"] > .slide-out-container.right {
	transform:translateX(0);
}

#villa-reservation-container input[type="text"],
#villa-reservation-container input[type="tel"],
#villa-reservation-container input[type="date"],
#villa-reservation-container textarea,
#villa-reservation-container select {
	-webkit-appearance: none;
  appearance: none;
	border: 1px solid;
	background-color: #fff; 
	color:var(--main-color);
	font-size:1em;
	font-family:var(--main-font-family);
	font-weight:normal;
	padding:0.5em;
	box-sizing:border-box;
}

#villa-reservation-container .form-heading {
	font-weight:normal;
	font-size:2em;
	margin:1.0em 0 0.25em;
	color:var(--main-color);
}

#villa-reservation-container label {
	margin:1em 0 0.5em;
	text-transform:uppercase;
	font-weight:500;
	font-size:0.8em;
	color:var(--main-color);
	margin-bottom:0.2em;
}

#villa-reservation-container form.reservation-form > .form-body {
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-auto-flow:row;
	grid-column-gap:0.5em;
}

#villa-reservation-container form.reservation-form > .form-body > .g2 {
	grid-column:1 / span 2;
}

#villa-reservation-container form.reservation-form > .form-body > input[type="submit"] {
	margin-top:1em;
	border-radius:0;
	appearance:none;
	text-transform:uppercase;
	cursor:pointer;
}

#villa-reservation-container form.reservation-form > .form-body > input[type="submit"],
#villa-reservation-container a.cta {
	border:solid 2px var(--main-color);
	color:var(--main-color);
	padding:0.8em 1.0em;
	transition:background-color var(--main-transition-time), color var(--main-transition-time);
	font-family:var(--main-font-family);
	font-variant-numeric:lining-nums;
	font-weight:500;
	font-size:1em;
	background-color:transparent;
	letter-spacing:0;
}

#villa-reservation-container a.cta {
	display:inline-block;
	text-decoration:none;
}

#villa-reservation-container a.cta::after {
	display:none;
}

#villa-reservation-container form.reservation-form > .form-body > input[type="submit"]:hover,
#villa-reservation-container a.cta:hover {
	background-color:var(--main-color);
	color:var(--invert-text-color);
	letter-spacing:0;
}

#villa-mobile-cta-block {
	position:fixed;
	bottom:0;
	z-index:9;
	width:100%;
	background-color:var(--main-color-transparent);
	backdrop-filter:blur(0.125em);
	padding:1em;
	box-sizing:border-box;
	display:flex;
	gap:1em;
	transition:transform var(--main-transition-time);
	transform:translate(0, 100%);
}

#villa-mobile-cta-block > a.cta.round {
	flex:1 1 auto;
	padding:1.25em;
}

div[id*="ot-widget-container"] {
	position:absolute;
	top:-100%;
	left:-100%;
	opacity:0;
}

body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock {
  scrollbar-width:none;
	overflow-y:scroll;
}

/* Mobile and Tablet */
@media (width < 1200px) {
	html,
	body {
		scrollbar-width:none;
	}

	 body > header.top-menu-block[menu-open^="open"] {
		background-color:var(--mobile-menu-bg-color);
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding .hamburger {
		display:block;
		position:relative;
		width:calc(var(--hamburger-icon-size) * 1em);
		height:calc(var(--hamburger-icon-size) * 1em);
		transition:background-color var(--main-transition-time);
		margin-left:auto;
		z-index:1;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding .hamburger:hover {
		background-color:#0005;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding .hamburger > .layer {
		display:block;
		width:50%;
		height:5%;
		background-color:#fff;
		position:absolute;
		top:50%;
		right:25%;
		border-radius:1em;
		transition:all var(--main-transition-time);
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible[data-open^="open"] > .hamburger > .layer {
		opacity:0;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding .hamburger > .layer:first-child {
		top:38%;
		width:32%;
		right:34%;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding .hamburger > .layer:last-child {
		top:62%;
		width:32%;
		right:34%;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible[data-open^="open"] > .hamburger > .layer:first-child,
	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible[data-open^="open"] > .hamburger > .layer:last-child {
		top:50%;
		opacity:1;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible[data-open^="open"] > .hamburger > .layer:first-child {
		transform:rotate(45deg);
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible[data-open^="open"] > .hamburger > .layer:last-child {
		transform:rotate(-45deg);
	}

	body > header.top-menu-block {
		width:100%;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding {
		padding:0 0 0 var(--main-padding);
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob {
		display:flex;
		align-items:center;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock {
    position:absolute;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding a.logo > img {
		width:10em;
		display:block;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible > .collapsibleBlock > .inner-block {
		height:100%;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container > a.logo {
		display:block;
		background-image:url("../img/nav-icons/villa-logo-mobile.svg");
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		width:14.5em;
		height:4em;
		margin:1.1em 0 0 2em;
	}

	body:has(header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob[data-open^="open"]) {
		overflow:hidden;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob[data-open^="open"] > .collapsibleBlock,
	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob[data-open="closing"] > .collapsibleBlock {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100dvh!important;
		background-color:var(--mobile-menu-bg-color);
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock {
		opacity:0;
		transition:opacity 1s, left var(--main-transition-time);
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob[data-open^="open"] > .collapsibleBlock {
		opacity:1!important;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob[data-open="closed"] > .collapsibleBlock > .inner-block > .menu-main-menu-container {
		display:none;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible > .collapsibleBlock > .inner-block {
		padding:0.1px 0;
		position:relative;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.icon.villa {
		display:none;
	}

	body > header.top-menu-block ul.menu,
	body > header.top-menu-block ul.sub-menu {
		margin:0;
		padding:0;
		list-style:none;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu {
		display:flex;
		flex-direction:column;
		min-width:min(100%, 30em);
		margin:1em auto;
		gap:0.25em;
		flex:1 1 auto;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li[data-open^="open"],
	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li[data-open="closing"] {
		border-bottom:solid 1px var(--invert-text-color)
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li > a.first-child {
		pointer-events:none;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.menu-align-right {
		border:none;
		margin-top:auto;
		padding-top:2em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.menu-align-right > a {
		background-color:var(--btn-primary);
		color:var(--btn-primary-invert);
		text-align:center;
		border:none;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.last {
		border:none;
		margin-top:1em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.last > a {
		background-color:var(--btn-primary-invert);
		color:var(--btn-primary);
		text-align:center;
		border:none;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible[data-open="closed"] > .collapsibleBlock {
		height:0!important;
		overflow:hidden;
	}

	body > header#top-menu-block.top-menu-block ul > li > a {
		padding:1em 1em;
		display:block;
		text-decoration:none;
		color:var(--invert-text-color);
		font-size:1.5em;
		line-height:1;
		text-transform:uppercase;
		border-bottom:solid 1px var(--invert-text-color);
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible {
		position:relative;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible.villa-eyrie {
		margin-top:auto;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > a.trigger {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:calc(1em + 2px);
		padding-left:0;
		padding-right:0;
		border:none;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > a.trigger span.sub-menu-carat {
		position:absolute;
		right:1em;
		top:1em;
		height:1em;
		width:1em;
		background-image:url("../img/carat-down-white.svg");
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% auto;
		transform:rotate(0deg);
		transition:transform var(--main-transition-time);
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible[data-open^="open"] > a.trigger span.sub-menu-carat {
		transform:rotate(180deg);
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock {
		overflow:hidden;
    transition:height var(--main-transition-time);
		height:0;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible[data-open="open"] > .collapsibleBlock {
		height:auto;
	}
	
	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block {
		text-align:center;
		padding:0.5em 0;
		background-color:#ffffff0c;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu {
		display:grid;
		grid-template-columns:1fr;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li {
		text-align:left;
		position:relative;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li:nth-child(even) {
		background-color:#ffffff06;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li:nth-child(odd) {
		background-color:#ffffff0c;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li > a {
		padding:1em 2em;
		border:none;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block {
		display:flex;
		flex-direction:column;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob[data-open^="open"] > .collapsibleBlock > .inner-block > .menu-main-menu-container,
	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob[data-open="closing"] > .collapsibleBlock > .inner-block > .menu-main-menu-container {
		flex:1 1 auto;
		display:flex;
		flex-direction:column;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container > .social-icon-list {
		display:flex;
		align-items:center;
		justify-content:center;
		gap:2.25em;
		padding:2em 0;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container > .social-icon-list > a > img {
		width:2.0em;
		max-height:2.0em;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children > a.trigger {
		padding:0;
		width:100%;
		height:3em;
		position:absolute;
		top:0;
		left:0;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children > a.trigger > .sub-menu-carat {
		position:absolute;
		right:1em;
		top:1em;
		height:1em;
		width:1em;
		background-image:url(../img/carat-down-white.svg);
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% auto;
		transform:rotate(0deg);
		transition:transform var(--main-transition-time);
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible[data-open^="open"] > a.trigger > .sub-menu-carat {
		transform:rotate(180deg);
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children > .collapsibleBlock {
		overflow:hidden;
    transition:height var(--main-transition-time);
		height:0;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible[data-open="open"] > .collapsibleBlock {
		height:auto;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item:nth-child(odd) {
		background-color:#ffffff20;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item:nth-child(even) {
		background-color:#ffffff10;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item > a {
		padding:1em 3em;
		border-bottom:none;
	}
}

/* Mobile */
@media (width < 750px) {
	body > header.top-menu-block > .outer-block > .inner-block {
		max-width:100%;
		margin:0 auto;
	}

	.content-area.custom-acf-page .content-block .inner-block > .padding > .sidebar::after {
		height:calc(100% - 4px);
	}

	body {
		position:relative;
	}

	#villa-reservation-container {
		position:absolute;
	}

	#villa-reservation-container form.reservation-form > .form-body > .g1 {
		grid-column:1 / span 2;
	}

	#villa-reservation-container > .slide-out-container {
		padding:3em 1em 2em;
		width:100%;
	}

	#villa-reservation-container a.cta {
		display:block;
		margin-bottom:0.5em;
		letter-spacing:0;
	}
	
	body > header#top-menu-block.top-menu-block ul > li > a {
		font-size:1.125em;
	}
	
	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob[data-open^="open"] > .collapsibleBlock > .inner-block > .menu-main-menu-container,
	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob[data-open="closing"] > .collapsibleBlock > .inner-block > .menu-main-menu-container {
		padding: 0 1.5em;
	}

	body > header#top-menu-block.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container > .social-icon-list > a > img {
		width: 2em;
	}

	body:has(header.top-menu-block[data-scoll-position="after-heading"][menu-open="closed"]) #villa-mobile-cta-block {
		transform:translate(0, 0);
	}
}

/* Tablet */
@media (750px <= width < 1200px) {
	body > header.top-menu-block > .outer-block > .inner-block > .padding .hamburger {
		width:calc(var(--hamburger-icon-size) * 1em);
	}

	body > header.top-menu-block > .outer-block > .inner-block {
		max-width:100%;
	}
}

/* Tablet and Desktop */
@media (width >= 750px) {
	#villa-mobile-cta-block {
		display: none;
	}
	
	#villa-reservation-container {
		position:fixed;
	}

	#villa-reservation-container > .slide-out-container {
		height:100vh;
		top:0!important;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.collapsible.villa-eyrie {
		margin-top:0;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible.collapsible.mob > .collapsibleBlock > .inner-block > .menu-main-menu-container ul#menu-main-menu > li.menu-align-right {
		margin-top:0;
	}
}

/* Desktop */
@media (width >= 1200px) {
	body > header.top-menu-block {
		width:100%;
	}

	body > header#top-menu-block > .outer-block > .inner-block {
		/* width:var(--outer-container-width); */
		/* max-width:100%; */
		position:relative;
	}

	body > header.top-menu-block ul.menu li.short span {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding {
		padding:0 0 0 var(--main-padding);
	}

	body > header#top-menu-block.top-menu-block ul.menu > li > a {
		position:relative;
	}

	body > header#top-menu-block.top-menu-block ul.menu > li.collapsible.has-icon > a::before {
		position:absolute;
		left:50%;
		transform:translate(-50%, -100%);
		top:50%;
		opacity:0;
		transition:transform 0.25s, opacity 0.25s;
	}

	body > header#top-menu-block.top-menu-block ul.menu > li.collapsible.has-icon.villa-eyrie > a::before {
		content:url("../img/nav-icons/villa-icon.svg");
	}

	body > header#top-menu-block.top-menu-block ul.menu > li.collapsible.has-icon.alpina-restaurant > a::before {
		content:url("../img/nav-icons/alpina-icon.svg");
	}

	body > header#top-menu-block.top-menu-block ul.menu > li.collapsible.has-icon.tuscan-spa > a::before {
		content:url("../img/nav-icons/tuscan-icon.svg");
	}
	
	body > header#top-menu-block.top-menu-block ul.menu > li.collapsible.has-icon > a > span {
		position:relative;
		transition:top 0.25s, opacity 0.25s;
		top:0;
		opacity:1;
	}

	body > header#top-menu-block.top-menu-block ul.menu > li.collapsible.has-icon > a:hover > span {
		top:3em;
		opacity:0;
	}

	body > header#top-menu-block.top-menu-block ul.menu > li.collapsible.has-icon > a:hover::before {
		transform:translate(-50%, -50%);
		opacity:1;
	}

	body > header#top-menu-block.top-menu-block a.back {
		display:none;
	}

	body > header.top-menu-block ul.menu {
		display:flex;
		gap:2em;
	}

	body > header.top-menu-block ul#menu-main-menu > li:not(.icon) {
		font-size:0.666em;
	}

	body > header.top-menu-block ul#menu-main-menu > li.menu-align-left {
		margin-right:auto;
	}

	body > header.top-menu-block ul#menu-main-menu > li.menu-align-right {
		margin-left:auto;
	}

	body > header.top-menu-block ul#menu-main-menu > li.last {
		padding:0 2em;
		position:relative;
	}

	body > header.top-menu-block ul#menu-main-menu > li.last::before,
	body > header.top-menu-block ul#menu-main-menu > li.last::after {
		content:'';
		position:absolute;
		top:0;
		height:calc(100% + 3px);
		width:1px;
		background-color:var(--main-bg-color-transparent);
	}

	body > header.top-menu-block ul#menu-main-menu > li.last::before {
		left:0;
	}

	body > header.top-menu-block ul#menu-main-menu > li.last::after {
		right:0;
	}

	body > header.top-menu-block ul#menu-main-menu > li.icon {
		position:relative;
		padding:0;
		overflow:visible;
		width:1.5em;
	}

	body > header.top-menu-block ul.menu > li.icon > a::after {
		content:'';
		display:inline-block;
		width:12em;
		background-repeat:no-repeat;
		background-size:100% auto;
		background-position:center center;
		margin:0.5em 0;
	}

	body > header.top-menu-block ul#menu-main-menu > li.icon.instagram {
		margin-left:0.5em;
	}

	body > header.top-menu-block ul.menu > li:not(.icon) {
		transition:border var(--main-transition-time);
		padding:0;
		display:flex;
		flex-direction:column;
		border-bottom:solid 3px transparent;
	}

	body > header.top-menu-block ul.menu > li:not(.icon).current-menu-item,
	body > header.top-menu-block ul.menu > li:not(.icon).current-menu-parent,
	body > header.top-menu-block ul.menu > li:not(.icon):hover {
		border-bottom:solid 3px var(--invert-text-color);
	}

	body > header.top-menu-block ul.menu > li > a {
		color:var(--invert-text-color);
		text-decoration:none;
		transition:color 0.25s;
		letter-spacing:0.2em;
		height:100%;
		text-align:center;
		display:flex;
		align-items:center;
	}

	body > header.top-menu-block ul.menu > li.carat-left, 
	body > header.top-menu-block ul.menu > li.carat-right,
	body > header.top-menu-block ul.menu > li > a.trigger {
		display:none;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > ul.menu {
		margin-top:1em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding > #top-menu-collapsible > .collapsibleBlock > .inner-block > .menu-main-menu-container > ul#menu-main-menu > li.menu-item.menu-item-has-children > ul.sub-menu {
		display:none;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu {
		list-style:none;
		position:absolute;
		padding:0;
		margin:0;
		bottom:100%;
		display:flex;
		flex-direction:column;
		transition:opacity var(--main-transition-time);
		opacity:0;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li > a {
		font-size:1.167em;
		padding:0.5em 1.5em;
		display:block;
		color:var(--invert-text-color);
		text-transform:none;
		text-decoration:none;
		opacity:1;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children > a {
		padding-right:1.5em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li > a:hover {
		opacity:0.5;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children:hover > .collapsibleBlock > .inner-block > ul.sub-menu {
		top:calc(100% - 3px);
		bottom:auto;
		opacity:1;
		background-color:var(--submenu-bg-color);
		padding:1em 0 1em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li {
		position:relative;
		transition:top 0.25s;
		top:0;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li:nth-child(2) {
		top:-1.5em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li:nth-child(3) {
		top:-3em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li:nth-child(4) {
		top:-4.5em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li:nth-child(5) {
		top:-6em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li:nth-child(6) {
		top:-7.5em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children:hover > .collapsibleBlock > .inner-block > ul.sub-menu > li {
		top:0;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible {
		position:relative;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > a.trigger {
		position:absolute;
		width:0.5em;
		height:2em;
		background-image:url(../img/carat-right-white.svg);
		background-repeat:no-repeat;
		background-position:left center;
		background-size:auto 1em;
		right:1em;
		top:0;
		padding:0;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children:hover > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > a.trigger {
		transition:right 0.3s;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children:hover > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible:hover > a.trigger {
		right:0em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > .collapsibleBlock {
		position:absolute;
		left:100%;
		top:-1em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > .collapsibleBlock > .inner-block {
		overflow:hidden;
		width:0;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children:hover > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > .collapsibleBlock > .inner-block {
		interpolate-size:allow-keywords;
		transition:width var(--main-transition-time);
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible:hover > .collapsibleBlock > .inner-block {
		width:auto;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu {
		list-style:none;
		margin:0;
		opacity:1;
		background-color:var(--submenu-bg-color);
		box-sizing:border-box;
		padding:1em 2em;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li > a {
		font-size:1.167em;
		padding:0.5em 0;
		display:block;
		color:var(--invert-text-color);
		text-transform:none;
		text-decoration:none;
		opacity:1;
		white-space:nowrap;
	}

	body > header.top-menu-block > .outer-block > .inner-block > .padding ul.menu > li.menu-item.menu-item-has-children > .collapsibleBlock > .inner-block > ul.sub-menu > li.menu-item-has-children.collapsible > .collapsibleBlock > .inner-block > ul.sub-menu > li > a:hover {
		opacity:0.5;
	}

	body > header.top-menu-block[data-scoll-position="after-heading"]::before {
		opacity:0.9;
	}

	body > header.top-menu-block ul#menu-main-menu > li.icon.villa {
		width:12em;
		padding:0.5em 0;
	}
}

@media (1200px <= width < 1350px) {
	body > header.top-menu-block ul#menu-main-menu > li.icon.villa {
    width:5.5em;
	}

	body > header.top-menu-block ul.menu > li.icon.villa > a::after {
    padding-top: 93.1677%;
    background-image: url("../img/logo-villa-eyire-vertical-white.svg");
    width:5.5em;
	}
}

/* === footer.css === */

/* === type-scale.css === */
:root {
  /* Scale */
  --fs-xxs: calc(14 / var(--font-size-body) * 1em);
  --fs-xs: calc(var(--font-size-body) / var(--font-size-body) * 1em);
  --fs-sm: calc(var(--font-size-sub-head) / var(--font-size-body) * 1em);
  --fs-md: calc(var(--font-size-h6) / var(--font-size-body) * 1em);
  --fs-lg: calc(var(--font-size-h5) / var(--font-size-body) * 1em);
  --fs-xl: calc(var(--font-size-h4) / var(--font-size-body) * 1em);
  --fs-xxl: calc(var(--font-size-h3) / var(--font-size-body) * 1em);
  --fs-xxxl: calc(var(--font-size-h2) / var(--font-size-body) * 1em);
  --fs-display: calc(var(--font-size-h1) / var(--font-size-body) * 1em);
}

.text-xxs {
  font-size: var(--fs-xxs);
  line-height: 1.4;
}
.text-xs {
  font-size: var(--fs-xs);
  line-height: 1.4;
}
.text-sm {
  font-size: var(--fs-sm);
  line-height: 1.6;
}
.text-md {
  font-size: var(--fs-md);
  line-height: 1.4;
}
.text-lg {
  font-size: var(--fs-lg);
  line-height: 1.35;
}
.text-xl {
  font-size: var(--fs-xl);
  line-height: 1.25;
}
.text-xxl {
  font-size: var(--fs-xxl);
  line-height: 1.2;
}
.text-xxxl {
  font-size: var(--fs-xxxl);
  line-height: 1.15;
}
.text-display {
  font-size: var(--fs-display);
  line-height: 1.05;
}