/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Albergo Relax "

BASE (MOBILE) SIZE

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




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


.header { z-index: 4; }
.head_wrapper { padding: 1em 1.5em; z-index: 2; }


.header::before {
	content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
	background: linear-gradient(to bottom, rgb(0 0 0 / 60%), transparent);
}




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

.head_logo { 
	display: inline-block; 
	--head-logo-width: 80px; /* <- in 'px' */
	--head-logo-min: 80;
	--head-logo-max: 130;
	max-width: 130px;
	filter: brightness(0) invert(1);
}
.head_logo :where(img, svg) { width: 100%; }




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

.open_offerte {
	display: inline-flex; align-items: stretch; position: relative; width: fit-content;
	font: inherit; font-size: clamp(16px, 1.5vw, .95rem); color: var(--brown); font-weight: 600; text-transform: uppercase;
}
.open_offerte svg { width: auto; height: .5rem; }
.open_offerte.tapped svg { transform: rotate(180deg); }

.open_offerte .percent { background-color: var(--brown); border: 2px solid var(--brown); border-right: 0; border-radius: .5em 0 0 .5em; color: var(--cream); }
.open_offerte > span { display: inline-flex; gap: .5em; position: relative; padding: .5em }
.open_offerte > span:not(.percent) { background: var(--cream); border: 2px solid var(--cream); border-left: 0; border-radius: 0 .5em .5em 0; }

 
.wrapper_sub_menu { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
.wrapper_sub_menu .content_sub_menu {
	position: absolute; top: calc(100px + (150 - 100) * ((100vw - 320px) / 1600)); left: 2.5%;
    width: 95%; height: calc(95% - (100px + (150 - 100) * ((100vw - 320px) / 1600)));
    background-color: var(--cream); border-radius: 1.5rem;
    padding: 1.25rem; gap: 1.25rem; overflow-y: scroll;
}
.wrapper_sub_menu::before {
    content: ""; width: 1.5rem; height: .75rem; transition: .125s ease; pointer-events: none; z-index: 1;
    background-color: var(--cream); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); 
    position: absolute; right: 7.5rem; top: calc(100px + (150 - 100) * ((100vw - 320px) / 1600)); transform: translate(0%, -95%);
}


.wrapper_tax { overflow-x: scroll; padding-bottom: 1rem; }
.wrapper_tax > p { font-weight: 700; font-family: var(--title); margin-bottom: 1rem; }
.wrapper_tax::-webkit-scrollbar { height: 5px; background-color: var(--cream); }
.wrapper_tax::-webkit-scrollbar-thumb { height: 5px; background-color: var(--brown); }

.elenco_box { gap: 1rem; }

.card_box { width: 10rem; min-width: 10rem; }
.card_box .filter { background-color: rgb(var(--brown-rgb) / 25%); backdrop-filter: blur(2px); transition: .25s ease; }
.card_box picture { overflow: hidden; }
.card_box picture img { transition: .25s ease; }
.card_box h3 { color: var(--cream); font-size: 1.5rem; padding: 1rem; text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); }

.card_box:hover .filter { backdrop-filter: blur(0); }
.card_box:hover picture img { transform: scale(1.05); }



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

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


#hamburger:not(.tapped):hover .burger { width: 1.25em; }


/* Tapped / Clicked animation */
#hamburger.tapped span { 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); }




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

#main_nav { 
	display: none; 
	position: absolute; top: 0; left: 0;
	z-index: 1;
}
#main_nav .menu_wrapper { top: 0; left: 0; background: linear-gradient(to right, var(--gradient)); }

#main_nav .head_menu {}
#main_nav .head_menu li { font: inherit; line-height: 1; }
#main_nav .head_menu li.current-menu-item { color: ; }
#main_nav .head_menu li a { display: inline-block; font-size: 1.75em; font-weight: 600; color: var(--cream); line-height: 1; padding: .25em; }
#main_nav .head_menu li a:hover {}





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMAZIONE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.s1 .s1_title.trigger h1, .s1 .s1_title.trigger .h1 { opacity: 0; }
.s1 .s1_title.trigger.active h1, .s1 .s1_title.trigger.active .h1 { opacity: 1; }

.trigger h1, .trigger h2, .trigger h3, .trigger .h1, .trigger .h2, .trigger .h3 { opacity: 0; transform: translateY(2rem); transition: .75s ease; }
.trigger.active h1, .trigger.active h2, .trigger.active h3, .trigger.active .h1, .trigger.active .h2, .trigger.active .h3 { opacity: 1; transform: translateY(0); }


