/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Visit Franciacorta "

BASE (MOBILE) SIZE

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




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


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




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

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




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

.wrapper_btn_menu { position: fixed; top: -.5rem; right: var(--c2o); }

.btn_menu { padding: 1.25rem 1rem; }
.btn_menu svg { width: auto; height: 1.5rem; position: relative; transition: .25s ease; }
.btn_menu:hover svg { transform: scale(1.1); }
.btn_menu:active svg { transform: scale(1); }
.btn_menu svg path { fill: var(--white); transition: .25s ease; }
.btn_menu::before, #hamburger::before { 
	content: ""; width: 100%; height: 100%; aspect-ratio: 1 / 1; 
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - .25rem)) scale(1.375); transition: .25s ease; 
	filter: drop-shadow(0 0 .75rem rgb(30 30 30 / 10%)); 
}

#meteo { z-index: 2; }
#meteo svg { width: auto; height: 1.75rem; }

#visit img { width: auto; height: 1.5rem; position: relative; transition: .25s ease; }

#eventi { z-index: 1; }

#meteo::before { background: url(../images/svg/menu_meteo.svg) no-repeat center; background-size: contain; }
#visit::before { background: url(../images/svg/menu_visit.svg) no-repeat center; background-size: contain; transform: translate(-75%, calc(-60% - .25rem)) rotate(15deg) scale(2); }
#eventi::before { background: url(../images/svg/menu_eventi.svg) no-repeat center; background-size: contain; }
#cerca::before { background: url(../images/svg/menu_cerca.svg) no-repeat center; background-size: contain; }
#hamburger::before { background: url(../images/svg/menu_menu.svg) no-repeat center; background-size: contain; transform: translate(-35%, calc(-50% - .25rem)) scale(1.5); }
#lang::before { background: url(../images/svg/menu_lang.svg) no-repeat center; background-size: contain; transform: translate(-40%, calc(-50% - .25rem)) scale(1.375); }


/* Lang */
#lang { display: inline-block; transition: .25s ease; }
#lang .wpml-ls-legacy-dropdown-click { width: auto; }
#lang .wpml-ls-legacy-dropdown-click a { padding: 0; background: transparent; border: 0 !important; color: var(--white); font-size: 1rem; font-weight: 500; text-transform: uppercase; }
#lang .wpml-ls-legacy-dropdown-click a span { display: block; line-height: 1; }
#lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { display: none; }
#lang .wpml-ls-legacy-dropdown-click .wpml-ls-current-language > a { padding-right: 1rem; background: url(../images/svg/arrow_down.svg) no-repeat; background-size: .75rem; background-position: 100% 3px; }
#lang .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, 
#lang .wpml-ls-legacy-dropdown-click a:focus, #lang .wpml-ls-legacy-dropdown-click a:hover { color: var(--white); background-color: transparent; }
#lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { background-color: var(--dark); border-top: 1px solid var(--white); margin-top: .125rem; }
#lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { padding: .25rem 0; width: 100%; text-align: left; }
#lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-current-language:hover > a, 
#lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:focus, #lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover { opacity: .75; }





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

#hamburger { 
	display: inline-block; font-size: var(--rem); line-height: 0;
	padding: 1.25rem;
	overflow: visible; cursor: pointer; transition: .25s ease;
}
#hamburger .wrap { width: 2em; height: 1.625em; }
#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 */
.header.tapped #hamburger span { transition: .25s ease; }
.header.tapped #hamburger .burger { opacity: 0; }
.header.tapped #hamburger .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
.header.tapped #hamburger .bottom_bun { top: 50%; transform: translate(-50%,-50%) rotate(-45deg); }

.header.tapped .head_logo { 
	--head-logo-width: 100px;
	--head-logo-min: 100;
	--head-logo-max: 200;
	max-width: 200px;
}

.header.tapped .btn_menu:not(#hamburger)::before { filter: brightness(0) invert(1); }
.header.tapped .btn_menu svg path { fill: var(--dark); }
.header.tapped .btn_menu img { filter: invert(1); }
.header.tapped #lang .wpml-ls-legacy-dropdown-click a { color: var(--dark) !important; }
.header.tapped #lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { background-color: var(--white); }
.header.tapped #lang .wpml-ls-legacy-dropdown-click .wpml-ls-current-language > a { background-image: url(../images/svg/form_sel_open_1.svg); }



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

#main_nav { display: none; position: fixed; top: 0; left: 0; z-index: 1; }
#main_nav .menu_wrapper { top: 0; left: 0; background-color: var(--dark); padding: 0 var(--c7o); padding-top: calc( 56px + ( 140 - 56 ) * ( (100vw - 320px) / 1600 ) ); }
#main_nav svg { opacity: .25; width: auto; max-width: unset; pointer-events: none; stroke-dasharray: 2500; stroke-dashoffset: 1950; transition: 2s ease; }
#main_nav svg.go { stroke-dashoffset: 0; }

#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: clamp(1.75em, 4vw, 2.75rem); line-height: 1.25; font-family: var(--title-font); color: var(--white); }
#main_nav .head_menu li a:hover { color: var(--light); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CERCA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_seacrh { position: fixed; top: 0; right: 0; pointer-events: none; opacity: 0; transition: .25s ease; }

.wrapper_seacrh .filter_close { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); background-color: rgb(var(--black-rgb) / 50%); pointer-events: initial; }
.wrapper_seacrh .close { position: absolute; width: 2rem; height: 2rem; top: .5rem; right: .5rem; z-index: 1; transform: rotate(45deg); opacity: 0; transition: .25s ease; }
.wrapper_seacrh .search { max-width: 90%; width: 35rem; background-color: var(--green); right: 0; top: 0; padding-top: 3rem; transform: translateX(100%); transition: .25s ease; }


.wrapper_seacrh .search form { position: relative; }
.wrapper_seacrh .search #keyword {
    width: 100%; height: auto; padding: .5rem 1rem; color: var(--white); font-size: 1.25rem; line-height: 1.5;
    border-radius: 0; border: 1px solid rgb(var(--white-rgb) / 75%);  
    background: url(../images/svg/icona-search.svg) no-repeat 95% / 1rem;
}
.wrapper_seacrh .search #keyword::placeholder { color: var(--white); font-size: 1.25rem; line-height: 1.5; }
.wrapper_seacrh .search .input_wrapper svg { width: 1rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); }
.wrapper_seacrh .search .input_wrapper svg path { fill: var(--white); }

