/*

┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓   ┏━━━┓ ┏━━━┓ ┏━━━┓
┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃   ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃
┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃   ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓
┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃   ┃┃   ┃┃ ┃┃ ┃┃┃┃┃┃   ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃
┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃   ┃┃   ┃┗━┛┃ ┃┃┃┃┃┃   ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃
┗━━━┛ ┗━━━┛ ┗━━━┛   ┗┛   ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET"

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " LOCANDA DA MIMMO "

BASE (MOBILE) SIZE

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/




#preloader { top: 50%; left: 50%; transform: translate(-50%, 100%); background-color: var(--mimmo); z-index: 6; }
#preloader svg { width: 5.5em; }




/**
 *
 *  █  █  █▀▀  ▄▀▀▄  █▀▀▄  █▀▀  █▀▀▄
 *  █▀▀█  █▀▀  █▀▀█  █  █  █▀▀  █▐█▀
 *  ▀  ▀  ▀▀▀  ▀  ▀  ▀▀▀   ▀▀▀  ▀ ▀▀ - HEADER
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


header { top: 0; left: 0; z-index: 4; transition: .25s ease; }
header::before {
	display: inline-block; content: ''; position: absolute; top: 0; left: 0; transform: translateY(-100%);
	width: 100%; height: 100%; background: linear-gradient(to bottom, rgb(var(--mimmo-rgb) / 75%) 0%, rgb(var(--mimmo-rgb) / 0%) 100%);
	transition: .25s ease;
}
header.stuck { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
header.stuck::before { transform: translateY(0%); }

header.hidden { transform: translateY(calc(-100% - 1px)); }

.head_wrapper { gap: 1em; padding: .75em 1em; z-index: 2; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.head_logo { display: inline-block; width: auto; transform-origin: left; z-index: 1; }
.head_logo :where(img, svg) { width: 100%; height: 4em; filter: drop-shadow(1px 1px 1px rgb(10 10 10 / 50%)); }
.head_logo svg#logo { display: none; }
.head_logo svg :where(path, polygon, rect) { fill: var(--white); transition: .25s ease; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.head_wrapper > .flex-el { gap: 1em; max-width: calc(100% - 4em); margin-left: auto; min-height: calc(4em + 2px); transition: .25s ease-out; z-index: 2; }


/* Focus Menu */
#focus_menu { display: none; }


/* Lang Selector */
.head_wrapper .wpml-ls-legacy-list-horizontal { 
	padding: 0; min-width: fit-content; overflow: hidden;
	border: 1px solid rgb(var(--white-rgb) / 50%); border-radius: 20em; background: rgb(10 10 10 / 25%); 
}
.head_wrapper .wpml-ls-legacy-list-horizontal > ul {
	display: flex; align-items: center; justify-content: space-between;
	position: relative; padding: 2px; gap: .25em;
}
.head_wrapper .wpml-ls-legacy-list-horizontal .wpml-ls-item { position: relative; font-size: 100%; z-index: 1; }
.head_wrapper .wpml-ls-legacy-list-horizontal a { 
	display: flex; align-items: center; justify-content: center;
	min-width: calc(3ch + .75em - 4px); min-height: calc(3ch + .75em - 4px); padding: .375em; border-radius: 20em; 
	font: 500 100% / 1.25 var(--main-font); color: var(--white); text-transform: uppercase; text-align: center;
}
.head_wrapper .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language a { background-color: var(--mimmo); color: var(--white); }
.head_wrapper .wpml-ls-legacy-list-horizontal a span { padding-top: .325em; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#hamburger {
	display: inline-block; top: .75em; right: 1em; padding: .75em;
	border: 1px solid rgb(var(--white-rgb) / 50%);
	border-radius: 20em; background: rgb(10 10 10 / 25%);
	font-size: var(--rem); line-height: 0;
	overflow: visible; cursor: pointer; z-index: 3; transition: .25s ease;
}
#hamburger .wrap { width: 2.5em; height: 2.5em; }
#hamburger span {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
	width: 2.5em; height: 3px; border-radius: .2em;
	background-color: var(--white);
	transform-origin: center; will-change: transform; transition: .25s ease;
}
#hamburger .top_bun { top: .75em; }
#hamburger .burger { top: calc(50% - 1.5px); transform: scale(0); }
#hamburger .bottom_bun { bottom: .75em; }

/* Tapped / Clicked animation */
#hamburger.tapped span { background-color: var(--mimmo); transition: .25s ease; }
#hamburger.tapped .burger { opacity: 0; }
#hamburger.tapped .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
#hamburger.tapped .bottom_bun { top: 50%; transform: translate(-50%,-50%) rotate(-45deg); }

header.openMenu #hamburger.tapped span { background-color: var(--white); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#main_nav { position: fixed; top: 0; left: 0; transform: translateX(101%); transition: .375s ease-out; overflow: hidden; z-index: 1; }
#main_nav.active { transform: translateX(0%); }
#main_nav .menu_wrapper { padding-top: 6em; padding-bottom: 1.5em; gap: 1.5em; background-color: var(--mimmo); }

#main_nav .menu-menu-container { position: relative; width: 100%; }
#main_nav .menu { width: fit-content; margin: 0 auto; }
#main_nav .menu li { width: fit-content; margin: 0 auto; font: inherit; line-height: 1; transform: translateY(50%) scale(.75); opacity: 0; transition: .25s ease-out .25s; }
#main_nav .menu li:first-child { margin-top: 0; }
#main_nav .menu li:nth-of-type(2) { transition-delay: .3s; }
#main_nav .menu li:nth-of-type(3) { transition-delay: .35s; }
#main_nav .menu li:nth-of-type(4) { transition-delay: .4s; }
#main_nav .menu li:nth-of-type(5) { transition-delay: .45s; }
#main_nav .menu li:nth-of-type(6) { transition-delay: .5s; }
#main_nav .menu li:nth-of-type(7) { transition-delay: .55s; }
#main_nav .menu li:nth-of-type(8) { transition-delay: .6s; }
#main_nav .menu li:nth-of-type(9) { transition-delay: .65s; }
#main_nav .menu li:nth-of-type(10) { transition-delay: .7s; }
#main_nav .menu li:nth-of-type(11) { transition-delay: .75s; }
#main_nav .menu li:nth-of-type(12) { transition-delay: .8s; }
#main_nav.active .menu li { transform: translateY(0%) scale(1); opacity: 1; }
#main_nav .menu li a { 
	position: relative; display: inline-block; overflow: clip; margin: 0 auto; padding: .25em;
	font: 400 3.5vh / 1.25 var(--main-font); color: var(--white); text-transform: uppercase; text-align: center;
}
#main_nav .menu li a::before {
	display: inline-block; content: ''; position: absolute; bottom: .125em; left: 0; transform: translate(-110%, -50%);
	width: 100%; height: 1px; background-color: var(--mimmo); transition: .25s ease;
}
#main_nav .menu li.current-menu-item a { color: var(--ocra); }
#main_nav .menu li a:hover { color: var(--ocra); }
#main_nav .menu li a:hover::before { transform: translate(0%, -50%); }

