/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Valgerola "

BASE (MOBILE) SIZE

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




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


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


/*.header.fix .head_logo { position: fixed; top: 1.5rem; left: 2.5%; transition: 5s ease-in-out; }
.header.fix #hamburger { position: fixed; top: 1.5rem; right: 2.5%; transition: 5s ease-in-out; }
*/

.header.fix #hamburger { position: fixed; top: 1rem; right: 2.5%; box-shadow: 0 0 1rem rgb(30 30 30 / 50%); }



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

.head_logo { 
	display: inline-block; 
	--head-logo-width: 50px; /* <- in 'px' */
	--head-logo-min: 50;
	--head-logo-max: 150;
	max-width: 150px;
}
.head_logo :where(img, svg) { width: 100%; }




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

.link_head { display: none; }


.lang .gtranslate_wrapper { display: flex; align-items: center; justify-content: center; }
.lang .gtranslate_wrapper a + a::before { content: "-"; display: inline-block; margin: 0 .125rem; }
.lang .gtranslate_wrapper a:not(.gt-current-lang):hover { color: var(--green); }


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

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

/* Tapped / Clicked animation */
#hamburger.tapped { position: fixed; top: 1rem; right: 2.5%; transition: 5s ease-in-out; }
#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 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.header.open .link_head, .header.open .head_logo, .header.open .mobile.set_icons { transform: translateY(-100%); opacity: 0; pointer-events: none; }


#main_nav { display: none; position: fixed; top: 0; left: 0; z-index: 1; background-color: rgb(var(--pine-rgb) / 50%); backdrop-filter: blur(5px); }
#main_nav .menu_wrapper { top: 0; right: 0; width: 35rem; max-width: 95%; background-color: var(--pine); padding-top: calc(50px + (50 - 50) * ((100vw - 320px) / 1600)); }
#main_nav .filter_close { pointer-events: initial; }

#main_nav .top a { font-size: clamp(1em, 2vw, 1.25em); color: var(--white); gap: .75em; padding: .5em 0; }
#main_nav .top a img { width: 1em; height: 1em; transition: .25s ease; }
#main_nav .top a span { transition: .25s ease; }
#main_nav .top a.op :where(img, span) { opacity: .25; }

#main_nav .bottom { border-top: 1px solid rgb(var(--white-rgb) / 25%); padding-top: 1.5rem; margin-top: 1.5rem; }
#main_nav .head_menu { display: grid; gap: .5rem 1rem; grid-template-columns: 1fr 1fr; }
#main_nav .head_menu li { font: inherit; line-height: 1; }
#main_nav .head_menu li a { display: inline-block; font-size: .85em; line-height: 1; padding: .25em; }
#main_nav .head_menu li a:hover { transform: scale(1.125); opacity: .75 }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ MODAL SEARCH ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_seacrh { z-index: 5; display: none; backdrop-filter: blur(.5rem); -webkit-backdrop-filter: blur(.5rem); }
.wrapper_seacrh .filter { background-color: rgb(var(--dark-rgb) / 85%); pointer-events: none; }
.wrapper_seacrh .close { position: absolute; top: 1.5rem; right: 2.5%; z-index: 2; width: 3rem; background-color: var(--forest); padding: .75em; border-radius: 50%; }
.wrapper_seacrh .close path { fill: var(--white); }

.searchInput { width: 90%; max-width: 30rem; margin-right: auto; margin-left: auto; }

.search form { position: relative; }
.search #keyword {
    width: 100%; height: auto; background-color: rgb(var(--black-rgb) / 15%); padding: 1rem; color: var(--white);  font-size: 1rem; line-height: 1.5;
    border-radius: 5rem; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgb(var(--white-rgb) / 50%);  
    background: url(../images/svg/search.svg) no-repeat 95% / 1rem;
}
.search #keyword::placeholder { color: var(--white); font-size: 1rem; line-height: 1.5; }


.wrapper_seacrh .searchInput .ajax_search { position: absolute; top: 50%; right: 1rem; transform: translateY(-55%); width: auto; height: calc(95% - 2.25rem); }
.wrapper_seacrh .searchInput .ajax_spinner { display: none; padding: 1rem; margin-top: 1rem; background-color: rgb(var(--white-rgb) / 100%); border-radius: 1.5rem; z-index: 1; position: relative; }
.wrapper_seacrh .searchInput .ajax_spinner img { width: 1.5rem; }

.wrapper_seacrh .wrapper_datafetch { padding: 1rem; margin-top: 1rem; background-color: rgb(var(--white-rgb) / 100%); border-radius: 1.5rem; z-index: 1; position: relative; text-align: left; }
.wrapper_seacrh .search_result { overflow-y: scroll; height: 45vh; z-index: 1; position: relative; }
.wrapper_seacrh .search_result ul + ul { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgb(var(--dark-rgb) / 50%); }
.wrapper_seacrh .search_result::-webkit-scrollbar { width: 5px; background-color: var(--white); }
.wrapper_seacrh .search_result::-webkit-scrollbar-thumb { width: 5px; background-color: var(--dark); border-radius: 2rem; }
.wrapper_seacrh .search_result li { margin-bottom: .75rem; }
.wrapper_seacrh .search_result li.pretitolo { font-size: .75rem; font-weight: 600; text-transform: uppercase; color: var(--green); }
.wrapper_seacrh .search_result li a { font: inherit; opacity: .75; font-weight: 700; font-size: 1rem; color: var(--dark); line-height: 1.1; }
.wrapper_seacrh .search_result li a:hover { opacity: 1; }






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


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