.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: 0; z-index: 1; position: relative; }
.wrapper_seacrh .searchInput .ajax_spinner img { width: 1.5rem; }

.wrapper_seacrh .wrapper_datafetch { display: none; padding: 1rem; margin-top: 1rem; background-color: rgb(var(--white-rgb) / 100%); border-radius: 0; z-index: 1; position: relative; text-align: left; }
.wrapper_seacrh .search_result { overflow-y: scroll; height: 35vh; z-index: 1; position: relative; }
.wrapper_seacrh .search_result ul + ul { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgb(var(--green-rgb) / 50%); }
.wrapper_seacrh .search_result::-webkit-scrollbar { width: 5px; background-color: #f0f0f0; }
.wrapper_seacrh .search_result::-webkit-scrollbar-thumb { width: 5px; background-color: #6d6d6d; border-radius: 2rem; }

.wrapper_seacrh .search_result li { margin-bottom: .375rem; }
.wrapper_seacrh .search_result li.pretitolo { font-size: .75rem; font-weight: 700; text-transform: uppercase; color: var(--light); }
.wrapper_seacrh .search_result li a { font: inherit; opacity: .75; font-weight: 400; font-size: 1rem; color: var(--black); line-height: 1.1; }
.wrapper_seacrh .search_result li a:hover { opacity: 1; }


.wrapper_seacrh.active { z-index: 15; pointer-events: initial; opacity: 1; }
.wrapper_seacrh.active .search { transform: translateX(0); transition: .25s ease .25s; }
.wrapper_seacrh.active .close { opacity: 1; transition: .25s ease .25s; }





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


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

.link {
	display: inline-block; position: relative; width: fit-content;
    padding: .625em 2em; border: 2px solid var(--light);
	font: inherit; font-size: var(--rem); color: var(--green); font-weight: 600; text-transform: uppercase;
	background-color: var(--light);
}
.link:hover, .link:focus, .link:active { background-color: var(--green); color: var(--light); }

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

.link.dark { border-color: var(--dark); background-color: var(--dark); color: var(--light); }
.link.dark:hover, .link.dark:focus, .link.dark:active { background-color: var(--light); color: var(--dark); }

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



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

.filter_grad { background: linear-gradient(180deg, var(--dark), var(--green)); opacity: .625; }
.filter_bt { background: linear-gradient(to top, var(--dark), transparent); }



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

.bkg_light { background-color: var(--light); }
.bkg_green { background-color: var(--green); }
.bkg_dark { background-color: var(--dark); }
.bkg_lighter { background-color: var(--lighter); }
.bkg_beige { background-color: var(--beige); }


.text.light {
	--title-color: var(--light);
	--text-color: var(--light);
}

.green { color: var(--green); }
.light { color: var(--light); }
.lighter { color: var(--lighter); }
.dark { color: var(--dark); }
.beige { color: var(--beige); }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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: 1rem; }

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

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


/* Dots */


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



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

/* Social */
.social_wrapper { gap: 1rem 2rem; }
.social { gap: 1rem }
.social a { display: inline-block; width: 1.5rem; }
.social a :where(img,svg) { width: 100%; }
.social a svg path { transition: .25s ease; fill: var(--light); }
.social a:hover svg path { fill: var(--green); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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: .25em; margin-top: .5rem; }
#breadcrumb li { list-style: none; margin: 0; font-size: 16px; font-weight: 400; text-transform: lowercase; line-height: 1; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; color: var(--white); }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.toTop { transform: translateY(10%); opacity: 0; transition: .75s cubic-bezier(.76,0,.24,1); }
.toRight { transform: translateX(-10%); opacity: 0; transition: .75s cubic-bezier(.76,0,.24,1); }
.toLeft { transform: translateX(10%); opacity: 0; transition: .75s cubic-bezier(.76,0,.24,1); }

.toTop.active, .toRight.active, .toLeft.active { transform: translate(0); opacity: 1; }






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


.forma_nl { position: absolute; top: -10%; left: 20%; width: 30rem; max-width: 80%; z-index: 0; }

#nl_alta { position: absolute; left: 0; bottom: 70%;  }
#nl_bassa { position: absolute; right: 0; bottom: 0; width: 40%; }

#nl_alta .st0 { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px; stroke-dasharray: 3000; stroke-dashoffset: 3000; transition: 3s ease-in-out; }
#nl_bassa .st0 { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px; stroke-dasharray: 970; stroke-dashoffset: 970; transition: 2s ease-in-out 1s; }
#nl_alta.active .st0, #nl_bassa.active .st0 { stroke-dashoffset: 0; }




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

.foot_block { gap: 2rem 1rem; }
.foot_block .sep { width: 5rem; height: 1px; background-color: #ccc; }
.foot_block p { font-size: .825em; }
.foot_block p a { font: inherit; font-weight: 600; }
.foot_block p a:hover { color: var(--green); }

/* Foot Logo */
.foot_logo { display: block; width: 250px; min-width: 250px; }
.foot_logo :where(img, svg) { width: 100%; }


/* Credits */
#credits p { font-size: .825em; }
#credits p a { font: inherit; display: inline-block; display: inline-block; font-weight: 600; }
#credits p a:hover { color: var(--green); }





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

#cta_fc {
	z-index: 2; bottom: 1.5em; right: 0;
	--back-top-px: 50px;
	--back-top-min: 50;
	--back-top-max: 120;
	max-width: 120px; 
	cursor: pointer; filter: drop-shadow(0 0 1rem rgb(30 30 30 / 10%));
}
#cta_fc svg { width: 100%; }
#cta_fc svg polygon { fill: var(--white); transition: .25s ease; }
#cta_fc svg path { fill: var(--dark); }

#cta_fc:hover svg polygon { fill: var(--light); }


#cta_fc.hide { transform: translateX(200%); }







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


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

.s1 { overflow-x: clip; overflow-y: visible; }
.s1 .container { padding-top: calc( 56px + ( 140 - 56 ) * ( (100vw - 320px) / 1600 ) + var(--c15v) ); z-index: 2; }
.s1 .container:not(.h100) { min-height: 75vh; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ____ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








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


.card picture { background-color: #ccc; }


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

.card a { height: 100%; align-items: stretch; background-color: var(--white); }
.card picture:not(.ratio-4-3, .ratio-1-1, .ratio-16-9, .abs) { /* min-height: 20rem; */ height: 20rem; }
.card picture:not(.ratio-4-3, .ratio-1-1, .ratio-16-9, .abs) img { position: absolute; top: 0; left: 0; }
.card picture img { height: 100%; }
.card .shape { pointer-events: none; }

.card .card_content { padding: 2rem; padding-top: 0; padding-right: 4rem; background-color: var(--white); }
.card .card_content .shape { top: 0; left: 0; transform: translateY(calc(-100% + 1px)); }
.card .card_content mark { display: block; background: transparent; margin-bottom: 1.5rem; font-size: 1rem; color: var(--light); }
.card .card_content p { font-weight: 400; font-size: .85rem; }
.card .card_content h3 { font-size: 1.5rem; line-height: 1.125; }

.card button { position: absolute; right: 2rem; bottom: 2rem; width: 2rem; height: auto; }
.card button svg { width: 100%; height: auto; }


/*.card_std a { aspect-ratio: 3 / 4; }*/
.card_std .card_content > div { margin-top: -1rem; }



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

.card_sap.card .card_content { margin-top: 0; padding: 2rem; }
.card_sap.card .card_content h3 { padding-right: 1rem; }
.card_sap.card .card_content mark { margin-bottom: 0; }

.card_sap.card button { bottom: unset; top: -1rem; transform: translateY(-50%); }





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

.card_serv a .card_content { background-color: var(--dark); }
.card_serv.card .card_content { margin-top: 0; padding: 2rem; }
.card_serv.card .card_content h3 { padding-right: 1rem; color: var(--white); }
.card_serv.card .card_content p { color: var(--white); }
.card_serv.card .card_content mark { margin-bottom: 0; }

.card_serv.card button { bottom: unset; top: -1rem; transform: translateY(-50%); }






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

.card_out { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); }
.card_out a { grid-template-columns: 100%; }

.card_out .cat { display: grid; grid-template-columns: 2.5rem auto; align-items: center; }
.card_out .cat img { background-color: var(--white); width: 2.5rem; min-width: 2.5rem; padding: .25rem; }
.card_out .cat mark { display: block; width: 100%; height: 100%; text-align: center; padding: .75rem .5rem .5rem .5rem; background-color: var(--light); text-transform: uppercase; font-size: clamp(16px, 1.5vw, .875rem); font-weight: 600; }

.card_out .content { background-color: var(--dark);  }
.card_out .content .text { min-height: 10rem; padding: 2rem 1rem; }
.card_out .content .info { background-color: var(--white); padding: 1rem; }
.card_out .content .info p { width: 100%; border-bottom: 1px solid var(--dark); line-height: .625; }
.card_out .content .info p + p { margin-top: 1rem; }
.card_out .content .info p .tit { font-size: .85rem; }
.card_out .content .info p .txt { font-size: 1rem; font-weight: 500; }

.card_out .image button { right: 50%; bottom: 50%; transform: translate(50%, 50%); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD OSPITALITÀ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_osp a { background-color: var(--green); }
.card_osp .cat { display: block; width: 100%; height: 100%; text-align: left; padding: .5rem 1.5rem; background-color: var(--dark); }
.card_osp .cat mark { background: transparent; text-transform: uppercase; font-size: 1rem; font-weight: 600; color: var(--light); }

.card_osp .text { padding: 2rem; min-height: 10rem; text-align: center; }
.card_osp .info p { padding: 0 1.5rem 1rem 1.5rem; background-color: var(--white); }


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

.card_ter.card .card_content { margin-top: 0; padding-top: 1.5rem; }



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


/*.evidenza .card_content .top { padding: 1.5rem; }
.evidenza .card_content h3 { font-size: 2rem; }
.danonperdere { text-transform: uppercase; color: var(--white); margin-bottom: 1rem; }*/


.card_ev a { align-items: flex-end; }
.card_ev.card .card_content { margin-top: 0; padding-top: 1rem; }

.card_ev .wrp_date { position: absolute; top: 1.5rem; right: 0; transform: translateX(-1.5rem); gap: .5rem; }
.card_ev .box_data { width: 4.25rem; aspect-ratio: 1 / 1; padding: .25rem; background-color: var(--dark); text-align: center; font-size: 12px; color: var(--light); font-weight: 400; text-transform: uppercase; }
.card_ev .box_data.box_al { background-color: var(--light); color: var(--dark); }
.card_ev .box_data .big { display: block; font-size: 250%; font-weight: 700; }
.card_ev .box_data.ora { aspect-ratio: unset; }
.card_ev .box_data.ora .big { font-size: 200% }


/* Evidenza */
.card_ev.evidenza { min-height: 20rem; }
.card_ev.evidenza .wrp_date { transform: translateX(-1.5rem); }
.card_ev.evidenza .card_content { background-color: transparent; }
.card_ev.evidenza .card_content :where(p, h3) { color: var(--white); }

.card_ev.evidenza button { right: 1.5rem; }




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



#page_home .text > h2 {
	--h2-max: 90; --h2-size: 90px; --h2-min: 40; --h2-min-px: 40px; 
	--h2-size: calc(var(--h2-min-px) + var(--h2-diff) * ((100vw - 360px) / 1560));
}



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

.line_info.linea_s1 { width: 70%; top: 0; transform: rotate(-20deg) translate(-10%, 0); }
.line_info.linea_s1_2 { top: unset; bottom: 0; transform: translateY(20%); z-index: 1; }

.line_info.linea_s1 path, .line_info.linea_s1_2 path { stroke: var(--white) !important; }




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

#s2_home .forma_territorio { left: 25%; transform: translate(-50%, -15%) scale(1.125); }






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

#s3_home .line_info { top: -75%; }
#s3_home .forma_territorio { left: 60%; transform: translate(-50%, -25%) scale(1.125); }


#slider_art_home { z-index: -1; padding: 0 1.75rem }
#slider_art_home .card { direction: ltr; }
#slider_art_home .card h3 { font-size: 1.25rem; transition: .25s ease; }
#slider_art_home .swiper-slide-active h3 { font-size: 1.5rem; }





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

#s4_home .forma_territorio { left: 30%; transform: translate(-50%, -15%) ; }
#s4_home .line_info { top: -15%; }

#slider_sap_home { overflow-x: clip; overflow-y: visible; padding: 0 1.75rem; }
#slider_sap_home .card picture { height: 12rem; }
#slider_sap_home .card button { width: 2rem; min-width: 2rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 5 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s5_home .forma_territorio { left: 40%; transform: translate(-50%, -15%) scale(1.125); }
#s5_home .line_info { top: -65%; }
#s5_home .line_info path { stroke-dasharray: 3700; stroke-dashoffset: 3700; }
#s5_home .line_info.active path { stroke-dashoffset: 0; }

#slider_ev_home { padding: 0 1.75rem; }
#slider_ev_home .card h3 { font-size: 1.25rem; transition: .25s ease; }
#slider_ev_home .swiper-slide-active h3 { font-size: 1.5rem; }





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

#social_linea { position: absolute; top: -20%; left: 0; width: 100%; opacity: .75; }
#social_linea .st0 { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px; stroke-dasharray: 3000; stroke-dashoffset: 3000; transition: 3s ease-in-out; }
#social_linea.active .st0 { stroke-dashoffset: 0; }


#sec_social { overflow-x: clip; }
#sec_social .shape { width: 30rem; max-width: 70%; position: absolute; top: 50%; left: 50%; transform: translateY(-80%); z-index: -1; pointer-events: none; }

.wrapper_gallery { grid-template-columns: 1fr 1fr; gap: 1em; }
.wrapper_gallery div { clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); transition: .5s ease-out; }
.wrapper_gallery div picture img { transform: scale(1.15); transition: 2.5s ease-out; will-change: transform; }
.wrapper_gallery div.active { clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%); }
.wrapper_gallery div.active picture img { transform: scale(1); }












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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CYCLING ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#page_cycling section:not(#sec_map_ric) .forma_territorio { width: 30rem }
#page_cycling :not(.s1) .line_info { opacity: .25; }
#page_cycling #sec_map_ric .forma_territorio path { fill: var(--light); }