#main_nav .link_round { background-color: transparent; border: 2px solid var(--white); }
#main_nav .link_round:hover { background-color: var(--white); color: var(--mimmo); }








/**
 *
 *  ▄▀▀▄  ▄▀▀  ▄▀▀  █▀▀  ▀▀█▀▀  ▄▀▀
 *  █▀▀█   ▀▄   ▀▄  █▀▀    █     ▀▄
 *  ▀  ▀  ▀▀   ▀▀   ▀▀▀    ▀    ▀▀  - ASSETS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.link {
	display: block; position: relative; width: fit-content; min-width: max-content; padding: .75em 1em .5em 1em;
	font: 400 125% / 1.25 var(--main-font); color: var(--mimmo); text-transform: uppercase;
}
.link::before {
	content: attr(data-hover); display: flex; align-items: center; justify-content: center;
	position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); transform-origin: center bottom;
	width: calc(100% - 2em); height: 100%; padding-top: .25em; clip-path: polygon(0 calc(100% - 2px), 100% calc(100% - 2px), 100% 100%, 0 100%);
	background: var(--gradient); font: inherit; color: var(--white); text-shadow: none !important;
	transition: .25s ease-out;
}
.link:hover::before { width: 100%; clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%); transition: .25s ease-out; }


.white .link { color: var(--white); }
.white .link::before { background: var(--white); color: var(--mimmo); }


.link_round { 
	gap: .75em; padding: .5em 1em; border-radius: 20em; background-color: var(--mimmo);
	font: 400 125% / 1.25 var(--main-font); color: var(--white); text-transform: uppercase; text-align: center;
}
.link_round :where(img, svg) { width: 1.25em; }
.link_round svg path { fill: var(--white); transition: .25s ease; }
.link_round span { display: block; margin-top: .25em; }
.link_round:hover { background-color: var(--white); color: var(--mimmo); }
.link_round:hover svg path { fill: var(--mimmo); }


.link_menu::before, .link_tel::before, .link_round::before { display: none; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.nav_btn { 
	top: 50%; transform: translateY(-50%); 
	width: 3.5em; padding: .25em; 
	z-index: 1; cursor: pointer; transition: .25s ease; 
}
.nav_btn :where(img, svg) { width: 100%; }
.nav_btn svg path { fill: var(--black); transition: .25s ease; }

.nav_prev { left: 0; }
.nav_next { right: 0; }

.nav_btn.swiper-button-disabled { display: none; }


/* Dots */
.nav_dots { gap: .5em; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

main, footer { transition: .375s ease-out; }
main.openMenu, footer.openMenu { transform: translateX(-95%); }

p, .p, li, .li { font-size: calc( var(--rem) * 1.25); }


.line:not(.mobile, .desktop) { display: block; }
.line { margin: var(--c10v) auto; width: 1px; height: 5em; background: rgb(var(--black-rgb) / 50%); }


.link_wrapper { gap: 1.5em 2.5em; }
.text .link_wrapper > a { margin: 0; }
.text.tac > .link, .text.tac_mobile > .link { margin-left: auto; margin-right: auto; }


/* Social */
.social { gap: .5em; }
.social a { display: inline-block; width: 3.5em; padding: .5em; }
.social a :where(img,svg) { width: 100%; }
.social a svg path { fill: var(--pink); transition: .25s ease; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BOOKING BANNER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#book_ban_btn {
	bottom: 1em; left: 50%; transform: translateX(-50%); width: max-content; padding: .75em 1.25em .5em 1.25em;
	background-color: var(--mimmo); box-shadow: 0 0 .75em rgb(10 10 10 / 25%);
	border: 1px solid var(--white); border-radius: 20em;
	font: 400 100% / 1.25 var(--main-font); color: var(--white); text-transform: uppercase;
	transition: .25s ease; z-index: 5;
}
#book_ban_btn:hover { background-color: var(--pink); }
#book_ban_btn.hide { transform: translate(-50%, calc(100% + 1.5em)); }

.modal_filter { 
	display: none; top: 0; left: 0; 
	background: rgb(var(--mimmo-rgb) / 25%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); 
	transition: .25s ease; z-index: 5; 
}

#booking_banner { 
	display: none; top: 50%; left: 50%; transform: translate(-50%, -50%); 
	width: calc(100% - var(--c10o)); padding: 2.5em var(--c5o) 2em var(--c5o);
	border-radius: .75em; background-color: var(--mimmo); box-shadow: 0 0 1em rgb(10 10 10 / 75%);
	transition: .25s ease; z-index: 6;
}
#booking_banner.show { display: block; }
#booking_banner h3 { display: none; }
#booking_banner #slope-bl { margin-top: 0; }
#booking_banner h3 #slope-bl { margin-top: 1.5em; }

#booking_banner .close_btn {
	top: 0; left: 50%; transform: translate(-50%, -50%);
	width: 2.5em; padding: .75em; line-height: 0;
	background: var(--white); box-shadow: 0 0 .5em rgb(10 10 10 / 50%);
	border-radius: 20em; border: 1px solid var(--mimmo);
	transition: .25s ease;
}
#booking_banner .close_btn svg { width: 100%; }
#booking_banner .close_btn svg path { fill: var(--mimmo); transition: .25s ease; }
#booking_banner .close_btn:hover { background-color: var(--pink); }
#booking_banner .close_btn:hover svg path { fill: var(--white); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








/**
 *
 *  █▀▀  ▄▀▀▄  ▄▀▀▄  ▀▀█▀▀  █▀▀  █▀▀▄
 *  █▀▀  █  █  █  █    █    █▀▀  █▐█▀
 *  ▀     ▀▀    ▀▀     ▀    ▀▀▀  ▀ ▀▀ - FOOTER
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


footer { overflow: hidden; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


/* Wrapper Loghi */
.foot_logo { gap: 1em; width: 12em; margin: 0 auto 2.5em auto; font: 400 150% / 1 var(--main-font); color: var(--mimmo); text-transform: uppercase; }
.foot_logo img { width: 100%; }


/* Foot Block */
.foot_block.text h4 + p { margin-top: 1em; }
.foot_block p { margin-top: 0; }
.foot_block p a:not(.foot_address) { font: inherit; font-weight: 400; color: var(--mimmo); text-decoration: underline; }


/* Foot Social */
#foot_social .social { margin-top: 1em; }


/* Foot Deco */
#foot_deco { pointer-events: none; user-select: none; margin-bottom: -45%; transform: rotate(45deg); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#credits { padding-top: 2em; padding-bottom: 2em; background: var(--gradient); }
#credits p { width: 100%; margin: 0 auto; z-index: 1; font-size: .825em; line-height: 1.5; }
#credits .resp_sep { display: none; }
#credits a { display: inline-block; font: inherit; color: inherit; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BACK TO TOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#back_top {
	display: none; z-index: 2; 
	bottom: .75em; right: 1em;
	--back-top-px: 40px;
	--back-top-min: 40;
	--back-top-max: 60;
	max-width: 60px; padding: 0; border-radius: 20em;
	cursor: pointer; transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; filter: drop-shadow(-1px 1px 2px rgb(10 10 10 / 50%)); }