.link {
	display: inline-block; position: relative; width: fit-content; background-color: var(--green);
    padding: .625em 1.25em; border-radius: 4rem; border: 2px solid var(--green); border-radius: ;
	font: inherit; font-size: var(--rem); color: var(--black); font-weight: 500;
}
.link:hover, .link:focus, .link:active { background-color: rgb(var(--green-rgb) / 25%); color: var(--white); }

.link.white { background-color: transparent; border-color: var(--white); color: var(--white); }
.link.white:hover, .link.white:focus, .link.white:active { background-color: var(--green); color: var(--black); }




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

.filter_bt { background: linear-gradient(to top, var(--black), rgb(var(--black-rgb) / 25%)); }




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

body.stop { overflow: hidden; }

.green { color: var(--green); }

.bkg_pine { background-color: var(--pine); }
.grad_pine { background: linear-gradient(to bottom, var(--pine), transparent); }


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

.wrapper_swiper { gap: var(--c1o); }

.nav_btn { 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(--white); transition: .25s ease; }

.nav_prev { top: 50%; transform: translateY(-50%);  left: 0; }
.nav_next { top: 50%; transform: translateY(-50%);  right: 0; }

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


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


/* Progress */
.progressbar_wrp {  }
.progressbar_wrp .progressbar { width: 12rem !important; position: relative; max-width: 100%; background-color: rgb(var(--white-rgb) / 10%); }
.progressbar_wrp .progressbar .swiper-pagination-progressbar-fill { background-color: var(--green); }



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

/* Social */
.social { gap: .75rem 2rem; }
.social a { display: inline-block; width: 2.5em; }
.social a :where(img,svg) { width: 100%; }
.social a svg path { transition: .25s ease; }
.social a:hover { opacity: .5; }



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

#sidebar .blocco + .blocco { margin-top: var(--c5v); }
#sidebar h4 { text-transform: uppercase; color: var(--green); margin-bottom: 2rem; }

.icons { gap: 1rem; margin-top: 1rem; }
.icons img { width: 1.125rem; height: 1.125rem; margin-top: 2px; object-fit: contain; }
.icons p { font-size: 1rem; }
.icons p a { display: inline-block; }
.icons p a:hover { color: var(--green); }


.a2a_kit { gap: .5rem; }
.a2a_default_style .a2a_svg {
    background: transparent !important; border: 1px solid var(--white); border-radius: 50% !important;
    aspect-ratio: 1 / 1; width: 2rem; height: 2rem; padding: .25rem;
}





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

#breadcrumb { gap: .5em; }
#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; color: var(--forest); text-decoration: unset; }




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








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


footer { background-color: var(--white); }


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


/* Foot Logo */
.foot_logo { 
	display: block; 
	--foot-logo-width: 240px;
	--foot-logo-min: 240;
	--foot-logo-max: 600;
	max-width: 600px;
	margin-bottom: var(--c5v);
}
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block {}
.foot_block h4 { color: var(--forest); font-size: clamp(2.5rem, 4vw, 4rem); margin-bottom: 1rem; }
.foot_block p { color: var(--black); }
.foot_block p a { font: inherit; }
.foot_block p a:hover { color: var(--green); }
.foot_block p.email { font-size: 1.25rem; color: var(--forest); font-weight: 700; margin-top: 1rem; }


/* Foot Info */
#info_foot { gap: clamp(.5rem, 2vw, 1rem);; }
#info_foot img { width: clamp(2rem, 5vw, 5rem); transform: translateY(-35%); }


/* Foot Loghi */
.elenco_loghi { gap: 1rem var(--c2o); padding: var(--c5v) var(--c2o); border-top: 1px solid #ccc; }
.elenco_loghi img { width: auto; height: 7rem; max-width: 12rem; object-fit: contain; }



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

#credits p { font-size: .825em; line-height: 1.5; z-index: 1; color: var(--black); }
#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: .5em; right: .5em;
	--back-top-px: 40px;
	--back-top-min: 40;
	--back-top-max: 60;
	max-width: 60px; 
	padding: .25em; background-color: rgb(255 255 255 / 25%);
	cursor: pointer; transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; }
#back_top svg path { fill: var(--black); }








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


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

.s1 { overflow: hidden; background-color: var(--white); padding-top: calc(50px + (100 - 50) * ((100vw - 320px) / 1600)); }
.s1 .container {  }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION SOCIAL ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_social p { font-size: 15vw; color: var(--green); font-weight: 500; text-align: center; opacity: .85 }
#sec_social .sec_img { position: absolute; pointer-events: none; }