/* Section 2 */
#sec_map_ric .line_info path { stroke: var(--white); }

.single #sec_map_ric { margin-top: var(--c7v); } 
.subtit { text-transform: uppercase; font-weight: 500; letter-spacing: 4.5px; }

/* Custom map */
#map .my-popup-style .leaflet-popup-tip { background-color: var(--light); }
#map .my-popup-style .leaflet-popup-content-wrapper { background-color: var(--light); padding: 1rem; color: var(--dark); line-height: 1.125; }


/* Section 3 */
.open_hover { display: flex; justify-content: center; align-items: center; gap: 1rem; flex-wrap: wrap }

.card_iti a { height: 100%; }
.card_iti .image { height: 100%; }
.card_iti .shape { width: 100%; top: 0; left: 0; transform: translateY(calc(-100% + 1px)); pointer-events: none; }

.card_iti .card_content { padding: 2rem; padding-right: 4rem; background-color: var(--dark); }
.card_iti .card_content h3 { font-size: 2rem; line-height: 1.125; color: var(--white); transition: .25s ease; }
.card_iti .cat_inline { gap: .25rem 1.5rem; margin-top: 1rem; transition: .25s ease; }
.card_iti .cat_inline p { font-size: 1rem; font-weight: 600; color: var(--light); }
.card_iti .cat_inline p .tit { font-weight: 400; font-size: 75%; color: var(--green); }
.card_iti button { position: absolute; right: 2rem; bottom: 2rem; width: 3rem; height: auto; }
.card_iti button svg { width: 100%; height: auto; }