#back_top svg path { fill: var(--mimmo); }








/**
 *
 *  ▄▀▀  █▀▀  ▄▀▀  ▀▀█▀▀  ▀  ▄▀▀▄  █▄ █  ▄▀▀ 
 *   ▀▄  █▀▀  █      █    █  █  █  █ ▀█   ▀▄ 
 *  ▀▀   ▀▀▀   ▀▀    ▀    ▀   ▀▀   ▀  ▀  ▀▀  - SECTIONS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.s1 { overflow: hidden; z-index: 1; }

.s1 .filter { background: rgb(10 10 10 / 25%); mix-blend-mode: multiply; }

.s1_title { padding-top: 2.75em; }
.s1_title h1 { text-shadow: .25rem .5rem 1.5rem rgb(var(--astino-rgb) / 50%); text-transform: uppercase; }
.s1_title h1 strong { font: 400 calc(var(--rem) * 1.25) / 1 var(--title-font); }
.s1_title p { font-weight: 500; text-shadow: 0 .25rem 1rem rgb(10 10 10 / 100%); }
.s1_title h1 strong { font-weight: normal; text-transform: uppercase; }

.s1_title .link_wrapper { margin-top: 1.5rem; }
.s1_title .link_wrapper > .link::before { display: none; }
.s1_title .link_wrapper > .link:not( .link_tel ) { background: var(--mimmo); color: var(--white); }
.s1_title .link_wrapper > .link:hover { background: var(--white); color: var(--mimmo); }
.s1_title .link { margin: 0; padding: .75em 1.25em .5em 1.25em; border-radius: 20em; }
.s1_title > .link { margin-top: 1.5em; }
.s1_title .link.flex { display: flex; gap: .75em; padding: .5em 1.25em; }
.s1_title .link.flex span { margin-top: .25em; }
.s1_title .link svg { width: 1.25em; }
.s1_title .link svg path { fill: var(--white); transition: .25s ease; }
.s1_title .link::after { display: none; }
.s1_title .link:hover { background-color: var(--white); }
.s1_title .link:hover svg path { fill: var(--mimmo); }
.s1_title .link_menu { background-color: var(--mimmo); }
.s1_title .link_tel { background-color: var(--pink); }
.s1_title .link_menu:hover { color: var(--mimmo); }
.s1_title .link_menu:hover svg path { fill: var(--mimmo); }
.s1_title .link_tel:hover { color: var(--pink) !important; }
.s1_title .link_tel:hover svg path { fill: var(--pink); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION FAQ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_faq .container { max-width: calc(1024px + var(--c10o)); }

.accordion { border-radius: 1em; background-color: var(--white); box-shadow: 0 0 1.5em rgb(10 10 10 / 12.5%); }
.accordion + .accordion { margin-top: 1em; }
.accordion .accordion_head { padding: 1.5em; gap: 1em; text-align: left; }
.accordion .accordion_head h3 { font: 600 125% / 1.25 var(--title-font); color: var(--black); transition: .25s ease; }
.accordion .accordion_head svg { width: 2.5em; min-width: 2.5em; transition: .25s ease; }
.accordion .accordion_head svg path { fill: var(--black); }
.accordion .accordion_head.active h3 { color: var(--mimmo); }
.accordion .accordion_head.active svg { transform: rotateX(180deg); }
.accordion .accordion_head.active svg path { fill: var(--mimmo); }
.accordion .text { display: none; padding: 0 1.5em 1.5em 1.5em; text-align: left; }








/**
 *
 *  ▄▀▀  ▄▀▀▄  █▀▀▄  █▀▀▄  ▄▀▀ 
 *  █    █▀▀█  █▐█▀  █  █   ▀▄ 
 *   ▀▀  ▀  ▀  ▀ ▀▀  ▀▀▀   ▀▀  - CARDS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ALLOGGIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_alloggio picture { background: var(--gradient); }
.card_alloggio picture, .card_alloggio picture > img { will-change: transform; transition: .5s ease; }
.card_alloggio:hover picture > img { transform: scale(1.05); }
.card_alloggio .card_filter { background: linear-gradient(0deg, rgb(10 10 10 / 25%) 0%, rgb(10 10 10 / 25%) 100%); }
.card_alloggio .text { padding: 1.5em 2.5em; }
.card_alloggio .text h3 { font-weight: 400; line-height: 1.25; text-shadow: 0 0 .5em rgb(10 10 10 / 75%); }
.card_alloggio .text h3 .p { display: block; margin-bottom: .5em; font-weight: 400; text-transform: uppercase; }








/**
 *
 *  █  █  ▄▀▀▄  █▄ ▄█  █▀▀
 *  █▀▀█  █  █  █ █ █  █▀▀
 *  ▀  ▀   ▀▀   ▀   ▀  ▀▀▀ - HOMEPAGE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s2_home { z-index: 0; }

#s2_home #s2_round_img { 
	width: 80%; margin: -15% auto 0 auto;
	border-radius: 100vw; overflow: hidden; box-shadow: 0 0 1.5em rgb(10 10 10 / 25%); 
}
#s2_home #s2_round_img img { object-fit: cover; }

#s2_home .sec_img .s2_deco { z-index: 1; pointer-events: none; user-select: none; }
#s2_home #s2_deco_1 { top: 0; right: 0; width: 25%; transform: translate(20%, 40%); }
#s2_home #s2_deco_2 { bottom: 0; left: 0; width: 40%; transform: translate(-35%, -25%); }
#s2_home #s2_deco_3 { bottom: 0; right: 0; width: 20%; transform: translate(var(--c2o), calc(var(--c15v) + -15%)); }

#s2_home .text_wrapper { max-width: 1080px; margin: 0 auto; }
#s2_home .text_wrapper .text h4 { font-weight: 300; font-size: calc(var(--h4-size) * .85); line-height: 1.25; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s3_home .sec_title { padding-bottom: calc(var(--c15v) * 2); background-color: var(--mimmo); }

#s3_home > .sec_title + .sec_child { margin-top: calc(-1 * var(--c15v)); }

#s3_home .nav_btn svg path { fill: var(--white); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 4 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.sec_form .container { position: relative; width: 100%; background-color: var(--mimmo); }
.sec_form .container > picture { display: none; }
.sec_form #form .wpforms-container { position: relative; margin-top: 1.5em; }








/**
 *
 *  █▀▀▄  ▄▀▀▄  ▄▀▀▀   █▀▀  ▄▀▀
 *  █  █  █▀▀█  █  ▀▌  █▀▀   ▀▄
 *  █▀▀   ▀  ▀   ▀▀▀   ▀▀▀  ▀▀  - TEMPLATES _ PAGINE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ALLOGGIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


/* Section 1 */
#s1_alloggio .s1_title .type { text-transform: uppercase; }
#s1_alloggio .s1_title .link { margin-top: 1.5em; }