#sec_social #sec_img_0 { width: 10%; top: 5%; left: var(--c10o); }
#sec_social #sec_img_1 { width: 15%; top: 10%; left: 50%; transform: translateX(-50%); }
#sec_social #sec_img_2 { width: 12%; top: 0; right: var(--c10o); } 
#sec_social #sec_img_3 { width: 30%; bottom: 5%; left: var(--c2o); z-index: -1 }
#sec_social #sec_img_4 { width: 15%; bottom: -10%; left: 30%; z-index: 1; }
#sec_social #sec_img_5 { width: 10%; bottom: 0; left: 55%; }
#sec_social #sec_img_6 { width: 25%; bottom: -15%; right: var(--c5o); z-index: 1; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TOP ICON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.set_icons { gap: .75rem; }
.set_icons .icon { width: 2.5rem; transition: .25s ease; border-radius: 50%; }

.set_icons .meteo path { fill: #F4A54C; transition: .25s ease; }
.set_icons .eventi path { fill: #006F42; transition: .25s ease; }
.set_icons .eventi .st1 { fill-rule: evenodd; }
.set_icons .cerca path { fill: #82BC00; transition: .25s ease; }
.set_icons .meteo:hover { background-color: rgb(244 165 76 / 15%); }
.set_icons .eventi:hover { background-color: rgb(0 111 66 / 15%); }
.set_icons .cerca:hover { background-color: rgb(130 188 0 / 15%); }


.set_icons .fb path { fill: #2A2A92; transition: .25s ease; }
.set_icons .ig path { fill: #EE2A7B; transition: .25s ease; }
.set_icons .wh path { fill: #32BA46; transition: .25s ease; }
.set_icons .fb:hover { background-color: rgb(42 42 146 / 15%); }
.set_icons .ig:hover { background-color: rgb(238 42 123 / 15%); }
.set_icons .wh:hover { background-color: rgb(50 186 70 / 15%); }




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


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

.card a { height: 100%; min-height: 25rem; overflow: hidden; background-color: var(--pine); }
.card picture img { transition: .25s ease-in-out; }

.card .text { padding: 1rem; }
.card .text h3 { color: var(--white); font-size: clamp(1.75rem, 3vw, 2.125rem); font-weight: 500; }
.card .text p { font-size: clamp(16px, 1.5vw, 18px); margin-top: 1rem; }

.card .flex-sort { padding: 1rem; }
.card .luogo { padding-top: 0; font-size: clamp(16px, 1.5vw, 18px); gap: .25rem; }
.card .luogo img { width: 1rem; }
.card button { height: 2.5rem; }
.card button svg { width: 100%; height: 100%; }


.card a:hover picture img { transform: scale(1.125); } 



/* Borghi */
.card_borghi .text.flex-l { gap: .75rem; }
.card_borghi .text.flex-l img { width: clamp(1.25rem, 2vw, 2rem); }


/* Ospitalità */
.card_osp a { background-color: transparent; }
.card_osp .text { padding: 0; padding-top: 1rem; }
.card_osp .flex-sort { padding: 0; padding-top: 1rem; }


/* Eventi */
.card_ev a { background-color: transparent; }
.card_ev .text { padding: 0; }
.card_ev .flex-sort { padding: 0; padding-top: 1rem; }



/* Attività */
.card mark {
	display: inline-block; position: absolute; top: .5rem; right: .5rem; 
	padding: .5em 1em; background-color: var(--green); border-radius: 5rem;
	color: var(--black); font-size: 16px; font-weight: 600; z-index: 1;
}

.card.estate mark { background-color: var(--forest); color: var(--white); }
.card.inverno mark { background-color: #0099B8; color: var(--white); }
.card.inverno a { background-color: var(--blue); }

.card .ico_card { gap: .5rem; margin-top: .75rem; }
.card .ico_card img { width: .85rem; height: .85rem; margin-top: 2px; }
.card .ico_card p { font-size: 16px; margin: 0; }

.card.attivita a { padding-bottom: 2.5rem }
.card.attivita button { position: absolute; bottom: 1rem; right: 1rem; }

.swiper .card.attivita a { padding-bottom: 3.5rem; }





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

.card_empty { padding: 2em 1.5em; }
.card_empty svg { width: 6em; }
.card_empty .text { margin-top: 1em; }




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








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


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

#s1_home h1 { color: #9CC6CE; text-transform: uppercase; font-size: 18vw; line-height: .8; }
#s1_home .filter { background: linear-gradient(to bottom, rgb(163 235 255 / 33%), rgb(163 235 255 / 0)); }
#s1_home .bkg_video { mix-blend-mode: multiply; opacity: .5; }

#s1_home .bkg_thumb { pointer-events: none; }
#s1_home .bkg_thumb::after { content: ""; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top, var(--dark), transparent); width: 100%; height: 100%; }
#s1_home .bkg_thumb img { width: 200%; max-width: unset; height: auto; transform: translateX(-25%); }



.nuvole_1 { position: absolute; left: 5%; top: 25%; transform: translateY(-50%); width: 50%; animation: nuvola_1 50s linear infinite; z-index: 1; pointer-events: none; }
.nuvole_2 { position: absolute; right: 5%; top: 32%; transform: translateY(-30%); width: 50%; opacity: 0.5; animation: nuvola_2 50s linear infinite; pointer-events: none; }

@keyframes nuvola_1 {
	0% { opacity: 0; transform: translate(-50%, -50%); }
	10% { opacity: .75; }
	90% { opacity: .75; }
	100% { opacity: 0; transform: translate(100%, -50%); }
}
@keyframes nuvola_2 {
	0% { opacity: 0; transform: translate(50%, -30%); }
	10% { opacity: .5; }
	90% { opacity: .5; }
	100% { opacity: 0; transform: translate(-100%, -30%); }
}





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

#s2_home { z-index: 1 }
#s2_home .sec_img { position: absolute; pointer-events: none; z-index: -1; opacity: .75 }
#s2_home #sec_img_0 { width: 15%; top: 2.5%; left: 50%; transform: translateX(-50%); }
#s2_home #sec_img_1 { width: 30%; bottom: 25%; left: var(--c2o); }
#s2_home #sec_img_2 { width: 15%; bottom: 0%; left: 30%; }
#s2_home #sec_img_3 { width: 25%; bottom: 20%; right: var(--c2o); }




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

#s3_home .container { margin-bottom: -5%; }

.video_home { transition: 0s; }
.grano { position: absolute; bottom: 0; left: 0; }


.play { border-radius: 50%; }
.play:hover { background-color: rgb(var(--pine-rgb) / 50%) }



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

.wrapper_ospitalita { display: grid; gap: 1.5rem; }

.box_osp { min-height: 10rem; overflow: hidden; }
.box_osp .text { padding: clamp(1rem, 2vw, 2rem); }
.box_osp .text .h2 { font-size: calc(var(--h2-size) * .625); }
.box_osp .icon { position: absolute; right: 0; bottom: 0; width: auto; height: 10rem; max-height: 80%; opacity: .5 }

.box_osp :where(img, .bkg_abs) { transition: .25s ease; }
.box_osp:hover :where(img, .bkg_abs) { transform: scale(1.125); }




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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ECOMUSEO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 4 */
.int { padding: 2rem; }
.int img { margin-bottom: 1.5rem; }
.int p { font-size: 1rem; font-weight: 300; }

/* Section 5 */
#s5_ecomuseo h2 { font-size: calc(var(--h2-size) * .85); }

/* Section 6 */
.wrapper_eco { gap: 1.5rem; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ECOMUSEO BIMBI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.luoghi_musei .luogo { padding-top: 0; font-size: 1rem; gap: .5rem; }
.luoghi_musei .luogo img { width: 1.125rem; }

.luoghi_musei:nth-of-type(odd) .container { flex-direction: row-reverse; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE TEMPLATE LANDING ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Test e immagine */
.sec_std:nth-of-type(odd) .container { flex-direction: row-reverse; }

/* Info */
/*.sec_info + .top_pine { display: none; }*/
.wrapper_info { background-color: rgb(var(--white-rgb) / 5%); padding: var(--c5v) var(--c2o); }

/* Gallery */
.sec_galleria .swiper.swiper-gallery { width: 110%; }

/* Schedine */
.text + .wrapper_schedina { margin-top: var(--c7v); }
.wrapper_schedina { display: grid; gap: 1.5rem; }
.wrapper_schedina .schedina { background-color: var(--pine); padding: 1.5rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE INFO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_info .filter { background: linear-gradient(to bottom, rgb(163 235 255 / 35%), rgb(163 235 255 / 0)); }


.card_accordion { border: 1px solid rgb(var(--white-rgb) / 50%); margin-bottom: 1.5rem; }

.accordion_head { padding: 1.25rem 2rem; cursor: pointer; gap: 1rem; }
.accordion_head h3 { width: calc(100% - 2rem); color: var(--green); }
.accordion_head svg { width: 2rem; transition: .125s ease }
.accordion_head.active svg { transform: scaleY(-1); }

.accordion_text { display: block; }
.accordion_text .sec_inner { padding: 1.75rem 2rem; padding-top: 0; }
.accordion_text .sec_inner + .sec_inner { border-top: 1px solid #ccc; padding-top: 1.75rem; }
.accordion_text .text h5 { text-transform: uppercase; }
.accordion_text .text p { margin-top: 1rem; font-size: 1rem; }










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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_blog .filter { background: linear-gradient(to bottom, rgb(163 235 255 / 45%), rgb(163 235 255 / 0)); }


.card_evidence a { min-height: 70vh; }
.card_evidence .filter_rl { background: linear-gradient(to right, rgb(var(--black-rgb) / 85%), rgb(var(--black-rgb) / 50%)); }

.card_evidence .text { padding: clamp(1rem, 2vw, 2rem); padding-bottom: 0; }
.card_evidence .text mark { position: relative; top: 0; right: 0; margin-bottom: 1rem; }
.card_evidence .text h3 { font-size: clamp(2.25rem, 4vw, 4rem); }
.card_evidence .text p { font-size: 1.125rem; }
.card_evidence button { height: 3.5rem; }






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

/* Search & Filter */
.filtro { margin-bottom: var(--c10v); gap: 1rem; }
.filtro p { color: var(--green); width: 100%; }

.filtro .search-filter-field__input { gap: .5rem; }
.filtro .search-filter-input-button { margin: 0; padding: .5em 1.25em; background-color: transparent; border: 1px solid var(--white); border-radius: 5rem; font-size: .85rem; color: var(--white); font-weight: 600; }
.filtro .search-filter-input-button:hover:not(.is-disabled):not(.search-filter-input-button--is-selected):hover { background-color: rgb(var(--green-rgb) / 25%); color: var(--white); border-color: var(--white); }
.filtro .search-filter-input-button.search-filter-input-button--is-selected { background-color: var(--green); border-color: var(--green); color: var(--black); }

.filtro .search-filter-component-combobox { padding: .5rem .5rem .5rem 1.25rem; background-color: transparent; border: 1px solid var(--white); border-radius: 5rem; }
.filtro .search-filter-component-combobox--mode-single .search-filter-component-combobox__selection { padding: 0; font-size: .85rem; }
.filtro .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input { padding: 0; color: var(--white); font-size: .85rem; }
.filtro .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input::placeholder { color: var(--white); }
.filtro .search-filter-component-combobox .search-filter-icon { padding: 0; }

.search-filter-component-combobox-base__listbox-option--depth-1::before { content: "-"; margin-right: .25rem; }

.search-filter-component-popup.search-filter-field__popup.search-filter-style--choice-select { margin: .125rem 0; background-color: var(--white); border-radius: 1rem; border: 1px solid var(--white); }
.search-filter-component-popup.search-filter-field__popup.search-filter-style--choice-select li { font-size: .85rem; background-color: transparent; color: var(--black); padding: .5rem .75rem; transition: .25s ease; }
.search-filter-component-popup.search-filter-field__popup.search-filter-style--choice-select li:hover { background-color: var(--green); color: var(--white); }
.search-filter-component-popup.search-filter-field__popup.search-filter-style--choice-select::-webkit-scrollbar { width: 5px; background-color: transparent; }
.search-filter-component-popup.search-filter-field__popup.search-filter-style--choice-select::-webkit-scrollbar-thumb { width: 5px; background-color: #6d6d6d; }

.search-filter-component-combobox:not(.search-filter-component-combobox--focused).search-filter-component-combobox--mode-single .search-filter-component-combobox__selection span { color: var(--white); }




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




/* Custom pagination */
.pagination { margin-top: var(--c7v); }
.pagination .navigation { padding: var(--c5v) 0; }
.pagination .nav-links { display: flex; align-items: center; justify-content: center; gap: .5rem; }

.pagination a, .pagination span {
    min-width: unset; width: 2rem; height: 2rem;
    display: flex; align-items: center; justify-content: center;
    background-color: var(--green);
    color: var(--white);
}
.pagination .current { background-color: #6d6d6d !important; color: var(--white) !important; }
.pagination a:hover, .pagination a:focus { background-color: var(--green); color: var(--white); opacity: .75; }

.pagination .next, .pagination .prev { display: none; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION BORGHI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Lino... */
.box_landing { border: 1px solid var(--green); padding: 4rem var(--c2o); overflow: hidden; aspect-ratio: unset; }
.box_landing .sized { transition: .25s ease }
.box_landing .filter { opacity: .75; }
.box_landing button { position: absolute; right: 1rem; bottom: 1rem; width: auto; height: 3rem; }
a.box_landing:hover .sized { transform: scale(1.1); }



/* Mappa interattiva */
#mappa { overflow: visible; }
#mappa rect { fill: transparent; }
#mappa a { transform-origin: center center; }
#mappa a:hover { transform: scale(1.05); }



/* Schedina */
.leaflet-container .leaflet-popup a.leaflet-popup-close-button { z-index: 1; aspect-ratio: 1 / 1; height: auto; padding: 0; width: auto; color: var(--white); font: 1.5rem / 1 Tahoma, sans-serif; top: 5px; left: 5px; right: unset; }
.leaflet-popup .leaflet-popup-content-wrapper { padding: 0; overflow: hidden; border-radius: 0; }
.leaflet-popup .leaflet-popup-content { margin: 0; min-width: 10rem; }

.leaflet-popup .card_map picture { filter: brightness(.375); background-color: var(--pine); }
.leaflet-popup .card_map mark { position: absolute; top: 0; right: 0; width: 2.5rem; height: auto; aspect-ratio: 1 / 1; padding: .5rem;  background-color: var(--pine); }
.leaflet-popup .card_map mark img { width: auto; }
.leaflet-popup .card_content { padding: .5rem; padding-top: 3rem; }
.leaflet-popup .card_content h3 { font-size: 1.25rem; font-weight: 600; color: var(--white); padding-right: 2rem; }
.leaflet-popup .card_content button { width: 1rem; margin-top: .75rem; }
.leaflet-popup .card_content button path { fill: var(--white); }



/* Single innovativa di lino */
.wrapper_frazioni { gap: 2rem 1rem; }
.wrapper_frazioni .card a { min-height: 20rem; }
.wrapper_frazioni .card .text { padding-bottom: 0; }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVIO EVENTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#eventi_in_evidenza { margin-bottom: 0; }
#eventi_in_evidenza .card a { height: 100%; min-height: unset; }


/* CALENDARIO */
.cerca_eventi { background-color: var(--white); padding: 1rem; }
.cerca_eventi .flatpickr-calendar.inline { border: 0; background: transparent; top: 0; box-shadow: unset; border-radius: 1rem; max-width: 325px; width: 100%; }

.cerca_eventi .flatpickr-calendar .flatpickr-months { position: relative; margin-bottom: 1rem; }
.cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-current-month { position: relative; height: auto; display: flex; align-items: center; justify-content: center; padding: 1rem 0; width: 100%; left: 0; }
.cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-month { color: var(--black); fill: var(--black); height: auto; position: relative; }
.cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-month :where(select, input) { font-weight: 500; margin: 0 .25rem; }
.cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-month select option { color: var(--black); }

.cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:not(.flatpickr-disabled), 
.cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-next-month:not(.flatpickr-disabled) {
	top: 50%; transform: translateY(-50%); cursor: pointer; background-color: var(--white); border-radius: 50%; width: 1.5rem; height: 1.5rem; padding: .25rem; 
	display: flex; align-items: center; justify-content: center;
}
.cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg, 
.cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg { display: block; fill: var(--black); }
.cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg, 
.cerca_eventi .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--pine); }



.cerca_eventi .flatpickr-calendar .cerca_eventi span.flatpickr-weekday { color: var(--black); }
.cerca_eventi .flatpickr-calendar .flatpickr-day { color: var(--black); font-weight: 400; border: 0; transition: .125s ease; }
.cerca_eventi .flatpickr-calendar .flatpickr-day.today { border: 1px solid #ccc; }

.cerca_eventi .flatpickr-calendar .flatpickr-day.flatpickr-disabled, .cerca_eventi .flatpickr-calendar .flatpickr-day.nextMonthDay, 
.cerca_eventi .flatpickr-calendar .flatpickr-day.prevMonthDay { color: var(--black); opacity: .5; font-weight: 400; }
.cerca_eventi .flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover { color: #6d6d6d; }

.cerca_eventi .flatpickr-calendar .flatpickr-day:hover,
.cerca_eventi .flatpickr-calendar .flatpickr-day.nextMonthDay:hover,
.cerca_eventi .flatpickr-calendar .flatpickr-day.prevMonthDay:hover { background: rgb(var(--pine-rgb) / 15%); border: 0; }

.cerca_eventi .flatpickr-calendar .flatpickr-day.selected { background: rgb(var(--pine-rgb) / 100%) !important; border: 0; color: var(--white); }
.cerca_eventi .flatpickr-calendar .flatpickr-day.selected:hover,
.cerca_eventi .flatpickr-calendar .flatpickr-day:focus { background: rgb(var(--pine-rgb) / 50%) !important; border: 0; }

.cerca_eventi .link.disabled { cursor: not-allowed; filter: grayscale(1); opacity: .5 }
.cerca_eventi .link { width: 100%; margin-top: 1rem; background-color: var(--pine); color: var(--white); border-color: var(--pine); }
.cerca_eventi .link:hover { background-color: var(--white); color: var(--pine); }







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


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

#s1_single {  }
#s1_single .sec_img { margin-bottom: calc(var(--c7o) * -1); z-index: 1; }





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

.s2_single .text h3 { font-size: calc(var(--h3-size) * 1.25); }
.s2_single .text img { margin: 1.5rem 0; }

.fresco > button { width: 5rem; opacity: 0; }
.fresco > button path { fill: var(--white); }
.fresco:hover {}
.fresco:hover button { opacity: 1; }






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

.top_pine + .grad_pine .container,
.top_pine + .bkg_pine .container { padding-top: var(--c5v); }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.single_blog .wrapper::after { display: none; }
.single_blog .wrapper { border: 0; background: rgba(34, 54, 43, 0.39); padding: 2rem; }
.single_blog #breadcrumb :where(a, span) { color: var(--green); }

.single_blog .s1_title h1 { font-size: ; }
.single_blog .s1_title h2.h3 { font-size: clamp(1.25rem, 2vw, 2rem); color: var(--white); }

.sec_blog + .sec_blog { margin-top: var(--c10v); }
.sec_blog h2 { font-size: clamp(1.5rem, 2vw, 2rem); font-weight: 500; }
.sec_blog h3 { font-size: clamp(1.125rem, 2vw, 1.5rem); font-weight: 500; }








/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE OSPITALITÀ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.info_struttura { margin-top: var(--c5v); padding-top: var(--c5v); border-top: 1px solid #ccc; }

.info_struttura .box_int h4 { font-size: 1.375rem; text-transform: uppercase; color: var(--green); }
.info_struttura .box_int + .box_int { margin-top: 2rem; }
.info_struttura .box_int li { font-size: 1rem; line-height: 1.25; margin-bottom: 1.25rem; gap: .375rem; }
.info_struttura .box_int li strong { font-weight: 600; }
.info_struttura .box_int ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 0 1rem; }
.info_struttura .box_int ul li { width: calc(50% - 1rem); }










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


/* WP-Form - Custom */
#form .wpforms-field label { color: var(--black); }

#form .wpforms-field :where(input, textarea, select) { background-color: transparent; border: 1px solid var(--black); border-radius: 5rem; padding: .75rem 1rem; font-size: 1ren; color: var(--black); }
#form .wpforms-field:not(.wpforms-field-checkbox) label { position: absolute; left: 1rem; top: .75rem; font-size: 1rem; font-weight: 400; background-color: var(--white); transition: .125s ease; }
#form .wpforms-field:not(.wpforms-field-checkbox).focus label { top: 0; transform: translateY(-50%) scale(.85); }

#form .wpforms-field.wpforms-field-checkbox li { text-align: left; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: ; border: ; border-radius: ; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background: ; }
#form .wpforms-field.wpforms-field-checkbox li label { display: inline-block; width: auto; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: ; }

#form button[type=submit], #form input[type=submit] {
	width: max-content; background-color: var(--green); border: 1px solid var(--green); border-radius: 5rem; padding: .7rem 1.5rem; 
	font-size: .875ren; color: var(--black); font-weight: 600; 
}




/* WP-Form - White */
#form.blocco { background-color: rgb(var(--pine-rgb) / 60%); padding: 1.5em; border-radius: 1.5rem; }
#form.white label { color: var(--white); }

#form.white .wpforms-field :where(input, textarea, select) { border-color: var(--white); color: var(--white); padding: 1rem .75rem .75rem .75rem; font-size: .85rem; border-radius: 1rem; }
#form.white .wpforms-field:not(.wpforms-field-checkbox) label { background-color: transparent; top: .85rem; font-size: .85rem; transform-origin: left; }
#form.white .wpforms-field:not(.wpforms-field-checkbox).focus label { top: 0; transform: translateY(0%) scale(.75); }

#form.white .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: var(--white); }
#form.white .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); }




/* Mailpoet */
#form.mp form { display: flex; align-items: center; justify-content: center; flex-direction: column; }
#form.mp .wpforms-field.wpforms-field-checkbox li { align-items: center; justify-content: center; }

#form.mp .wpforms-field-container { width: 100%; }
#form.mp button[type=submit]:hover, #form.mp input[type=submit]:hover { background-color: var(--white); }

#form.mp .wpforms-container-full .wpforms-confirmation-container-full { background-color: var(--green); color: var(--black); }
#form.mp .wpforms-container-full .wpforms-confirmation-container-full  p { color: var(--black); }






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


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

#s1_grazie {}




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

#s1_404 { background-color: var(--bkg_color); }

#s1_404 .s1_title h1 { font-size: 2rem; }
#s1_404 .s1_title p { font-size: 1.1rem; }
#s1_404 .s1_title .link { display: inline-block; padding: 0.9rem 1.7rem; border: 2px solid var(--btn_color); border-radius: 0.6rem; font-size: 1rem; color: var(--btn_color); }
#s1_404 .s1_title .link:hover { background-color: var(--btn_color); color: var(--btn_color_hover); transform: scale(1.05); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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 ) ); }

.foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }
#back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-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 ∞∞∞∞∞∞*/
	.head_wrapper { padding: 1.5em 2.5% 0 2.5%; z-index: 2; }


	/*∞∞∞∞∞∞ FRAZIONI ∞∞∞∞∞∞*/
	.wrapper_frazioni { grid-template-columns: 1fr 1fr; }

}






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

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

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

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




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 7 */
	.wrapper_ospitalita { grid-template-columns: 1fr 1fr; }
	.wrapper_ospitalita .box_osp:first-of-type { grid-row: 1 / 3; aspect-ratio: 1 / 0.9; }


	/*∞∞∞∞∞∞ TEMPLATE ECOMUSEO ∞∞∞∞∞∞*/
	/* Sec 6 */
	.wrapper_eco { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
	.wrapper_eco .box_osp { aspect-ratio: 4 / 3; }


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr; }
	#s2_borghi #card_grid { grid-template-columns: 1fr 1fr; }


	/*∞∞∞∞∞∞ LANDING ∞∞∞∞∞∞*/
	.wrapper_schedina { grid-template-columns: 1fr 1fr; }

}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.header.fix .head_logo { position: relative; }

	.head_logo { --head-logo-width: 50px; --head-logo-min: 50; --head-logo-max: 400; max-width: 400px; }
	
	.link_head { display: inline-block; padding: .75em 1.25em; border: 2px solid var(--pine); border-radius: 5rem; color: var(--pine); font-weight: 600; font-size: clamp(16px, 2vw, 1rem); }
	.link_head:hover { background-color: var(--pine); color: var(--white); }

	/* Menu */
 	#main_nav .top a::before { 
 		content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
 		z-index: -1; transition: .25s ease-in-out; opacity: 0; pointer-events: none; 
 		background-size: cover; background-repeat: no-repeat; background-position: top center;
 	}
	#main_nav .top a:hover::before { transform: translateX(-100%); opacity: 1; }




	/*∞∞∞∞∞∞ TOP ICON ∞∞∞∞∞∞*/
	.set_icons { position: absolute; top: 50%; transform: translateY(-50%); flex-direction: column; gap: 1rem; }
	.icon_left { left: 1rem; right: unset; }
	.icon_right { right: 1rem; }

	.set_icons .icon { width: 2.75rem; }



	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	#info_foot { display: flex; align-items: flex-start; justify-content: flex-start; }
	#form.mp form { position: relative; align-items: flex-start; justify-content: flex-start; flex-direction: row; gap: 1rem; }
	#form.mp .wpforms-field.wpforms-field-checkbox li { justify-content: flex-start; }

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

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




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 1 */
	#s1_home .container { padding-top: var(--c15v); }
	#s1_home .bkg_thumb img { width: 100%; transform: translateX(0%); }
	#s1_home h1 { font-size: 13vw; }

	/* Sec 2 */
	#s2_home .container { min-height: 100vh; padding-left: var(--c10o); padding-right: var(--c10o) }
	#s2_home .sec_img { opacity: 1; }
	#s2_home #sec_img_0 { width: 15%; left: 50%; }
	#s2_home #sec_img_1 { width: 15%; }
	#s2_home #sec_img_2 { width: 15%; }
	#s2_home #sec_img_3 { width: 20%; }

	/* Sec 3 */
	.max_par p { width: 80%; margin-left: auto; margin-right: auto; }
	.video_home { aspect-ratio: 16 / 9; }

	/* Sec 9 rivisitata */
	/*#s9_home .container { padding-left: var(--c2o); }*/
	#s9_home #mappa { transform: scale(1.125); transform-origin: right; }



	/*∞∞∞∞∞∞ SEC SOCIAL ∞∞∞∞∞∞*/
	#sec_social .container { min-height: 100vh; }

	#sec_social  #sec_img_0 { width: 10%; }
	#sec_social  #sec_img_1 { width: 15%; left: 50%; }
	#sec_social  #sec_img_2 { width: 12%; }
	#sec_social  #sec_img_3 { width: 20%; }
	#sec_social  #sec_img_4 { width: 15%; }
	#sec_social  #sec_img_5 { width: 10%; }
	#sec_social  #sec_img_6 { width: 20%; }





	/*∞∞∞∞∞∞ SECTION BORGHI ∞∞∞∞∞∞*/
	#s2_borghi .container { padding-left: var(--c2o); }

	/* Lino... */
	.box_landing { aspect-ratio: 1 / 1; }



	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	.filtro p { width: auto; }
	#card_grid { grid-template-columns: 1fr 1fr 1fr; }


	/* EVENTI */
	#s2_eventi .grid { grid-template-columns: calc(325px + 3rem) auto; gap: 1rem; }
	
	.evidenza.card .card_i { aspect-ratio: unset; height: 100%; }
	.evidenza.card .card_content .top { padding: 2.5rem; }
	.cerca_eventi { padding: 1.5rem 1.5rem 2.5rem 1.5rem; }



	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	.s2_single .wrapper::after { content: ""; position: absolute; right: calc(var(--c2o) * -1); top: 0; width: 1px; height: 100%; background-color: rgb(var(--white-rgb) / 50%); }
	.s2_single .text h2 { font-size: calc(var(--h2-size) * .75); }

	#sidebar { position: sticky; top: 10vh; }



    /*∞∞∞∞∞∞ SINGLE - OSPITALITÀ ∞∞∞∞∞∞*/
    .info_struttura .box_int + .box_int { margin-top: 0; padding-left: 2rem; }
    .info_struttura .box_int.w35l { width: 30%; }
    .info_struttura .box_int.w65l { width: 70%; }
}






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

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






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

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


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr 1fr 1fr; } 

	/*∞∞∞∞∞∞ FRAZIONI ∞∞∞∞∞∞*/
	.wrapper_frazioni { grid-template-columns: 1fr 1fr 1fr; }

}






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

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

	#sec_social p { font-size: 14rem; }
}






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

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