/* Section 4 */
#slider_out { padding: 0 1.75rem; }

.wrapper_nav_link { justify-content: center; gap: .5rem; margin-top: 2rem; align-items: stretch; }
.wrapper_nav_link .link { margin: 0; display: inline-flex; align-items: center; justify-content: center; }
.wrapper_nav_link .nav_btn { min-width: 2.5em; width: 2.5em; }


/* Section 6 */
#slider_art .swiper-slide a { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); }


/* Section 7 */
.slider_std.swiper { padding: 1rem 2rem; overflow: visible; overflow-x: clip }
.slider_std.swiper .swiper-slide { padding: 0 1rem; opacity: .5; transition: .25s ease; }
.slider_std.swiper .swiper-slide-active { transform: scale(1.125); opacity: 1; }
.slider_std.swiper .swiper-slide-prev { padding-right: 2.5rem; }
.slider_std.swiper .swiper-slide-next { padding-left: 2.5rem; }















/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CHI SIAMO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.h2_mini {
	--h2-max: 55; --h2-size: 55px; --h2-min: 30; --h2-min-px: 30px; 
	--h2-size: calc(var(--h2-min-px) + var(--h2-diff) * ((100vw - 360px) / 1560));
}

/* Section 2 */
#s2_chisiamo .forma_territorio { left: var(--c7o); top: 50%; transform: translate(0%, -5%) scale(1.5); transform-origin: top; }

/* Section 3 */
#s3_chisiamo .forma_territorio {  }
#s3_chisiamo .line_info {  }

#s3_chisiamo h3 { font-size: clamp(6rem, 20vw, 18rem); }
#s3_chisiamo h4 { font-size: clamp(8rem, 30vw, 30rem); line-height: .5 }

/* Section 4 */
#s4_chisiamo .forma_territorio { top: 0; left: 50%; transform: translate(20%, 0%) scale(1.75); z-index: 0; }

#s4_chisiamo h3 { font-size: clamp(6rem, 20vw, 15rem); }
#s4_chisiamo h2 { font-size: clamp(2rem, 5vw, 3rem); margin-top: 1rem; }

/* Section 5 */
#s5_chisiamo .forma_territorio:nth-of-type(1) { transform: translate(-70%, -60%) scale(1.5); z-index: 0; }
#s5_chisiamo .forma_territorio:nth-of-type(2) { transform: translate(0%, 0) scale(1.5); top: unset; bottom: 0; z-index: 0; }
#s5_chisiamo .line_info:nth-of-type(1) { top: -20% }
#s5_chisiamo .line_info:nth-of-type(2) { top: 50% }