/* Section 2 */
#s2_alloggio .container { max-width: unset; }

#s2_alloggio #s2_deco_1 { top: 0; right: 0; width: 25%; max-width: 20ch; transform: scaleX(-1) translate(-5%, 10%); pointer-events: none; user-select: none; }

#s2_alloggio #sidebar { margin: 0 auto; padding: 2em 1.5em; background-color: var(--mimmo); z-index: 1; }
#s2_alloggio #sidebar + .wrapper { margin-top: var(--c15v); }

#s2_alloggio .text + .text, #s2_alloggio .text + #services_alloggio, #s2_alloggio .text + #gallery_alloggio, #services_alloggio + #gallery_alloggio { margin-top: var(--c10v); }

#s2_alloggio .text p + #link_360 { margin-top:.5em; }
#link_360 { width: fit-content; padding: .5em 1.5em; background: var(--locanda); border: 2px solid var(--locanda); }
#link_360 span { display: inline-block; }
#link_360 svg { width: 1.5em; }
#link_360 svg path { fill: var(--white); transition: .25s ease; }
#link_360:hover { background: var(--white); color: var(--locanda); }
#link_360:hover svg path { fill: var(--locanda); }

#tour_360 h3 { font-size: 150%; }
#tour_360 h3 + iframe { margin-top: .5em; }
#tour_360 iframe { box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%); }

#services_alloggio .grid { margin-top: 1.5em; grid-template-columns: 1fr 1fr; gap: 1.5em 2.5em; }
#services_alloggio .service { align-items: flex-start; gap: .75em; }
#services_alloggio .service img { width: 1.5em; margin-top: -.125em; }
#services_alloggio .service span { display: inline-block; font: 300 100% / 1.25 var(--main-font); }

#gallery_alloggio { grid-template-columns: 1fr 1fr; gap: .75em; }
#gallery_alloggio a {}
#gallery_alloggio a:nth-of-type(odd) { transform: translateY(1.5em); }
#gallery_alloggio a picture {}
#gallery_alloggio a picture img { transition: .25s ease; }
#gallery_alloggio a .zoom_btn { width: 3.5em; padding: .5em; filter: drop-shadow(0 0 1em rgb(10 10 10 / 50%)); opacity: 0; transition: .25s ease-out; }
#gallery_alloggio a .zoom_btn svg { width: 100%; }
#gallery_alloggio a .zoom_btn svg path { fill: var(--white); transition: .25s ease; }
#gallery_alloggio a:hover .zoom_btn { opacity: 1; }

#s2_alloggio #s2_deco_2 { bottom: 0; right: 0; width: 25%; transform: translate(-10%, 15%); pointer-events: none; }


/* Booking Form */
#slope-bl { margin-top: 1.5em; }
#slope-bl #slope-widget { padding: 0; }
#slope-bl #slope-widget #slope-search-wrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1em; }
#slope-bl #slope-widget .slp-block { display: block; width: calc(50% - .75em); padding: 0; }
#slope-bl #slope-widget .slp-block.date-range-container,
#slope-bl #slope-widget .slp-block.date-range-container .slp-block, 
#slope-bl #slope-widget .slp-block:last-of-type { width: 100%; }
#slope-bl #slope-widget .slp-block.date-range-container { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 1em; }
#slope-bl #slope-widget .slp-block > div > div,
#slope-bl #slope-widget .slp-block .select-container { 
	display: flex; align-items: flex-end; justify-content: space-between; gap: 1em; width: 100%; 
}
#slope-bl #slope-widget .slp-block label {
	display: inline-block; min-width: fit-content; padding: 0;
	font: 400 100% / 1.25 var(--main-font); color: var(--white);
}
#slope-bl #slope-widget .slp-block input, 
#slope-bl #slope-widget .slp-block input, #slope-bl #slope-widget .slp-block select {
	appearance: none; -webkit-appearance: none; 
	flex: 1 1 auto; width: 100%; min-width: calc(2ch + 1em); height: auto;
	padding: .75em 0 .5em 0;
	border: none; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); border-radius: 0; background: transparent;
	font: 300 125% / 1.25 var(--main-font); color: var(--white); text-align: center;
}
#slope-bl #slope-widget button {
	display: block; width: 100%; max-width: 24em; height: auto;
	margin: 1em auto 0 auto; padding: .75em 1.25em .625em 1.25em;
	border-radius: 20em; background-color: var(--white);
	font: 500 125% / 1.25 var(--main-font); color: var(--mimmo);
	transition: .25s ease;
}
#slope-bl #slope-widget button:hover { background-color: var(--pink); color: var(--white); }