.trigger p { opacity: 0; transform: translateY(2rem); transition: .75s ease .25s; }
.trigger.active p { opacity: 1; transform: translateY(0); }



.trigger.sec_img { clip-path: inset(100% 0 0 0); transition: 1s cubic-bezier(.76,0,.24,1); }
.trigger.sec_img img { transform: scale(1.6); opacity: 0; transition: 1.5s cubic-bezier(.76,0,.24,1) -.25s, opacity .1s ease; will-change: transform; }
.trigger.active.sec_img { clip-path: inset(0 0 0 0); transform: scale(1); }
.trigger.active.sec_img img { transform: scale(1); opacity: 1; }








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


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

.link {
	display: inline-flex; position: relative; gap: .75em; width: fit-content; padding: .75em 1.5em; border-radius: .5em;
	font: inherit; font-size: var(--rem); color: var(--white); font-weight: 600; text-transform: uppercase;
	background: linear-gradient(to right, var(--gradient));
}
.link span { display: inline-block; position: relative; }
.link::before { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: .5em; position: absolute; left: 2px; top: 2px; transition: .25s ease; }
.link svg { position: relative; width: auto; height: 1rem; }
.link svg path { fill: var(--white); transition: .25s ease; }
.link:hover, .link:focus, .link:active { color: var(--light); }
.link:hover::before, .link:focus::before, .link:active::before { background-color: var(--white); }
.link:hover svg path, .link:focus svg path, .link:active svg path { fill: var(--light); }



.link.out { background: transparent; border: 2px solid var(--brown); color: var(--brown); }
.link.out::before { display: none; }
.link.out svg path { fill: var(--brown); }
.link.out:hover, .link.out:focus, .link.out:active { background: var(--brown); color: var(--cream); }
.link.out:hover svg path, .link.out:focus svg path, .link.out:active svg path { fill: var(--cream); }



.link.whiteOut { background: transparent; border: 2px solid var(--cream); color: var(--cream); }
.link.whiteOut::before { display: none; }
.link.whiteOut svg path { fill: var(--cream); }
.link.whiteOut:hover, .link.whiteOut:focus, .link.whiteOut:active { background: var(--cream); color: var(--brown); }
.link.whiteOut:hover svg path, .link.whiteOut:focus svg path, .link.whiteOut:active svg path { fill: var(--brown); }



.link.white { background: var(--cream); border: 2px solid var(--cream); color: var(--brown); }
.link.white::before { display: none; }
.link.white svg path { fill: var(--brown); }
.link.white:hover, .link.white:focus, .link.white:active { background: rgb(var(--cream-rgb) / 25%); color: var(--cream); }
.link.white:hover svg path, .link.white:focus svg path, .link.white:active svg path { fill: var(--cream); }










/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.filter_rl_desktop { background: rgb(var(--cream-rgb) / 85%); }
.filter_lr_desktop { background: rgb(var(--cream-rgb) / 85%); }

.filter_brown_blur { background-color: rgb(var(--brown-rgb) / 90%); backdrop-filter: blur(5px); }

.filter_mid { /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -6.53%, rgba(0, 0, 0, 0.60) 33.3%, rgba(0, 0, 0, 0.60) 70.8%, rgba(0, 0, 0, 0.00) 98%); */ background: rgb(var(--black-rgb) / 60%); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.text.ts :where(h1, h2, h3, h4, h5, h6, p, li) { text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); }

.pretitle + :where(h1, h2, h3, h4, h5, h6, p, li) { margin-top: .5rem !important; }
.pretitle { text-transform: uppercase; font-style: italic; font-size: 1.25rem; line-height: 1; font-weight: 200; }

.bkg_cream { background-color: var(--cream); }
.bkg_grad { background: linear-gradient(to right, var(--gradient)); }





.p2lr { padding-left: var(--c5o); padding-right: var(--c5o); }









/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#scroll_btn {
	display: inline-block;
	position: absolute; left: 50%; bottom: 1.5em; 
	--scroll-px: 40px;
	--scroll-min: 40;
	--scroll-max: 60;
	max-width: 60px;
	transform: translateX(-50%);
	cursor: pointer; z-index: 1;
}
#scroll_btn svg { 
	width: 100%; 
	animation: hang_scroll 1.5s ease-in-out infinite forwards alternate;
	animation-play-state: running;
}
@keyframes hang_scroll {
	from { transform: translateY(0); }
	to { transform: translateY(.5em); }
}
#scroll_btn:hover svg, #scroll_btn:focus svg, #scroll_btn:active svg { animation-play-state: paused; }
#scroll_btn svg path { fill: var(--black); transition: .25s ease; }




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