#s5_chisiamo h3 { font-size: clamp(6rem, 20vw, 15rem); margin-bottom: -2rem }
#s5_chisiamo h2 { font-size: clamp(2.5rem, 10vw, 10rem); }












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

.wrapper_info { gap: 2rem; }
.wrapper_info .icon { width: 10vw; }
.wrapper_info .forma_territorio { left: 30%; transform: translate(-50%, 0) scale(1.25); transform-origin: left; z-index: -1; }
.wrapper_info.flex-rev-row .forma_territorio { left: unset; right: 35%; transform: translate(50%, 5%) scale(1.25); }

.wrapper_contatti { gap: 1rem; }
.wrapper_contatti a:hover { transform: scale(.95); }

/* Section 6 */
#page_info .line_info path { stroke: var(--dark); }
.line_info { top: 5%; }

#s3_info .line_info, 
#s6_info .line_info { top: -10% }

.line_info path { fill: none; stroke-miterlimit: 10; stroke-width: 1px; stroke-dasharray: 3300; stroke-dashoffset: 3300; transition: 3s ease-in-out; }
.line_info.active path { stroke-dashoffset: 0; }


/* Section 7 */
.wrapper_dascoprire { grid-template-columns: 1fr 1fr; }

.box_dascoprire { min-height: 20rem; overflow: hidden; }
.box_dascoprire .content { padding: 2rem; }
.box_dascoprire svg { position: absolute; left: 0; bottom: 0; transform: translateY(15%); }

.box_dascoprire:nth-of-type(1) { --grad_color: var(--green); --txt_color: var(--light); --svg_color: var(--dark); }
.box_dascoprire:nth-of-type(2) { --grad_color: var(--light); --txt_color: var(--dark); --svg_color: var(--lighter); }
.box_dascoprire:nth-of-type(3) { --grad_color: var(--beige); --txt_color: var(--lighter); --svg_color: var(--green); }
.box_dascoprire:nth-of-type(4) { --grad_color: var(--dark); --txt_color: var(--green); --svg_color: var(--light); }

.box_dascoprire svg path { fill: var(--svg_color); }
.box_dascoprire .filter { background: linear-gradient(to top, var(--grad_color) 15%, transparent); }
.box_dascoprire .content :where(h3, p) { color: var(--txt_color); margin-bottom: 1rem; }
.box_dascoprire .content p { text-transform: uppercase; display: none; }

.box_dascoprire:nth-of-type(2) .link, .box_dascoprire:nth-of-type(4) .link { border-color: var(--dark); color: var(--light); background-color: var(--dark); }
.box_dascoprire:nth-of-type(2) .link:hover, .box_dascoprire:nth-of-type(2) .link:focus, .box_dascoprire:nth-of-type(2) .link:active,
.box_dascoprire:nth-of-type(4) .link:hover, .box_dascoprire:nth-of-type(4) .link:focus, .box_dascoprire:nth-of-type(4) .link:active { background-color: transparent; color: var(--dark); }












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

.forma_territorio { width: 25rem; height: 20rem; max-width: 40%; position: absolute; top: 0; left: 50%; transform: translate(-50%, -25%); z-index: 1; }
.forma_territorio svg { object-fit: contain; height: 100%; width: 100%; }

#archive_outdoor, #archive_ospitalita, #archive_servizi { background-color: var(--light); }
#archive_outdoor .forma_territorio svg, #archive_ospitalita .forma_territorio svg, #archive_servizi .forma_territorio svg { fill: var(--green); }

#archive_arte_e_cultura, #archive_eventi { background-color: var(--green); }
#archive_arte_e_cultura .forma_territorio svg, #archive_eventi .forma_territorio svg { fill: var(--light); }

#archive_sapori, #archive_territorio { background-color: var(--dark); }
#archive_sapori .forma_territorio svg, #archive_territorio .forma_territorio svg { fill: var(--green); }



#archive_outdoor *, #archive_ospitalita *, #archive_servizi * { --main_color_archive: var(--dark); --second_color_archive: var(--green); --third_color_archive: var(--light); }
#archive_arte_e_cultura *, #archive_eventi * { --main_color_archive: var(--light); --second_color_archive: var(--dark); --third_color_archive: var(--light); }
#archive_sapori *, #archive_territorio * { --main_color_archive: var(--light); --second_color_archive: var(--green); --third_color_archive: var(--light); }






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






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

.filtro { gap: 1rem; }
.filtro .search-filter-component-combobox { background-color: transparent; border: 2px solid var(--main_color_archive); border-radius: 0; padding: 0; cursor: pointer; }
.filtro .search-filter-component-combobox-base--focused:hover, .filtro .search-filter-component-combobox-base--focused { border: 2px solid var(--main_color_archive); color: var(--main_color_archive); background-color: var(--second_color_archive); }
.filtro .search-filter-component-combobox--mode-single .search-filter-component-combobox__actions .search-filter-component-combobox__selection {
	font-size: 1.5rem; font-family: var(--title-font); color: var(--main_color_archive); padding: .75rem .5rem .5rem .5rem; }

.filtro .search-filter-component-combobox__input-divider { display: none; }
.filtro .search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg { min-width: var(--search-filter-input-toggle-size, 1.35em); fill: var(--main_color_archive); }
.filtro .search-filter-component-combobox-base__listbox--attached { margin-top: ; border-radius: 0; border: 1px solid var(--main_color_archive); }
.filtro .search-filter-component-combobox-base__listbox-option { padding: .5rem; font-size: 1rem; font-weight: 400; color: var(--third_color_archive); cursor: pointer; background-color: var(--second_color_archive); }
.filtro .search-filter-component-combobox-base__listbox-option--selected,
.filtro .search-filter-component-combobox-base__listbox-option--active { opacity: .85; }

.filtro > button { padding: .75rem .5rem .5rem .5rem; border: 2px solid var(--lighter); background-color: var(--lighter); font-size: 1.5rem; font-family: var(--title-font); color: var(--dark); }
.filtro > button:hover { background-color: var(--dark); color: var(--lighter); }

/* Filtro outdoor */
.search-filter-field--hidden { display: block; opacity: .5; pointer-events: none; }
.search-filter-field--id-4.clickable, .search-filter-field--id-5.clickable { opacity: 1; pointer-events: initial; }