body .daterangepicker .table-condensed thead tr th {
	padding: .5em 0; border-radius: 0;
	background-color: rgb(var(--locanda-rgb) / 25%); color: var(--white);
}
body .daterangepicker td.active, body .daterangepicker td.active:hover { background-color: var(--locanda); color: var(--white); }
body .daterangepicker td.available:hover, body .daterangepicker th.available:hover { color: var(--locanda); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 1 */
#s1_contatti .filter { background: linear-gradient( 180deg, rgb(10 10 10 / 65%) -30%, rgb(10 10 10 / 0%) 100% ); }
#s1_contatti .s1_title h1 { text-transform: none; }


/* Section 2 */
#s2_contatti .text h4 { font-size: 150%; line-height: 1.25; color: var(--astino); }

#s2_contatti .card_contatti { margin-top: var(--c15v); }
#s2_contatti .card_contatti:first-of-type { margin-top: 0; }
#s2_contatti .card_contatti h3 { font: 400 calc(var(--h3-size) * .85) / 1.25 var(--title-font); color: var(--black); }
#s2_contatti .card_contatti :where(.head + p, .head + a, .head + div) { margin-top: 1em; }
#s2_contatti .card_contatti :where(p, a) { line-height: 1.5; }
#s2_contatti .card_contatti p + a { margin-top: .25em; }
#s2_contatti .card_contatti a { font-weight: 300; font-size: 112.5%; }
#s2_contatti .card_contatti a.email { font-weight: 400; text-decoration: underline; }
#s2_contatti .card_contatti .variants { margin-top: 1.5em; }
#s2_contatti .card_contatti .variants h4 { font-weight: 700; font-size: 125%; color: var(--mimmo); }
#s2_contatti .card_contatti .gmaps_link { margin-top: 1em; font: 400 125% / 1.25 var(--main-font); color: var(--astino); }
#s2_contatti .card_contatti .gmaps_link::before { background: linear-gradient(to bottom, rgb(207 143 113 / 100%) 0%, rgb(137 90 67 / 100%) 100%); }

#svg_map_wrapper::before, #svg_map_wrapper::after { display: block; content: ''; position: absolute; left: 0; width: 100%; height: 25%; z-index: 1; pointer-events: none; }
#svg_map_wrapper::before { top: 0; background: linear-gradient(to bottom, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 100%) 10%, rgb(255 255 255 / 0%) 100%); }
#svg_map_wrapper::after { bottom: 0; background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 90%, rgb(255 255 255 / 100%) 100%); }
#svg_map_wrapper picture img { opacity: .5; }
#svg_map_wrapper button { text-align: center; filter: drop-shadow(0 0 1em rgb(10 10 10 / 25%)); }
#svg_map_wrapper button img { display: block; width: 2.5em; margin: 0 auto; }
#svg_map_wrapper button img + span { margin-top: .5em; }
#svg_map_wrapper button span { display: block; font: 600 125% / 1.25 var(--main-font); color: var(--mimmo); text-align: center; }








/**
 *
 *  █▀▀  ▄▀▀▄  █▀▀▄  █▄ ▄█
 *  █▀▀  █  █  █▐█▀  █ █ █
 *  ▀     ▀▀   ▀ ▀▀  ▀   ▀ - FORM
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/* WP-Form - Custom */
#form { background-color: transparent; }

#form .wpforms-field { position: relative; padding-top: .75em; margin-bottom: 1.5em; }
#form .wpforms-field .wpforms-one-half { position: relative; }

#form .wpforms-field .wpforms-field-row:before, #form .wpforms-field .wpforms-field-row:after { display: none; }

#form .wpforms-field.wpforms-field-name .wpforms-field-row { gap: 4%; }
#form .wpforms-field .wpforms-field-row .wpforms-one-half { width: 48%; padding: 0; }

#form .wpforms-field:not(.wpforms-field-checkbox) label,
#form .wpforms-field label.wpforms-field-sublabel { 
	position: absolute; top: 1.5em; left: 0; margin: 0; min-width: unset;
	font: 400 100% / 1.25 var(--main-font); color: var(--white);
	transition: .25s ease;
}
#form .wpforms-field label.wpforms-field-sublabel { top: .75em; }
#form .wpforms-field:not(.wpforms-field-checkbox) label .wpforms-required-label { display: none; }
#form .wpforms-field.focus:not(.wpforms-field-checkbox) label,
#form .wpforms-field.focus label.wpforms-field-sublabel { transform: translateY(-1rem); font-size: 75%; opacity: .5; }

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 0; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); border-radius: 0;
	padding: .75em 0 .5em 0; font: 400 100% / 1.25 var(--main-font); color: var(--white);
}
#form .wpforms-field input::placeholder, 
#form .wpforms-field textarea::placeholder { color: var(--white); opacity: .75; }
#form .wpforms-field-date-time input.wpforms-field-date-time-date, 
#form .wpforms-field-date-time input.wpforms-field-date-time-time { background: transparent; }
#form .wpforms-field-date-time input { padding-right: 0; }

#form .wpforms-field.wpforms-field-checkbox li { padding: .5em 0; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: ; border: 1px solid rgb(var(--white-rgb) / 50%); border-radius: 0; }
#form .wpforms-field.wpforms-field-checkbox li label { color: var(--white); text-align: left; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--pink); }

#form .wpforms-field.wpforms-has-error :where(input, textarea, select) { border-color: #d63637; color: #d63637; }
#form .wpforms-field em.wpforms-error { margin: .5em 0 0 0; padding: 0; font-size: 75%; line-height: 1.25; text-align: left; }

#form button[type=submit], #form input[type=submit] {
	position: relative; width: fit-content; margin: 0 auto; padding: 1em 1em .75em 1em; 
	background-color: var(--white); border: 2px solid var(--white);
	font: 400 100% / 1.25 var(--main-font); color: var(--mimmo); text-transform: uppercase;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--pink); color: var(--white); }








/**
 *
 *  █▀▀  █  █  ▀▀█▀▀  █▀▀▄  ▄▀▀▄
 *  █▀▀  ▄▀▀▄    █    █▐█▀  █▀▀█
 *  ▀▀▀  ▀  ▀    ▀    ▀ ▀▀  ▀  ▀ - EXTRA
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_grazie, #s1_404 { background: linear-gradient(to right, var(--mimmo) 0%, #026F66 100%); }
#s1_grazie .s1_title { padding-top: 5.5em; }
#s1_grazie .s1_title h1 { line-height: .75; }
#s1_grazie h1 .small { font-size: 50%; text-transform: none; }
#s1_grazie p a { color: var(--white); text-decoration: underline; }
#s1_grazie p a:hover { color: var(--pink); }
#s1_grazie .link, #s1_404 .link { border-radius: 0; }
#s1_grazie .link:hover, #s1_404 .link:hover { background-color: transparent; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_404 { padding-top: 5.75em; background-color: var(--bkg_color); }

#s1_404 .s1_title h1 { font-size: calc(var(--h1-size) * .75); text-transform: none; }
#s1_404 .s1_title h1 span { font-size: calc(var(--h1-size) * 1.25); }
#s1_404 .s1_title p { font-size: 1.1rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CSS EXTRA O MOD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/












/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * RESPONSIVE
 *
 * Settare se necessario regole fluid per minmax di elementi specifici basandosi sulle seguenti regole:
 *	=>	ORIGINAL CALC			->	calc( 12px + (24 - 12) * ( (100vw - 360px) / (1920 - 360) ) )
 *	=>	CALC 1920px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 1560 ) )
 *	=>	CALC 1280px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 920 ) )
 *	=>	CALC 1024px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 664 ) )
 *
 * Da creare fluid dinamico con 2 step per i calc iniziali =   1920 -> 1024   1024 -> 360
 *
 * __________________________________________________________________________________________________________________________________________________________________________
 */




#scroll_btn { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 360px) / 1560 ) ); }

#back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); }