.nav_wrp { gap: .75rem; }
.nav_wrp.flex-r { padding-right: 1rem; }

.nav_btn { width: 2.5em; min-width: 2em; 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_btn.abs { top: 50%; transform: translateY(-50%);  }
.nav_prev.abs { left: 0; }
.nav_next.abs { right: 0; }

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


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


/* NAV glightbox */
.glightbox-clean .gprev, .glightbox-clean .gnext { top: 45% !important; }



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

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




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

/*
 * Se presenti position sticky, ricordarsi di disattivare nel foundation l' "overflow: hidden;" del "main" - riga 360
 * Il valore "top" è indispensabile ed è l'offset dal top dello schermo se impostato
 */
.sticky { top: 15vh; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#breadcrumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5em; }
#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; color: var(--white); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








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


footer { background-color: var(--cream); }
footer .grid {}


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


/* Foot Logo */
.foot_logo { display: inline-block; position: relative; width: 90%; max-width: 15rem; margin-bottom: 1.25rem; }
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block { padding: 2rem 1rem; }
.foot_block + .foot_block { border-top: 2px solid rgb(var(--brown-rgb) / 25%); }

.foot_block .tit { text-transform: uppercase; font-weight: 700; margin-bottom: 1em; }
.foot_block .flex-init { gap: .75rem; }
.foot_block .flex-init + .flex-init { margin-top: .75rem; }
.foot_block .flex-init img { width: 1.75rem; height: auto; }
.foot_block  p { font-size: 1.125rem; }
.foot_block .flex-init p a { font: inherit; }
.foot_block .flex-init p a:hover { color: var(--light); }




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

#credits { background: linear-gradient(to right, var(--gradient)); }
#credits p { color: var(--white); font-size: .825em; line-height: 1.5; margin: 0 auto; z-index: 1; }
#credits .resp_sep { display: none; }
#credits a { display: inline-block; font: inherit; color: inherit; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CTA FISSA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.form_fixed { right: 0; bottom: 0; width: 50rem; max-width: calc(100% - 3rem); z-index: 9; background-color: var(--cream); padding: 0 .75rem; transform: translateX(100%); transition: .5s ease; }
.form_fixed.open { transform: translateX(0); }

.form_fixed .wrapper { overflow-y: scroll; height: 100dvh; padding: 2rem 1rem; }
.form_fixed #form { padding: 0; border-radius: 0; margin-top: 1.5rem; }


#cta_fix { bottom: 2rem; left: 0; position: absolute; transform: translateX(-99%); }
#cta_fix.hide { transform: translateX(100%); opacity: 0; pointer-events: none; }

#cta_fix .label_apri {
	display: block; padding: .75rem; writing-mode: sideways-lr; background-color: var(--cream); border-radius: .25em 0 0 .25em;
    color: var(--brown); text-transform: uppercase; font-weight: 700; min-height: 8rem;
    box-shadow: 0 0 .75rem rgb(30 30 30 / 33%);
}
#cta_fix .label_chiudi {
	display: block; padding: .75rem; writing-mode: sideways-lr; background: linear-gradient(to top, var(--gradient)); border-radius: .25em 0 0 .25em;
    color: var(--cream); text-transform: uppercase; font-weight: 700;
    min-height: 8rem; display: none;
}









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


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