/* Posts Loop */
#card_grid { grid-template-columns: 1fr; grid-gap: 1rem; }
#card_grid.grid_eventi { grid-gap: 1rem 2.5rem; }


/* Custom pagination */
.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: 2.5rem; border-radius: .5rem;
    display: flex; align-items: center; justify-content: center;
    background-color: var(--main_color_archive);
    color: var(--white);
}
.pagination .current { background-color: var(--second_color_archive) !important; color: var(--white) !important; }
.pagination a:hover, .pagination a:focus,
.pagination span:hover, .pagination span:focus { background-color: var(--main_color_archive); color: var(--white); opacity: .75; }
.pagination .next, .pagination .prev { display: none; }








/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION MAPPA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_map { z-index: 2; }

#map.leaflet-touch .leaflet-control-attribution { display: none; }

#map .leaflet-popup-content-wrapper { padding: 0; border-radius: 0; }
#map .leaflet-popup-content, #map .leaflet-popup-content p { margin: 0; }
#map .card picture { background-color: var(--green); }
#map .card .card_content { padding: 1rem; padding-right: 3.5rem; }
#map .card .card_content mark { font-size: 16px; margin-bottom: 10px; }
#map .card .card_content p { font-size: 16px; }
#map .card .card_content h3 { font-size: 1rem; }
#map .card button { width: 2rem; right: 1rem; }

#map a.leaflet-popup-close-button { color: var(--white); font-weight: 700; z-index: 2; }






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

/* EVIDENZA */
#eventi_in_evidenza { margin-bottom: 0; gap: 0; position: relative; }

#eventi_in_evidenza #nav_dots { z-index: 1; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
#eventi_in_evidenza #nav_dots .swiper-pagination-bullet { background-color: transparent; border: 1px solid var(--white); opacity: 1; width: .625rem; height: .625rem; }
#eventi_in_evidenza #nav_dots .swiper-pagination-bullet-active { background-color: var(--light); border-color: var(--light); }

#eventi_in_evidenza .swiper { height: calc(100% - 1rem); }


/* CALENDARIO */
.cerca_eventi { background-color: var(--light); padding: .5rem; }
.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(--green); }



.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.endRange,
.cerca_eventi .flatpickr-calendar .flatpickr-day.startRange { background: var(--green); }

.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(--green-rgb) / 15%); border: 0; }