/**
 *
 *  █▄ ▄█  ▄▀▀▄  █▀▀▄  ▀  █     █▀▀
 *  █ █ █  █  █  █▀▀█  █  █  ▄  █▀▀
 *  ▀   ▀   ▀▀   ▀▀▀   ▀  ▀▀▀▀  ▀▀▀ - MOBILE PORT | 601 -> 767
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 601px) {

	
	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/

	.head_wrapper { padding: 1em 2.5%; z-index: 2; }

	/* Logo */

	/* Head Content */
	.head_wrapper > .flex-el {  }

	.head_wrapper .wpml-ls-legacy-list-horizontal a { min-width: calc(3ch + 1em - 4px); min-height: calc(3ch + 1em - 4px); padding: .5em; }

	#focus_menu { display: flex; }
	#focus_menu_btn { 
		justify-content: space-between; padding: .625em 1.5em; min-width: calc(12ch + 3em); font-size: 100%;
		border: 1px solid rgb(var(--white-rgb) / 50%); background-color: rgb(10 10 10 / 25%); 
	}
	#focus_menu_btn:hover { background-color: var(--white); }
	#focus_menu_modal {
		display: none;
		top: calc(100% + 1.5em); left: 50%; transform: translate(-50%, 0);
		width: max-content; border-radius: 1em; border: 1px solid rgb(var(--white-rgb) / 50%); background: var(--mimmo);
	}
	#focus_menu_modal .wrapper { max-width: 50ch; padding: 1.25em 2em; }
	#focus_menu_modal .wrapper::before {
		display: inline-block; content: ''; position: absolute; top: 1px; left: 50%; transform: translate(-50%,-100%); 
		width: 0; height: 0; filter: drop-shadow(0 -1.25px 0px rgb(var(--white-rgb) / 50%));
		border-left: 1em solid transparent; border-right: 1em solid transparent; border-bottom: 1em solid var(--mimmo);
	}
	#focus_menu_modal .wrapper a { padding: .5em 0; font: 400 125% / 1.25 var(--main-font); color: var(--white); }

	/* Hamburger */
	#hamburger { right: 2.5%; }

	/* Nav Menu */


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/

	/* Links */
	/* Swiper */

	/* Components */
	#slope-bl #slope-widget .slp-block.date-range-container { flex-wrap: nowrap; }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Structure */
	/* Credits */
	/* Back Top */


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/

	/* Section 1 */
	.s1_title p { font-size: 150%; }

	/* Section FAQ */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/

	/* Card Alloggio */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/

	/* Sec 1 */

	/* Sec 2 */
	#s2_home #s2_deco_2 { width: 30vw; }

	/* Sec 3 */
	.sec_child .swiper { padding: 1.5em var(--c10o) 0 var(--c10o); }
	.sec_child .nav_btn { width: 3em; top: calc(50% - 1.5em); height: calc(100% - var(--c15v)); }
	.sec_child .swiper-slide { transition: .25s ease-out; }
	.sec_child .swiper-slide-active { transform: translateY(-1.5em); }

	/* Sec 4 */


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/
	/* Template Alloggio */
	/* Template Contatti */


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/

	#form .wpforms-submit-container { position: absolute; bottom: 1.5em; right: 0; }


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}






/**
 *
 *  ▀▀█▀▀  ▄▀▀▄  █▀▀▄  █     █▀▀  ▀▀█▀▀
 *    █    █▀▀█  █▀▀█  █  ▄  █▀▀    █
 *    ▀    ▀  ▀  ▀▀▀   ▀▀▀▀  ▀▀▀    ▀   - TABLET |  768 x 1024  ->  1023 x 1280
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 768px) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Logo */
	/* Head Content */
	/* Hamburger */
	/* Nav Menu */


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Swiper */
	/* Components */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/

	/* Structure */

	/* Credits */
	#credits br { display: none; }
	#credits .resp_sep { display: inline-block; }

	/* Back Top */


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Section 1 */
	/* Section 2 */
	/* Section Link */
	/* Section FAQ */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* Card Alloggio */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */
	/* Sec 3 */
	/* Sec [...] */


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/

	/* Template Alloggio */
	#tour_360 h3 { font-size: var(--h3-size); }

	/* Template Contatti */
	#svg_map_wrapper { aspect-ratio: 4 / 3; }


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}