.s1 { overflow: hidden; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION GALLERY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_gallery .swiper { overflow-y: visible; overflow-x: clip }
#sec_gallery .swiper-slide { transition: transform .25s ease-in-out; }
#sec_gallery .swiper-slide-active { transform: translateY(2rem); }

.glightbox button { opacity: 0; }
.glightbox button path { fill: var(--white); }
.glightbox:hover button { opacity: 1; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION OFFERTE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_offerte .filter_blur { background-color: rgb(var(--black-rgb) / 45%); backdrop-filter: blur(5px); }







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


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

.card a { min-height: 28rem; background-color: #f0f0f0; }
.card mark {
	position: absolute; top: 1rem; left: 1rem; background-color: var(--cream); padding: .5em 1em; border-radius: .25em;
	color: var(--brown); font-size: .85rem; text-transform: uppercase; font-weight: 700;
}
.card picture { overflow: hidden; }
.card picture > img { transition: .25s ease; }
.card .card_content { padding: 1rem; background: linear-gradient(182deg, rgba(218, 144, 65, 0.90) -79.44%, rgba(122, 84, 43, 0.90) 154.1%); }
.card .card_content :where(p, button, h3) { color: var(--cream); }
.card .card_content h3 + p { margin-top: .75rem; }
.card .card_content h3 { font-size: 2rem; }
.card .card_content .flex { margin-top: 2rem; gap: 1rem; }
.card .card_content .prezzo { font-size: 1.25rem; text-transform: uppercase; font-weight: 700; }
.card .card_content button { font-size: 1.25rem; text-transform: uppercase; font-weight: 400; text-decoration: underline; }

.card a:hover picture > img { transform: scale(1.05); }
.card a button:hover { opacity: .5; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD Recensione ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_recensione { padding: 1rem; box-shadow: 0 0 .75rem rgb(30 30 30 / 15%); border-radius: .75rem; }
.card_recensione .virgolette { width: 3rem; margin-bottom: var(--c7v); }
.card_recensione .text {}
.card_recensione .text p { font-size: 1rem; }
.card_recensione .text p + p { margin-top: .75rem; }
.card_recensione .text p.nome { text-transform: uppercase; font-size: 1.25rem; font-weight: 700; }
.card_recensione .text img { height: 1rem; width: auto; }








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


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




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

:where(#s2_home, .s2_page) .nav_wrp { position: absolute; right: var(--c2o); bottom: var(--c10v); z-index: 1; }

.swiper-gallery .swiper-slide { transition: aspect-ratio .25s ease-in-out; }
.swiper-gallery .swiper-slide-next, .swiper-gallery .swiper-slide-next + .swiper-slide { aspect-ratio: 1 / .85; }




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

.wrapper_nav_slider { gap: 1rem; padding: 0 1rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 6 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s5_home .container, #s6_home .container { min-height: 60vh; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 7 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s7_home .filter { backdrop-filter: blur(2px); }

.wrapper_box { grid-template-columns: 1fr 1fr; gap: 1rem; }
.box_cream { background-color: var(--cream); padding: 1rem; border-radius: .5rem; }
.box_cream img { height: 4rem; width: 4rem; margin-bottom: 1rem; }
.box_cream p { font-size: 1rem; font-weight: 600; line-height: 1.25; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 8 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.text_big { /* position: absolute; left: 0; top: 50%; transform: translateY(-50%); */ width: 100%; height: auto; margin-bottom: -5%; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION RECENSIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_rec .w80 { width: calc(80% - var(--c1o)); }
#sec_rec .w20 { width: calc((100% - (var(--c2o) * 3)) / 5); }

#slider_rec { padding: 1rem; margin-left: -1rem; width: calc(100% + 2rem); }
#slider_rec .swiper-slide { opacity: 0; transition: opacity .25s ease; }
#slider_rec .swiper-slide-active, #slider_rec .swiper-slide-next, #slider_rec .swiper-slide-next + .swiper-slide { opacity: 1; }






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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ALBERGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.wrapper_servizi { gap: 2rem var(--c2o); }
.box_serv { gap: 1rem; }
.box_serv img { width: 5rem; height: 5rem; }
.box_serv p { color: var(--cream); line-height: 1.25; font-weight: 700; }


/* Section 4 */
#s4_albergo .box_cream { background-color: rgb(var(--cream-rgb) / 90%); }
#s4_albergo .filter_brown_blur { backdrop-filter: unset; opacity: 0.85; }


/* Section 5 */
#s5_albergo .text ul { columns: 2; column-gap: 1rem; }


/* Section 6 */
#s6_albergo .bkg_cream { padding: var(--c7v) var(--c2o); border-radius: .5em; }
.wrapper_dotazione { gap: 2rem 1rem; grid-template-columns: 1fr 1fr; }
.box_dot img { height: 4rem; width: 4rem; margin-bottom: 1rem; }
.box_dot p { font-size: 1rem; font-weight: 600; line-height: 1.25; }


/* Section 7 */
#s7_albergo .text_big { margin-bottom: 0%; }


/* Section 8 */
#s8_albergo .text_big { margin-bottom: -12%; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SOGGIORNO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.wrapper_tab { gap: 2rem; }
.tabella table { border-radius: .5em; overflow: hidden; box-shadow: 0 0 1rem rgb(30 30 30 / 10%) }
.tabella thead tr td { padding: 1rem; text-transform: uppercase; color: var(--cream); font-size: 1.25rem; font-weight: 700; border-radius: .5em .5em 0 0; }
.tabella:nth-of-type(1) thead tr td { background-color: var(--light); }
.tabella:nth-of-type(2) thead tr td { background-color: var(--brown); }

.tabella tbody tr { background-color: transparent; }
.tabella tbody tr:nth-of-type(1) { background-color: var(--cream); }
.tabella tbody tr td { vertical-align: middle; padding: 1rem; font-size: .95rem; color: var(--brown); font-weight: 700; }

#s3_soggiorno #box_info { box-shadow: 0 0 1rem rgb(30 30 30 / 10%) }


/* Section 5 */
#s5_soggiorno .box_white h3 { font-size: 2rem; text-align: left; }

.box_white .info_caparra { width: fit-content; background-color: rgb(var(--light-rgb) / 20%); padding: .5rem 1rem; border-radius: .5em; gap: 1rem; margin-top: 1.5rem; }
.box_white .info_caparra img { margin-bottom: 0; }

.info_paga { margin-top: 1.5rem; gap: 1rem; }
.info_paga + .info_paga { padding-top: 1.5rem; border-top: 1px solid rgb(var(--brown-rgb) / 50%); }

#s5_soggiorno .box_white.condizioni h3 { margin-bottom: 0; }
#s5_soggiorno .box_white.condizioni .not { background-color: rgb(var(--light-rgb) / 20%); padding: 1rem; border-radius: .5em; }
#s5_soggiorno .box_white.condizioni .not li::after { background: url(../images/svg/not.svg) no-repeat center / 1.5rem; }


/* Section 6 */
#s6_soggiorno .box_white { box-shadow: 0 0 1rem rgb(30 30 30 / 10%) }
#s6_soggiorno .box_white h3 { font-size: 2rem; text-align: left; }
#s6_soggiorno .box_white .tassa { 
	margin-bottom: 2rem; display: block; width: fit-content; padding: .75em 1.5em; border-radius: .5em;
    font: inherit; font-size: var(--rem); color: var(--white); font-weight: 600; text-transform: uppercase;
    background: linear-gradient(to right, var(--gradient));
}

#s6_soggiorno .info { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgb(var(--brown-rgb) / 50%); gap: 1rem; }
#s6_soggiorno .info img { width: 2.5rem; height: auto; margin: 0; }
#s6_soggiorno .info + .info { padding-top: 1.5rem; border-top: 1px solid rgb(var(--brown-rgb) / 50%); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE RISTORANTE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 1 */

/* Section 2 */

/* Section 3 */




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SPA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

hr { width: 100%; background-color: rgb(var(--brown-rgb) / 25%); margin: 1.5rem 0; }

/* Section 4 */
.box_white_grid { gap: 2rem; margin-bottom: 2rem; }
.box_white { background-color: rgb(var(--white-rgb) / 90%); padding: 2rem; border-radius: .5rem; justify-content: flex-start; }
.box_white img { height: 4rem; width: auto; margin-bottom: 1rem; }
.box_white h3 { text-transform: uppercase; font-size: 1.75rem; font-family: var(--main-font); margin-bottom: 2rem; text-align: center; }

.list li { margin-left: 0; list-style: none; padding-left: 2rem; position: relative; }
.list li + li { margin-top: 1.25rem; }
.list li::after {
	content: ""; width: 1.5rem; height: 1.5rem; position: absolute; left: 0; top: 0;
	background: url(../images/svg/check.svg) no-repeat center / 1.5rem; border-radius: 4rem;
}

#box_info { gap: 1.5rem var(--c2o); justify-content: space-between; padding: 2rem var(--c2o); }
#box_info img { margin-bottom: 0; }
#box_info h3 { text-align: left; margin-bottom: 0; }
#box_info .flex-l { gap: 1rem; }


/* Section 5 */
.card_accordion + .card_accordion { margin-top: 1rem; }
.accordion_head { padding: 1rem 2rem; gap: 1rem; border: 2px solid rgb(var(--brown-rgb) / 50%); border-radius: .5em; cursor: pointer; overflow: hidden; } 
.accordion_head .filter { opacity: 0; transition: .25s ease; }
.accordion_head .ico { width: 2rem; min-width: 2rem; }
.accordion_head .ico img { transition: .25s ease; }
.accordion_head .ico .minus { opacity: 0; }
.accordion_head h3 { font-size: 1.25rem; font-family: var(--main-font); transition: .25s ease-in-out; }

.accordion_text { display: none; padding: 1rem 2rem; border: 2px solid rgb(var(--brown-rgb) / 50%); border-top: 0; border-radius: 0 0 .5em .5em; }

.accordion_head.active { border: transparent; border-radius: .5em .5em 0 0; }
.accordion_head.active h3 { color: var(--cream); }
.accordion_head.active .filter { opacity: 1; }
.accordion_head.active .ico .minus { opacity: 1; }
.accordion_head.active .ico .plus { opacity: 0; }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE TERRITORIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_1 { background-color: var(--cream); }
.sec_attivita:nth-of-type(even) .container { flex-direction: row-reverse; }




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

/* Section 2 */
.wrp_contatti h2.p { text-transform: uppercase; }

.wrp_contatti .flex-init { gap: .75rem; margin-top: 1.5rem; }
.wrp_contatti .flex-init img { width: 2.75rem; height: auto; }
.wrp_contatti  p { font-size: 1rem; line-height: 1.25; }
.wrp_contatti .flex-init p a { font: inherit; }
.wrp_contatti .flex-init p a:hover { color: var(--light); }

/* Section 3 */
.map { height: 75vh; z-index: 1; }
.map .leaflet-control-attribution { display: none; }








/**
 *
 *  ▄▀▀▄  █▀▀▄  ▄▀▀▀  █  █  ▀  ▐▌ ▐▌  █▀▀
 *  █▀▀█  █▐█▀  █     █▀▀█  █   ▀▄▀   █▀▀
 *  ▀  ▀  ▀ ▀▀   ▀▀▀  ▀  ▀  ▀    ▀    ▀▀▀ - TEMPLATES _ ARCHIVIO
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


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




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

/* Search & Filter */

/* Terms Loop */

/* Posts Loop */
.s2_archive .grid { grid-template-columns: 1fr; grid-gap: 2em 1em; }

/* Custom pagination */
.pagination {}

/* Load More */




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








/**
 *
 *  ▄▀▀  ▀  █▄ █  ▄▀▀▀   █     █▀▀
 *   ▀▄  █  █ ▀█  █  ▀▌  █  ▄  █▀▀
 *  ▀▀   ▀  ▀  ▀   ▀▀▀   ▀▀▀▀  ▀▀▀ - SINGLE
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


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

.s1_single .container { min-height: 80dvh }
.s1_single h1 { color: var(--cream); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PACCHETTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_pacchetti { gap: 1.5rem; }

.box_pac { background-color: rgb(var(--white-rgb) / 100%); padding: 2rem; border-radius: .5rem; }
.pretit_grad { 
	margin-bottom: 2rem; display: inline-block; width: fit-content; padding: .75em 1.5em; border-radius: .5em;
    font: inherit; font-size: var(--rem); color: var(--white); font-weight: 600; text-transform: uppercase;
    background: linear-gradient(to right, var(--gradient));
}

.box_prezzo { margin: 1.5rem 0; padding-bottom: 1.5rem; border-bottom: 1px solid rgb(var(--brown-rgb) / 50%); }
.box_prezzo .prezzo { font-size: clamp(4rem, 6vw, 6rem); font-weight: 700; line-height: 1; }
.box_prezzo .info_prezzo { text-transform: uppercase; font-weight: 700; }
.box_prezzo .note_prezzo { text-transform: uppercase; opacity: .75; font-size: .85rem }

.box_pac .text.list ul { text-align: left; }

/* Extra */
.box_pac.extra { background-color: rgb(var(--white-rgb) / 80%); }
.box_pac.extra .text h4 { font-family: var(--main-font); }
.box_pac.extra .text h4 + p { margin-top: 1rem; }

.wrapper_extra { margin-top: 2rem; }
.wrapper_extra .box_extra { gap: 1rem; }
.wrapper_extra .box_extra + .box_extra { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgb(var(--brown-rgb) / 50%); }

.wrapper_extra .box_extra .flex-init { gap: .75rem; }
.wrapper_extra .box_extra .flex-init img { width: 1.5rem; height: auto; } 
.wrapper_extra .box_extra .flex-init p { width: 80%; line-height: 1.25; }

.wrapper_extra .prezzo_extra { min-width: max-content; padding: .5rem; border-radius: .25em; background-color: var(--white); }
.wrapper_extra .prezzo_extra p:first-of-type { font-size: 1.75rem; line-height: 1; }

.info_extra { width: fit-content; background-color: rgb(var(--light-rgb) / 20%); padding: .5rem 1rem; border-radius: .5em; gap: 1rem; margin-top: 2rem; } 
.info_extra img { margin-bottom: 0; width: 2rem; }


/* Cosa comprende */
.wrapper_colonne {  }
.wrapper_colonne .text + .text { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgb(var(--brown-rgb) / 50%); }

/* Info extra */
.sec_compreso .box_white { min-width: 66%; gap: 2rem; background-color: rgb(var(--light-rgb) / 20%); }
.sec_compreso .box_white img { width: 3rem; height: 3rem; margin: 0; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION RELATED ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION [...] ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








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


/* WP-Form - Custom */
#sec_form #form { padding: 0; }
#form { background-color: var(--cream); padding: 2rem; border-radius: .5rem; }

#form .wpforms-field label { color: ; }

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 2px solid var(--brown); border-radius: .5rem;
	padding: .75rem 1.25rem; font-size: 1rem; color: var(--brown);
}
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--brown); opacity: .75; }

#form .wpforms-field:not(.wpforms-field-checkbox) > label { position: absolute; left: 1.25rem; top: .75rem; font-size: 1rem; color: var(--brown); font-weight: 400; transform-origin: left; transition: .125s ease; }
#form .wpforms-field:not(.wpforms-field-checkbox).focus > label { top: -2px; transform: scale(.625); }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border: 2px solid var(--brown); border-radius: .25rem; background-size: .75rem; }
#form .wpforms-field.wpforms-field-checkbox li label { color: var(--brown); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--light); }

#form button[type=submit] {
	display: flex; position: relative; gap: .75em; width: fit-content; padding: .75em 1.5em; border-radius: .5em;
	font: inherit; font-size: 1.125rem; color: var(--white); font-weight: 600; text-transform: uppercase;
	background: linear-gradient(to right, var(--gradient)); border: unset;
}
#form button[type=submit] span { display: inline-block; position: relative; font: inherit; text-transform: uppercase; }
#form button[type=submit]::before { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: .5em; position: absolute; left: 2px; top: 2px; transition: .25s ease; }
#form button[type=submit] svg { position: relative; width: auto; height: 1.125rem; }
#form button[type=submit] svg path { fill: var(--white); transition: .25s ease; }
#form button[type=submit]:hover, #form button[type=submit]:focus, #form button[type=submit]:active { color: var(--light); }
#form button[type=submit]:hover::before, #form button[type=submit]:focus::before, #form button[type=submit]:active::before { background-color: var(--white); }
#form button[type=submit]:hover svg path, #form button[type=submit]:focus svg path, #form button[type=submit]:active svg path { fill: var(--light); }





/* MailPoet Form - Custom 
#form_mp { background-color: var(--white); }

#form_mp .mailpoet_form .mailpoet_paragraph label { color: ; }

#form_mp .mailpoet_form .mailpoet_paragraph :where(input, textarea, select) {
    background-color: transparent; border: ; border-radius: ;
    padding: ; font-size: ; color: ;
}
#form_mp .mailpoet_form .mailpoet_paragraph input::placeholder { color: ; opacity: ; }

#form_mp .mailpoet_form input.mailpoet_checkbox { padding: ; border: ; border-radius: ; }
#form_mp .mailpoet_form input.mailpoet_checkbox:checked { background: ; }
#form_mp .mailpoet_form .mailpoet_checkbox_label { color: ; }
#form_mp .mailpoet_form .mailpoet_checkbox_label a:hover { color: ; }

#form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit {
    padding: ; font-size: ; color: ;
    background-color: ;  border: ; border-radius: ;
}
#form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit:hover { background-color: ; border-color: ; color: ; }
*/







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


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

#s1_grazie {}




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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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
 *
 * __________________________________________________________________________________________________________________________________________________________________________
 */




.head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }

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





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


/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
/* Buttons */
/* Links */
/* Filters */
/* Sections 1 */
/* Breadcrumbs */
/* Scroll */
/* Components */
/* Cards */
/* Sidebar */
/* ... */


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


/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
/* Section 1 */


/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
/* Card */
/* Card Empty */


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


/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/
/* Template ... */
/* Template ... */
/* Template ... */


/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
/* Sec 1 */
/* Sec 2 */
/* Sec ... */


/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
/* Sec 1 */
/* Sec 2 */
/* Sec ... */


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


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




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

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

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

	/* Logo */

	/* Head Content */
	.head_wrapper { padding: 1.5em 2.5%; z-index: 2; }

	/* Hamburger */
	/* Nav Menu */


}






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

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

	.wrapper_tax.w50m { width: calc(50% - 1.25rem); }


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

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


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 7 */
	.wrapper_box { grid-template-columns: 1fr 1fr 1fr; }


	/*∞∞∞∞∞∞ ALBERGO ∞∞∞∞∞∞*/
	/* Sec 3 */
	.box_serv { flex-direction: row; }



}



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

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


	/*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/
	.maxPar p { max-width: 50%; margin-left: auto; margin-right: auto; }

	.p2lr { padding-left: var(--c2o); padding-right: var(--c2o); }


	/*∞∞∞∞∞∞ FILTERS ∞∞∞∞∞∞*/
	.filter_rl_desktop { background: linear-gradient(to left, var(--cream) 50%, transparent 70%); }
	.filter_lr_desktop { background: linear-gradient(to right, var(--cream) 50%, transparent 70%); }



	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.card_box { width: 14rem; min-width: 14rem; }
	.wrapper_sub_menu::before { right: unset; left: 25% }	

	/* Head Content */
	.head_menu.flex { gap: 2.5vw; margin-left: 2.5vw; }
	.head_menu li { font: inherit; line-height: 1; }
	.head_menu li.current-menu-item { color: ; }
	.head_menu li a { color: var(--cream); font-size: clamp(16px, 1.5vw, 1.125rem); font-weight: 600; position: relative; }
	.head_menu li a::after {
		content: ""; width: 100%; height: 2px; background-color: var(--cream);
		position: absolute; right: 0; bottom: -2px; transform: scaleX(0); transform-origin: center right; transition: transform .7s cubic-bezier(.52,0,0,1);
	}
	.head_menu li a:hover::after, .head_menu li.current-menu-item a::after { transform: scaleX(1); transform-origin: center left; }

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



	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	footer .grid { grid-template-columns: 1fr 1fr; }
	.foot_block:nth-of-type(2) { border-top: 0; }

	/* Credits */
	#credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--cream); opacity: .85 }
	#credits #credits_studio:hover { color: #e74e0f; }



	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 5 */
	#s5_home .container, #s6_home .container { min-height: 100vh; }

	/* Sec 7 */
	.wrapper_box { gap: 2rem; }
	.wrapper_box .box_cream { padding: 2rem; }
	.wrapper_box .box_cream img { width: 6rem; height: 6rem; }
	.wrapper_box .box_cream p { max-width: 22ch; font-weight: 700; margin-left: auto; margin-right: auto;}



	/*∞∞∞∞∞∞ SPA ∞∞∞∞∞∞*/
	/* Sec 4 */
	.box_white_grid { grid-template-columns: 1fr 1fr 1fr; }
	.box_white { padding: 2rem var(--c2o); }

	/* Gallery */ 
	#sec_gallery .ratio-1-1 { aspect-ratio: 16 / 9 }



	/*∞∞∞∞∞∞ ALBERGO ∞∞∞∞∞∞*/
	/* Sec 6 */
	.wrapper_dotazione { gap: 3rem; grid-template-columns: 1fr 1fr 1fr 1fr; }



	/*∞∞∞∞∞∞ SOGGIORNO ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_tab { grid-template-columns: 1fr 1fr; }

	/* Sec 5 */
	#s5_soggiorno .box_white_grid { grid-template-columns: 1fr 1fr; }

	/* Sec 6 */
	#s6_soggiorno .box_white_grid { grid-template-columns: 1fr 1fr; }







	/*∞∞∞∞∞∞ PACCHETTI E OFFERTE ∞∞∞∞∞∞*/

	/* Elenco pacchetti */
	.wrapper_pacchetti { grid-template-columns: 1fr 1fr; }
	.box_pac { padding: 2rem var(--c2o); }

	.wrapper_extra .box_extra .flex-init img { width: 2rem; height: auto; } 

	.box_pac.extra.col_span { grid-column: 2 span; }
	.box_pac.extra.col_span .wrapper_extra { display: flex; align-items: flex-start; justify-content: flex-start; gap: 2rem; }
	.box_pac.extra.col_span .wrapper_extra .box_extra + .box_extra { 
		padding: 0; margin: 0; border: 0; 
		margin-left: 1rem; padding-left: 1rem; border-left: 1px solid rgb(var(--brown-rgb) / 50%);
	}

	/* Cosa comprende */
	.wrapper_colonne { grid-template-columns: 1fr; }
	.wrapper_colonne.col_2 { grid-template-columns: 1fr 1fr; }
	.wrapper_colonne.col_3 { grid-template-columns: 1fr 1fr 1fr; }
	.wrapper_colonne .text + .text { margin-top: 0; padding-top: 0; border-top: 0; border-left: 1px solid rgb(var(--brown-rgb) / 50%); }





}






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

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



	/*∞∞∞∞∞∞ FILTERS ∞∞∞∞∞∞*/
	.filter_rl_desktop { background: linear-gradient(to left, var(--cream) 40%, transparent 60%); }
	.filter_lr_desktop { background: linear-gradient(to right, var(--cream) 40%, transparent 60%); }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	footer .grid { grid-template-columns: 1fr 1fr 1fr 1fr; }
	.foot_block { padding: 0rem 1rem; }
	.foot_block + .foot_block { border-top: 0; border-left: 2px solid rgb(var(--brown-rgb) / 25%) }



}






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

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.head_menu.flex { gap: 4.5vw; margin-left: 4.5vw; }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.foot_block { padding: 0rem 2rem; }
	.foot_block:first-of-type { padding-right: 4rem; }


}






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

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






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

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