.cerca_eventi .flatpickr-calendar .flatpickr-day.selected { background: rgb(var(--green-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(--green-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; }










/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TAXONOMY.PHP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s3_taxonomy .forma_territorio { z-index: -1; transform: translate(-80%, -40%) scale(1.25); }

#linea_tax { position: absolute; left: 0; top: -5%; }
#linea_tax .st0 { fill: none; stroke: var(--dark); stroke-miterlimit: 10; stroke-width: 2px; stroke-dasharray: 3000; stroke-dashoffset: 3000; transition: 3s ease-in-out; }
#linea_tax.active .st0 { stroke-dashoffset: 0; }










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


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

.s1_single .forma_territorio { top: unset; bottom: 0; transform: translate(-50%, 40%); }
.s1_single .forma_territorio svg { fill: var(--light); }



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

.s2_single .sottotitolo { line-height: 1.25; }
.s2_single .text h2, .s2_single .text .h2 {
	--h2-max: 45; --h2-size: 45px; --h2-min: 30; --h2-min-px: 30px; 
	--h2-size: calc(var(--h2-min-px) + var(--h2-diff) * ((100vw - 360px) / 1560));
} 
.s2_single .text :where(h2, h3, h4, h5, h6):not(.sottotitolo) { color: var(--green); }


/* Adatto a */
.wrapper_adatto {  }

.box_adatto { padding: 2rem var(--c2o); aspect-ratio: 1 / .75; }
.box_adatto .bkg_abs {}
.box_adatto p { color: var(--white); }

.box_adatto:nth-of-type(2) { z-index: 1; }

.box_adatto:nth-of-type(1) h3, .box_adatto:nth-of-type(6) h3 { color: var(--light); }
.box_adatto:nth-of-type(2) h3, .box_adatto:nth-of-type(4) h3 { color: var(--dark); }
.box_adatto:nth-of-type(3) h3, .box_adatto:nth-of-type(5) h3 { color: var(--light); }

.box_adatto:nth-of-type(1) .bkg_abs, .box_adatto:nth-of-type(6) .bkg_abs { background: url(../images/svg/box_1.svg) no-repeat center; background-size: contain; transform: scale(1.25); }
.box_adatto:nth-of-type(2) .bkg_abs, .box_adatto:nth-of-type(4) .bkg_abs { background: url(../images/svg/box_2.svg) no-repeat center; background-size: contain; transform: scale(1.25); }
.box_adatto:nth-of-type(3) .bkg_abs, .box_adatto:nth-of-type(5) .bkg_abs { background: url(../images/svg/box_3.svg) no-repeat center; background-size: contain; transform: scale(1.25); }





/* Video */
.play { aspect-ratio: 1 / 1; width: 8vw; min-width: 25%; border-radius: 50% }
.play:hover { background-color: rgb(var(--light-rgb) / 25%); backdrop-filter: blur(1rem); transform: translate(-50%, -50%) scale(1.25); }
.play svg { width: 100%; height: auto; }


/* Dati tecnici */
#sec_dati .wrapper { gap: 3rem 1rem; align-items: stretch; }


/* Contatti */
#s6_single .container, #s7_single .container { gap: 3rem 1rem; align-items: stretch; }

.box_cont { width: calc(50% - .5rem); text-align: center; padding: 2.5rem 1rem; border: 2px solid var(--dark); }
.box_cont img { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 3rem; }
.box_cont p { line-height: 1.125; }
.box_cont p + p { margin-top: .25rem; }
.box_cont a { text-decoration: underline 1px; }
.box_cont a:hover { color: var(--light); }

.box_cont .tit { color: var(--light); font-weight: 400; line-height: 1; font-size: .85; margin-bottom: .25rem; }
.box_cont.file_gpx { background-color: var(--light); }
.box_cont.file_gpx p { font-family: var(--title-font); font-size: 1.25rem; }
.box_cont.file_gpx a:hover { color: var(--dark); transform: scale(1.05); }



/* Linea pre gallery / innfo */
#linea_single_1 { position: absolute; left: 0; top: calc(var(--c20v) * -1); width: 100%; }
#linea_single_1 .st0 { fill: none; stroke: var(--green); stroke-miterlimit: 10; stroke-width: 2px; stroke-dasharray: 3000; stroke-dashoffset: 3000; transition: 2s ease-in-out 1s; }
#linea_single_1.active .st0 { stroke-dashoffset: 0; }









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

.sec_related .forma_territorio { left: 55%; transform: translate(-50%, calc(var(--c10v) * -1)); }

#related_line { position: absolute; left: 0; bottom: -5%; width: 100%; }
#related_line .st0 { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px; stroke-dasharray: 3000; stroke-dashoffset: 3000; transition: 2s ease-in-out; }

#related_line.active .st0 { stroke-dashoffset: 0; }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION TERRITORIO - Cosa fare ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_cosafare .slider_wrapper { gap: 0; padding: 0 1rem; }
#sec_cosafare .swiper { padding: 1rem; }
#sec_cosafare :where(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + .swiper-slide) { box-shadow: 0 0 1rem rgb(30 30 30 / 10%) }

#sec_cosafare .container { z-index: unset; }
#sec_cosafare .forma_territorio { z-index: -1; }
#sec_cosafare .container:nth-of-type(1) .forma_territorio, #sec_cosafare .container:nth-of-type(4) .forma_territorio { left: 30%; }
#sec_cosafare .container:nth-of-type(2) .forma_territorio { left: 70%; }





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


/* WP-Form - Custom */
#form form { position: relative; margin-top: 1.5rem; }
#form .wpforms-field label { color: var(--dark); font-weight: 300; font-size: 1rem; }

#form .wpforms-field > label { position: absolute; top: .825rem; left: .75rem; transition: .125s ease; }
#form .wpforms-field.focus > label { font-size: 14px; top: 2px; }

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

#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 { padding: ; color: ; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: ; }

#form .wpforms-submit-container { position: absolute; top: 0; right: 0; }

#form button[type=submit], #form input[type=submit] {
    padding: .75rem 2rem; 
    font-size: 1rem; color: var(--light); text-transform: uppercase;
    background-color: var(--dark); border: 3px solid var(--dark); border-radius: 0;
}










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


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

#s1_grazie {}




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

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



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

#cta_fc { 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 ∞∞∞∞∞∞*/

	/* 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) {

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

	/* Filtro */
	.filtro.grid_4 { grid-template-columns: 1fr 1fr; }



	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Contatti */
	.box_cont { width: calc(33% - .5rem); }

	/* Dati tecnici */
	

}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.btn_menu { padding: 1.25rem; }
	#hamburger { padding: 1.25rem 1.5rem; }
	
	#main_nav .menu_wrapper { justify-content: flex-start; }
	#main_nav svg { opacity: 1; }

	.img_menu { position: absolute; left: 40%; top: 10%; width: 50%; height: 90%; }
	.img_menu img { 
		position: absolute; top: 50%; left: 0; transform: translateY(-50%);
	    -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%;
	    opacity: 0; transition: .25s ease-in-out;
	}
	.img_menu img.active { opacity: 1; }
	






	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	#credits { text-align: right; }

	.foot_block { flex-direction: row; justify-content: flex-start; }
	.foot_block .sep { width: 1px; height: 5rem; }


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

	




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#page_home .max_par p.subtit { max-width: 100%; }
	#page_home .max_par.tar_desktop p { margin-left: 40%; }


	/* Sec 1 */
	#s1_home .s1_title h1 { font-size: calc(var(--h1-size) * 1.5); }

	/* Sec 2 */
	#slider_out .swiper-slide { transform: scale(.85); transition: .125s ease }
	#slider_out .swiper-slide-active { transform: scale(1.125); }

	/* Sec 3 */
	#s3_home .nav_wrp { position: absolute; bottom: 0; right: -5.5%; }

	#slider_art_home { margin-top: -5rem; }
	#slider_art_home .swiper-wrapper { align-items: flex-end; }

	#slider_art_home .swiper-slide picture { min-height: 25rem; transition: .25s ease .125s; }
	#slider_art_home .swiper-slide button { opacity: 0; }
	#slider_art_home .swiper-slide .card_content { position: absolute; left: 0; bottom: 0; background-color: var(--white); }

	#slider_art_home .swiper-slide-prev picture, #slider_art_home .swiper-slide-active picture { min-height: 34rem; }
	#slider_art_home .swiper-slide-active button { opacity: 1; }



	/* Sec 4 */
	#slider_sap_home { margin-top: var(--c7v); }
	#slider_sap_home .swiper-slide { opacity: .25; transform: rotate(15deg); transition: .25s; }
	#slider_sap_home .swiper-slide-next + .swiper-slide { opacity: .25; transform: rotate(-20deg); }
	#slider_sap_home .swiper-slide-next { opacity: .5; transform: rotate(15deg); }
	#slider_sap_home .swiper-slide-prev { opacity: .5; transform: rotate(-20deg); }

	#slider_sap_home .swiper-slide-active { z-index: 1; opacity: 1; transform: scale(1.25); }


	/* Sec 5 */
	#s5_home .nav_wrp { position: absolute; left: 0; bottom: 0; }
	#s5_home .wrapper_slider { padding-right: calc(var(--c5o) - 1.5rem); }
	#s5_home .text { z-index: 2; }

	#slider_ev_home { margin-top: -5rem; }
	#slider_ev_home .swiper-wrapper { align-items: flex-end; }

	#slider_ev_home .swiper-slide picture { min-height: 25rem; transition: .25s ease .125s; }
	#slider_ev_home .swiper-slide button { opacity: 0; }
	#slider_ev_home .swiper-slide .card_content { position: absolute; left: 0; bottom: 0; background-color: var(--white); }
	#slider_ev_home .swiper-slide .wrp_date { z-index: 1; transform: translate(1.5rem, 0) scale(0.75); transition: .125s ease-in-out; top: 50%; }

	#slider_ev_home .swiper-slide-prev picture, #slider_ev_home .swiper-slide-active picture { min-height: 34rem; }
	#slider_ev_home .swiper-slide-prev { opacity: 0; transition: opacity .125s ease; }

	#slider_ev_home .swiper-slide-active button { opacity: 1; }
	#slider_ev_home .swiper-slide-active .wrp_date { transform: translate(1.5rem, 0) scale(1); top: 1.5rem; }
	







	/*∞∞∞∞∞∞ DA SCOPRIRE ∞∞∞∞∞∞*/
	.wrapper_dascoprire { grid-template-columns: 1fr 1fr 1fr 1fr; }
	.box_dascoprire { min-height: 30rem; }

	.box_dascoprire .content p { display: block; }
	.box_dascoprire .content .hide { display: none; }

	.box_dascoprire svg { transform: translateY(50%); opacity: 0; transition: .25s ease -.05s; }
	.box_dascoprire.active svg { transform: translateY(0); opacity: 1; }





	
	/*∞∞∞∞∞∞ Sec SOCIAL WALL ∞∞∞∞∞∞*/
	.wrapper_gallery { padding-bottom: 4rem; }
	.wrapper_gallery { grid-template-columns: 1fr 1fr 1fr 1fr; }
	.wrapper_gallery div { aspect-ratio: unset; height: 35vh; background-color: var(--green); overflow: visible; }
	.wrapper_gallery div picture img { transition: .5s ease-out; }

	.wrapper_gallery div:nth-of-type(10n + 1) { grid-row: 2 span; height: calc(70vh + 1em); }
	.wrapper_gallery div:nth-of-type(15n + 8) { grid-row: 2 span; height: calc(70vh + 1em); }
	.wrapper_gallery div:nth-of-type(15n + 13) { grid-row: 2 span; height: calc(70vh + 1em); }
	.wrapper_gallery div:nth-of-type(15n + 5) { grid-row: 2 span; height: calc(70vh + 1em); }

	.wrapper_gallery div:nth-of-type(15n + 2),
	.wrapper_gallery div:nth-of-type(15n + 5),
	.wrapper_gallery div:nth-of-type(15n + 11) { transform: translateY(4rem); }

	.wrapper_gallery div:nth-of-type(15n + 4),
	.wrapper_gallery div:nth-of-type(15n + 7),
	.wrapper_gallery div:nth-of-type(15n + 10),
	.wrapper_gallery div:nth-of-type(15n + 13) { transform: translateY(4rem); }



	/*∞∞∞∞∞∞ INFO UTILI ∞∞∞∞∞∞*/
	/* Sec 6 */
	#s6_info .text.w100 { width: auto; }



	/*∞∞∞∞∞∞ CYCLING ∞∞∞∞∞∞*/


	/* Schede hover */
	.open_hover { flex-wrap: nowrap; }
	.box_open { box-flex: 1; flex: 1 0 0%; transition: flex .5s ease; height: 90vh; }
	.box_open:hover { flex-grow: 1.5; }

	.card_iti picture { aspect-ratio: unset; height: 100%; }
	.card_iti .card_content { position: absolute; bottom: 0; left: 0; transition: .125s ease; }
	.card_iti .cat_inline, .card_iti button { opacity: 0; }

	.card_iti:hover .card_content { padding-right: 6rem; }
	.card_iti:hover .card_content h3 { font-size: 3rem; }
	.card_iti:hover .cat_inline, .card_iti:hover button { opacity: 1; }



	/*∞∞∞∞∞∞ CHI SIAMO ∞∞∞∞∞∞*/
	/* Sec 3 */
	#s3_chisiamo h4 { position: absolute; left: 45%; }
	#s3_chisiamo .text { padding-left: var(--c2o); }

	/* Sec 4 */
	#s4_chisiamo h2 { width: 14ch; margin-left: 15%; margin-top: -2rem; }
	#s4_chisiamo .text { margin-left: 45%; margin-top: 0; }

	/* Sec 5 */
	#s5_chisiamo h3 { margin-bottom: -4rem; margin-left: 20%; }
	#s5_chisiamo .text { padding-left: var(--c7o); margin-left: 15%; }




	/*∞∞∞∞∞∞ ARCHIVI ∞∞∞∞∞∞*/
	.max_par p { max-width: 60%; }
	.max_par.tac p { margin-left: auto; margin-right: auto; }
	.max_par p.subtit { max-width: 40%; }

	
	/* Loop */
	#card_grid { grid-template-columns: 1fr 1fr 1fr; }
	#card_grid.grid_2 { grid-template-columns: 1fr 1fr; }

	/* Filtro */
	.filtro.grid_3 { grid-template-columns: 1fr 1fr 1fr; }
	.filtro.grid_4 { grid-template-columns: 1fr 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 { background-color: #eee; padding: 1.5rem 1.5rem 2.5rem 1.5rem; }
		
	/* Card */
	.card_ev .wrp_date { transform: translateX(1.5rem); }
	.card_ev .box_data { width: 4rem; font-size: 14px }




	/*∞∞∞∞∞∞ SINLGE ∞∞∞∞∞∞*/
	/* Sec 2 */
	.con_sottotitolo { margin-top: var(--c10v); }

	/* Contatti */
	.box_cont { width: calc(20% - 1rem); }
	.box_cont:nth-of-type(odd) { transform: translateY(2rem); }

	#sec_dati .box_cont:nth-of-type(odd) { transform: translateY(0); }

	/* Adatto a */
	.wrapper_adatto { grid-template-columns: 1fr 1fr 1fr; } 



}






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

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



	/* Card */
	.card .card_content { padding-right: 5rem; /* margin-top: -2rem; */ }
	.card button { width: 3rem; }

	/* Card outdoor */
	.card_out a { grid-template-columns: 1fr 0.75fr; }
	.card_out a .image picture { height: 100%; aspect-ratio: unset; }



	/* Dati tecnici */
	#sec_dati .wrapper { flex-wrap: nowrap; }
	#sec_dati .box_cont { width: 100%; max-width: calc(20% - 1rem); }
	#sec_dati .box_cont:nth-of-type(odd) { transform: translateY(2rem); }


	/* Varie */
	.max_par p.subtit { max-width: 30%; }




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 2 */
	#slider_out { width: 120%; margin: var(--c5v) 0;  margin-left: -10%; overflow-y: visible; overflow-x: clip; }

	/* Sec 5 */
	#s5_home .nav_wrp { left: 3.5%; }







}






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

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






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

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






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

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