/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀▀█▀▀  ▄▀▀▄  █▀▀▄      ▄▀▀  █▄ ▄█  ▄▀▀▄  █    █ 
 *  █  █  █▀▀   ▀▄  █▀▄     █    █  █  █  █       ▀▄  █ █ █  █▀▀█  █ ▄  █ ▄ 
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀    ▀     ▀▀   █▀▀       ▀▀   ▀   ▀  ▀  ▀  ▀▀▀  ▀▀▀  - LAPTOP |  1024 x 768  ->  1280 x 720
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1024px) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/

	/* Logo */
	.head_logo :where(img, svg) { height: 2em; }
	.head_logo svg path { transition: .25s ease; }
	.head_logo svg#logo { display: inline-block; }
	.head_logo svg#logo_small { display: none; }
	.head_logo:hover svg :where(path, polygon, rect) { fill: var(--mimmo); }

	.openMenu .head_logo { transform: translateX(calc(-100% - 2.5vw - 1px)); }

	/* Head Content */
	.head_wrapper > .flex-el { min-height: 0; padding-right: 0; }

	.head_link.link_round { 
		padding: .625em 1.5em; font-size: 87.5%;
		border: 1px solid rgb(var(--white-rgb) / 50%); background-color: rgb(10 10 10 / 25%); 
	}
	.head_link.link_round:hover { background: var(--white); color: var(--mimmo); }
	.head_link.link_round:hover svg path { fill: var(--mimmo); }

	#head_room_btn.active { background-color: var(--mimmo); color: var(--white); }
	#head_room_btn.active svg { transform: scaleY(-1); }
	#head_room_btn.active svg path { fill: var(--white); }
	#head_room_btn.active:hover { background-color: var(--white); color: var(--mimmo); }
	#head_room_btn.active:hover svg path { fill: var(--mimmo); }
	#head_room_modal {
		display: none; top: calc(100% + 1.5em); left: 50%; transform: translate(-50%, 0); width: max-content;
		border-radius: 1em; border: 1px solid rgb(var(--white-rgb) / 50%); background: var(--mimmo);
	}
	#head_room_modal .wrapper { max-width: 50ch; padding: 1.25em 0; }
	#head_room_modal .wrapper::before {
		display: inline-block; content: ''; position: absolute; top: 1px; left: 50%; transform: translate(-50%, -100%); width: 0; height: 0;
		filter: drop-shadow(0 -1.25px 0px rgb(var(--white-rgb) / 50%)); 
		border-left: 1em solid transparent; border-right: 1em solid transparent; border-bottom: 1em solid var(--mimmo);
	}
	#head_room_modal .wrapper a { padding: .5em 2em; font: 400 125% / 1.25 var(--main-font); color: var(--white); }
	#head_room_modal .wrapper a:hover { background-color: var(--white); color: var(--mimmo); }

	.head_wrapper .wpml-ls-legacy-list-horizontal a { font-size: 87.5%; }
	.head_wrapper .wpml-ls-legacy-list-horizontal a:hover { background-color: var(--white); color: var(--mimmo); }

	/* Hamburger */
	#hamburger { display: none; }

	/* Nav Menu */
	#main_nav { display: none; }


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/

	/* Links */
	/* Swiper */

	/* Components */
	main.openMenu, footer.openMenu { transform: translateX(-50%); }

	.text.tac_mobile > .link { margin-left: 0; }

	/* Booking Banner */
	#book_ban_btn, #booking_banner .close_btn { display: none; }
	#booking_banner { display: block; top: auto; bottom: 0; left: 0; transform: translateY(100%); width: 100%; padding: 1.5em var(--c2o); border-radius: 0; }
	#booking_banner.show { transform: translateY(0); }
	#booking_banner #slope-bl #slope-widget #slope-search-wrapper { flex-wrap: nowrap; }
	#booking_banner #slope-bl #slope-widget .slp-block.date-range-container, 
	#booking_banner #slope-bl #slope-widget .slp-block.date-range-container .slp-block, 
	#booking_banner #slope-bl #slope-widget .slp-block:last-of-type { width: auto; }
	#booking_banner #slope-bl #slope-widget .slp-block { width: auto; }
	#booking_banner #slope-bl #slope-widget .slp-block > div > div, 
	#booking_banner #slope-bl #slope-widget .slp-block .select-container { gap: .5em; }
	#booking_banner #slope-bl #slope-widget .slp-block label { font-size: 87.5%; }
	#booking_banner #slope-bl #slope-widget .slp-block input,
	#booking_banner #slope-bl #slope-widget .slp-block input,
	#booking_banner #slope-bl #slope-widget .slp-block select { padding: 0; }
	#booking_banner #slope-bl #slope-widget button { width: fit-content; padding: .75em 1.25em .5em 1.25em; margin: 0; }

	/* Sidebar */
	#sidebar { position: fixed; top: auto; bottom: 0; left: 0; background-color: var(--locanda); z-index: 4; }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/

	footer .container { max-width: calc(1280px + var(--c10o)); }

	/* Structure */
	#wrapper_loghi { flex-wrap: nowrap; gap: 3.5em; }
	#wrapper_loghi .foot_logo { order: 2; font-size: 112.5%; }
	#wrapper_loghi .block_loghi { gap: 2em; justify-content: space-between; }
	#wrapper_loghi .block_loghi:nth-of-type(1) { order: 1; }
	#wrapper_loghi .block_loghi:nth-of-type(2) { order: 3; }
	#wrapper_loghi .block_loghi a { will-change: transform; }
	#wrapper_loghi .block_loghi a:hover { transform: scale(1.1); filter: drop-shadow(0 .125em .25em rgb(10 10 10 / 25%)); }

	.foot_block p a, .foot_block p a:not(.foot_address) { font-weight: 300; color: var(--black); text-decoration: none; }
	.foot_block p a:hover { font-weight: 400; color: var(--mimmo); text-decoration: underline; }

	#foot_info { flex-wrap: nowrap; justify-content: space-between; }
	#foot_info .w100 { width: fit-content; min-width: calc(50% - 1px); }
	#foot_info div:nth-of-type(2) { text-align: right; }
	#foot_info .line.desktop { margin: 0; height: 6.75em; background-color: rgb(10 10 10 / 50%); }

	#foot_social { margin-top: var(--c15v); }
	.social a { width: 3em; }
	.social a:hover { transform: scale(1.1); }
	.social a:hover svg path { fill: var(--mimmo); }

	#foot_deco { width: 50%; margin: 0 auto -22.5% auto; }

	/* Credits */
	#credits { gap: .5em 1.5em; }
	#credits p { width: auto; margin: 0; text-align: center; }
	#credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--pink); }
	#credits #credits_studio:hover { color: #e74e0f; }

	/* Back Top */
	#back_top { opacity: 1; }


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	
	/* Section 1 */
	.s1_title .link svg { width: 1.25em; }

	/* Section FAQ */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* Card Alloggio */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/

	/* Sec 1 */

	/* Sec 2 */
	#s2_home #s2_deco_1 { width: 20%; transform: translate(0%, 40%); }
	#s2_home #s2_deco_2 { width: 20%; transform: translate(-35%, -50%); }

	#s2_home .text_wrapper .text h4 { font-size: var(--h4-size); }

	#s2_home #s2_round_img { width: 60%; margin-top: -12.5%; }

	/* Sec 3 */
	#s3_locale .sec_split #deco_1, #s4_eventi .sec_split #deco_1 { width: fit-content; height: 85%; transform: translate(17.5%, 2.5%); }

	.sec_child .swiper { width: 120%; margin-left: -10%; padding: 0 0 3em 0; }
	.sec_child .swiper .swiper-slide { transition: .25s ease .125s; }
	.sec_child .swiper .swiper-slide-active, .sec_child .swiper .swiper-slide-next + div { transform: translateY(3em); }
	.sec_child .swiper-slide-active { transform: none; }
	.sec_child .nav_btn { top: auto; bottom: var(--c15v); width: 2.5em; height: auto; transform: translateY(50%); }
	.sec_child .nav_prev { left: auto; right: calc(3.5em + 5%); }
	.sec_child .nav_next { right: 5%; }
	.sec_child .nav_btn svg path { fill: var(--black); }
	.card_alloggio .text h3 .p { font-size: var(--rem); }
	.card_alloggio .text h3 { font-size: calc(var(--h2-size)* .5); }

	#s3_locale .sec_gallery .swiper { width: 120%; margin-left: -10%; padding: 0; }
	#s3_locale .sec_gallery .swiper-slide:nth-of-type(even) { transform: translateY(3em); }
	#s3_locale .sec_gallery .swiper-slide picture { aspect-ratio: 8 / 9; }

	#s3_locale .sec_split { margin-top: 3em; }
	#s3_locale .sec_split #deco_1, #s4_eventi .sec_split #deco_1 { height: 100%; }

	#s3_home .sec_child { padding-bottom: var(--c15v); }

	/* Sec 4 */
	.sec_form { padding: 0 var(--c3o); }
	.sec_form .container > picture { display: block; }
	.sec_form .text { padding: var(--c12v) var(--c3o); }


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/

	/* Template Alloggio */
	#s2_alloggio .container { padding: var(--c10v) var(--c2o) var(--c10v) var(--c5o); flex-direction: row-reverse; }

	#s2_alloggio #sidebar { position: sticky; top: 15vh; width: 18em; margin: 0; }
	#s2_alloggio #sidebar #slope-bl #slope-widget .slp-block.date-range-container { flex-wrap: wrap; }

	#s2_alloggio #sidebar + .wrapper { margin: 0; }
	#s2_alloggio .wrapper { width: calc(100% - 18em); padding: 0 var(--c5o) 0 0; }

	#s2_alloggio #s2_deco_1 { width: 17.5%; max-width: unset; transform: scaleX(-1) translate(-5%, 10%); z-index: 1; }
	#s2_alloggio #s2_deco_2 { width: 15%; transform: translate(-20%, 15%); }
	
	#slope-bl #slope-widget .slp-block label { font-size: 75%; }
	#slope-bl #slope-widget .slp-block input,
	#slope-bl #slope-widget .slp-block input,
	#slope-bl #slope-widget .slp-block select,
	#slope-bl #slope-widget button { 
		font-size: 100%; padding: .5em 0 .25em 0;
	}
	#slope-bl #slope-widget button { padding: .75em 1em .5em 1em; }

	#s3_locanda .nav_btn { bottom: 0; }

	#page_alloggio #book_ban_btn { display: none; }

	/* Template Contatti */
	#svg_map_wrapper { position: absolute; top: 0; right: 0; aspect-ratio: unset; width: calc(50% + var(--c5o)); height: 100%; z-index: 2; }
	#svg_map_wrapper::before, #svg_map_wrapper::after { display: block; content: ''; position: absolute; z-index: 1; }
	#svg_map_wrapper::before { 
		top: 0; left: 0; width: var(--c5o); height: 100%; 
		background: linear-gradient(to right, rgb(var(--white-rgb) / 100%) 0%, rgb(var(--white-rgb) / 0%) 100%);
	}
	#svg_map_wrapper::after { 
		bottom: 0; left: 0; width: 100%; height: 25%; 
		background: linear-gradient(to bottom, rgb(var(--white-rgb) / 0%) 0%, rgb(var(--white-rgb) / 100%) 100%); 
	}
	#svg_map_wrapper svg { 
		position: absolute; top: 50%; left: 50%; width: 100%; 
		transform-origin: center; transform: translate(-50%, -50%) scale(1.25); 
		transition: .5s ease-out; will-change: transform; 
	}
	#svg_map_wrapper svg #map path { opacity: .375; }
	#svg_map_wrapper svg #map #svg_map_main { opacity: .625; }
	#svg_map_wrapper svg #testi g { opacity: .25; }
	#svg_map_wrapper svg #testi g.main_text { opacity: .5; }
	#svg_map_wrapper svg .logo { opacity: 0; transform: scale(0.1); transition: .5s ease-out; will-change: opacity, transform; }
	#svg_map_wrapper svg #svg_logo_1 { transform-origin: 1230.3px 607.5px; }
	#svg_map_wrapper svg #svg_logo_2 { transform-origin: 1235.3px 626.8px; }
	#svg_map_wrapper svg #svg_logo_3 { transform-origin: 1241px 614.7px; }
	#svg_map_wrapper svg #svg_logo_4 { transform-origin: 1081.4px 590.5px; }
	#svg_map_wrapper svg #svg_logo_5 { transform-origin: 1217.7px 612.6px; }
	#svg_map_wrapper svg #svg_logo_6 { transform-origin: 1272.75px 621.82px; }
	#svg_map_wrapper svg #svg_logo_7 { transform-origin: 1224.3px 623.4px; }
	#svg_map_wrapper svg #svg_logo_8 { transform-origin: 1404.6px 565.9px; }
	#svg_map_wrapper svg .logo.active { opacity: 1; transform: scale(1); }

	#s2_contatti .container { z-index: 2; }
	#s2_contatti .card_contatti .head { text-align: left; }
	#s2_contatti .text :where(h1, h2, h3, h4, h5, p, li){ text-shadow: 0 0 1em rgb(var(--white-rgb) / 50%), .05em .025em 0.25em var(--white), 0 0 0.5em rgb(var(--white-rgb) / 50%); }
	#s2_contatti .text :where(p, li) { font-weight: 500; }
	#s2_contatti .card_contatti .gmaps_link { margin: 0.5em 0 0 -1em; }


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/

	#form .wpforms-field { margin-bottom: 2em; }

	#form .wpforms-submit-container { position: relative; bottom: auto; right: 0; }
	#form button[type=submit], #form input[type=submit] { margin-right: 0; }


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}






/**
 *
 *  █     ▄▀▀▄  █▀▀▄  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  ▄  █▀▀█  █  █   █   █  █  █  █
 *  ▀▀▀▀  ▀  ▀  █▀▀    ▀    ▀▀   █▀▀  - LAPTOP |  1281 x 720  ->  1366 x 768
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1281px) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/

	/* Logo */
	.head_logo :where(img, svg) { height: 2.5em; }

	/* Head Content */
	.head_link.link_round,
	.head_wrapper .wpml-ls-legacy-list-horizontal a { font-size: 100%; }

	/* Hamburger */
	/* Nav Menu */


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/

	/* Links */
	/* Swiper */

	/* Components */
	#booking_banner #slope-bl { max-width: calc(1920px - var(--c5o)); margin: 0 auto; }
	#booking_banner #slope-bl #slope-widget #slope-search-wrapper { gap: 0 3em; }
	#booking_banner #slope-bl #slope-widget .slp-block.date-range-container { flex: 1 1 auto; gap: 0 3em; }
	#booking_banner #slope-bl #slope-widget .slp-block.date-range-container .slp-block { flex: 1 1 auto; }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Structure */
	/* Credits */
	/* Back Top */


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/

	/* Section 1 */

	/* Section 2 */
	.s2_dish .text_wrapper { max-width: 1080px; margin: 0 auto; }

	/* Section Link */
	/* Section FAQ */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* Card Alloggio */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */
	/* Sec 3 */
	/* Sec [...] */


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/

	/* Template Alloggio */
	#s2_alloggio .wrapper, #s2_single_blog .wrapper { width: calc(100% - 20em); max-width: calc(65ch + var(--c5o)); }
	#s2_alloggio #sidebar, #sidebar_blog { width: 20em; }
	#slope-bl #slope-widget .slp-block label { font-size: 85%; }
	#slope-bl #slope-widget .slp-block input, 
	#slope-bl #slope-widget .slp-block input, 
	#slope-bl #slope-widget .slp-block select, 
	#slope-bl #slope-widget button {
		font-size: 112.5%;
	}
	#slope-bl #slope-widget button { padding: .75em 0 .5em 0; }

	/* Template Contatti */


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/
	
	#form .wpforms-field.wpforms-field-checkbox li label { font-size: 75%; }


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}






/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  █  █▀▀   ▀▄  █▀▄    █   █  █  █  █
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀   ▀    ▀▀   █▀▀  - LAPTOP |  1367 x 768  ->  1919 x 1080
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1367px) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Logo */
	/* Head Content */
	/* Hamburger */
	/* Nav Menu */


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Swiper */
	/* Components */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Structure */
	/* Credits */
	/* Back Top */


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Section 1 */
	/* Section 2 */
	/* Section Link */
	/* Section FAQ */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* Card Alloggio */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */
	/* Sec 3 */
	/* Sec [...] */


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/
	/* Template Alloggio */
	/* Template Contatti */


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}




@media screen and (min-width: 1367px) {

	.sec_form .text { padding: var(--c12v) var(--c2o); }
	#form .wpforms-submit-container { position: absolute; bottom: 1.5em; }

}






/**
 *
 *  █  █  █▀▀▄  █▀▀  █▀▀▄
 *  █  █  █▀▀█  █▀▀  █▐█▀
 *   ▀▀   ▀▀▀   ▀▀▀  ▀ ▀▀ - ÜBER | 1921 -> ...
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and (min-width: 1921px) {


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Logo */
	/* Head Content */
	/* Hamburger */
	/* Nav Menu */


	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Links */
	/* Swiper */
	/* Components */


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Structure */
	/* Credits */
	/* Back Top */


	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Section 1 */
	/* Section 2 */
	/* Section Link */
	/* Section FAQ */


	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	/* Card Alloggio */


	/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */
	/* Sec 3 */
	/* Sec [...] */


	/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/
	/* Template Alloggio */
	/* Template Contatti */


	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/


}






/**
 *
 *   ▄▀█   █ ▄▀
 *  █▄▄█▄  █▀▄
 *     █   ▀ ▀▀ - DESKTOP 4K & UP | 2561px -> ...
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media screen and ( min-width: 2561px ) {}