/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Consorzio Laghi "

BASE (MOBILE) SIZE

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




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


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

.header.tapped { position: fixed; }


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

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




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




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

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


#hamburger:not(.tapped):hover .burger,
#hamburger:not(.tapped):focus .burger,
#hamburger:not(.tapped):active .burger { width: 1.75em; }


/* Tapped / Clicked animation */
#hamburger.tapped span { background-color: var(--white); 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); }


/* Fixed */
#hamburger.fixed { background-color: var(--blue); top: 1.5rem; right: 2.5%; }



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

#main_nav { display: none; position: fixed; top: 0; left: 0; z-index: 1; background-color: var(--white); }
#main_nav .menu_wrapper { top: 0; left: 0; /* background: linear-gradient(to bottom, var(--gradient)); */ background-color: var(--blue); border-radius: 0 0 var(--rad) var(--rad); padding-top: 5rem; }
#main_nav .menu-menu-container { width: 100%; }

.head_menu .menu-item-has-children + .menu-item-has-children { border-top: 1px solid rgb(var(--white-rgb) / 50%); }
.head_menu .menu-item-has-children > a { font-size: 2rem; text-transform: uppercase; font-weight: 600; color: var(--white); width: 100%; padding: 1.5rem 2rem 1.5rem 1rem; position: relative; }
.head_menu .menu-item-has-children > a::after {
	content: ""; width: 2rem; height: 2rem; position: absolute; right: .5rem; top: 50%; transform:  translateY(-50%);
	background: url(../images/svg/arrow.svg) no-repeat center; background-size: contain;
}
.head_menu .menu-item-has-children > a.active::after { transform: rotate(180deg); }

.head_menu .sub-menu { margin-left: 0; display: none; padding: 0 1rem 1.5rem 1rem; }
.head_menu .sub-menu a { font-size: 1.25rem; color: var(--white); line-height: 1.5; font-weight: 500; margin-top: .5rem; }
.head_menu .sub-menu a:hover, .head_menu .sub-menu a:focus,
.head_menu .sub-menu a:active { color: var(--hover); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SMART SEARCH ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_seacrh { position: fixed; top: 0; right: 0; z-index: 4; 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%); }
.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(--blue); 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/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 { 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(--blue-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: .25rem; }
.wrapper_seacrh .search_result li.pretitolo { font-size: .75rem; font-weight: 600; text-transform: uppercase; color: var(--blue); }
.wrapper_seacrh .search_result li a { font: inherit; opacity: .75; font-weight: 500; font-size: 1rem; color: var(--black); line-height: 1.1; margin-bottom: .75rem; }
.wrapper_seacrh .search_result li a:hover,
.wrapper_seacrh .search_result li a:active,
.wrapper_seacrh .search_result li a:focus { 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; }
.wrapper_seacrh.active .filter_close { pointer-events: initial; }



.search_btn { border: 1px solid var(--white); border-radius: 5rem; padding: 1rem; margin-left: 1rem; }
.search_btn img { width: 1.5rem; }
.search_btn:hover, .search_btn:focus, .search_btn:active { background-color: rgb(var(--white-rgb) / 25%); }





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

.s1_title.textAnim { opacity: 0; }
.s1_title.textAnim.active { opacity: 1; }

.line_hide { overflow: clip }
.line_hide { line-height: 1.2 }



/* Testo normale */
.text.textAnim p.pretitle { transform: translateY(2rem); opacity: 0; transition: .5s ease; }
.text.textAnim p:not(.pretitle), .text.textAnim li { transform: translateY(2rem); opacity: 0; transition: .5s ease .5s; }
.text.textAnim.active p:not(.pretitle), .text.textAnim.active p.pretitle, .text.textAnim.active li { transform: translateY(0); opacity: 1; }


/* Immagini */
.trigger.sec_img > picture { transform: translateY(50%) scale(.75); opacity: 0; overflow: hidden; transition: all .25s ease-in-out; }
.trigger.sec_img > picture::after {
	display: block; content: '';
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-color: var(--blue); transform: translateY(100%);
	transition: 1s ease-in-out .25s;
}
.trigger.sec_img > picture > img { opacity: 0; transition: transform 2.5s ease-out .75s, opacity 0s linear .75s; }

.active.trigger.sec_img > picture { transform: translateY(0) scale(1); opacity: 1; }
.active.trigger.sec_img > picture::after { transform: translateY(-100%); }
.active.trigger.sec_img > picture > img { opacity: 1; transform: scale(1.15); }



/* Disattivo animazioni */
.s1_title.textAnim { opacity: 1; }
	    	.text.textAnim p.pretitle, .text.textAnim p:not(.pretitle), .text.textAnim li { transform: translateY(0); opacity: 1; }

	    	.trigger.sec_img > picture { transform: translateY(0) scale(1); opacity: 1; }
			.trigger.sec_img > picture::after { transform: translateY(-100%); }
			.trigger.sec_img > picture > img { opacity: 1; transform: scale(1.15); }




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


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

.link {
	display: inline-block; position: relative; width: fit-content;
    padding: .75em 1.75em; border-radius: 5rem; border: 2px solid transparent;
	font: inherit; font-size: var(--rem); color: var(--white); font-weight: 700; text-transform: uppercase;
}
.link span { position: relative; font: inherit; line-height: 1; text-transform: uppercase; }
.link::before {
	content: ""; width: 100%; height: 100%; border-radius: 5rem;
	/* background: linear-gradient(to right, var(--gradient)); */ background-color: var(--blue);
	position: absolute; left: 0; top: 0; transition: .25s ease;

	color: inherit;
}

.link:hover, .link:focus, .link:active { background-color: var(--white); color: var(--blue); border-color: var(--blue); box-shadow: .25rem .25rem 1.125rem rgb(30 30 30 / 25%); }
.link:hover::before, .link:focus::before, .link:active::before { opacity: 0; }


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




.link.download { display: flex; align-items: center; justify-content: center; gap: .5rem; }
.link.download svg { width: 1rem; height: auto; position: relative; }
.link.download:not(.white):hover path,
.link.download:not(.white):focus path,
.link.download:not(.white):active path { fill: var(--blue); }







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

.filter_tb { background: linear-gradient(to bottom, rgb(var(--dark-rgb)) -35%, transparent); }
.filter_bt { background: linear-gradient(to top, rgb(30 30 30 / 75%), transparent); }




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

.pretitle { text-transform: uppercase; font-size: 1.25em; letter-spacing: 3px; color: var(--blue); line-height: 1.25; }
.white .pretitle { color: var(--white); }


/*.bkg_grad { background: linear-gradient(45deg, var(--gradient)); }*/
.bkg_grad { background: var(--blue); }


.blue { color: var(--blue); }
.tt { text-transform: uppercase; }


.text hr { margin: 1.5em 0; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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_btn { 
	top: 50%; transform: translateY(-50%); 
	width: 3.5em; padding: .25em; 
	z-index: 1; cursor: pointer; transition: .25s ease; 
}
.nav_btn :where(img, svg) { width: 100%; }
.nav_btn svg path { fill: var(--black); transition: .25s ease; }

.nav_prev { left: var(--c2o); }
.nav_next { right: var(--c2o); }

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


/* Dots */
#nav_dots .swiper-pagination-bullet { background-color: transparent; border: 1px solid var(--blue); width: .625rem; height: .625rem; opacity: 1; }
#nav_dots .swiper-pagination-bullet-active { background-color: var(--blue); }

.nav_dots .swiper-pagination-bullet { background-color: transparent; border: 1px solid var(--blue); width: .625rem; height: .625rem; opacity: 1; }
.nav_dots .swiper-pagination-bullet-active { background-color: var(--blue); }


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



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

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




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

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




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

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




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








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


footer { /*background: linear-gradient(to bottom, var(--gradient));*/ background-color: var(--blue); border-radius: var(--rad) var(--rad) 0 0; }


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


/* Foot Logo */
.foot_logo { 
	display: inline-block; 
	--foot-logo-width: 320px;
	--foot-logo-min: 320;
	--foot-logo-max: 525;
	max-width: 525px;
}
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block {}
.foot_block h4 { text-transform: uppercase; font-size: 1.75rem; color: var(--white); margin-bottom: 1.25rem; }
.foot_block p { font-size: 1.25rem; line-height: 1.75; color: var(--white); font-weight: 600; }
.foot_block p a { display: inline-block; font: inherit; }
.foot_block p a:hover,
.foot_block p a:focus,
.foot_block p a:active { color: var(--hover); }

/* Foot Menu */
footer .head_menu .sub-menu a { text-decoration: underline 1px; }



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

#credits p { font-size: .85em; font-weight: 600; line-height: 1.5; margin: 0 auto; z-index: 1; }
#credits span { display: inline-block; }
#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: linear-gradient(to bottom, var(--gradient));*/ background-color: var(--blue); border-radius: 0 0 var(--rad) var(--rad); }
.s1 .h70 { height: auto; min-height: 70vh; }

.s1_title h1 { text-shadow: 0 4px 30px rgba(0, 0, 0, 0.25); }
.s1_title .link { box-shadow: .25rem .25rem 1.125rem rgb(30 30 30 / 25%); }

.s1 :where(#nav_dots, .nav_dots) .swiper-pagination-bullet { border-color: var(--white); }
.s1 :where(#nav_dots, .nav_dots) .swiper-pagination-bullet-active { background-color: var(--white); }





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

#main_nav .wrapper_links { padding: 1.5rem 2rem; border-top: 1px solid rgb(var(--white-rgb) / 50%); }

.wrapper_links { gap: 1rem; }
.wrapper_links a {
    display: flex; align-items: center; background-color: var(--white); padding: .75rem 1rem; min-height: 4rem;
    border: 1px solid rgb(var(--white-rgb) / 50%); border-radius: 1rem;
    text-align: center; color: var(--blue); font-weight: 600; text-transform: uppercase;
}
.wrapper_links a img { height: 2rem; width: auto; }
.wrapper_links a:hover,
.wrapper_links a:focus,
.wrapper_links a:active { background-color: rgb(var(--white-rgb) / 85%); box-shadow: .25rem .25rem 1.125rem rgb(30 30 30 / 50%); }





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

.wrapper_avvisi {
	position: fixed; top: 0; left: 0; z-index: 4; width: 25rem; max-width: calc(100% - 5rem); height: 100vh; 
	/*background: linear-gradient(to right, var(--gradient)); */ background-color: var(--blue);
	border-radius: 0 0 0 var(--rad); 
	transform: translateX(-100%); transition: .25s ease-out;
}
.wrapper_avvisi .tit { background-color: red; padding: 1rem; text-align: center; }
.wrapper_avvisi .tit p { color: var(--white); font-weight: 600; text-transform: uppercase; }

.wrapper_avvisi .scroll { height: 100%; padding-bottom: 2rem; overflow-y: scroll; }
.wrapper_avvisi .scroll::-webkit-scrollbar { width: 8px; background-color: var(--white); }
.wrapper_avvisi .scroll::-webkit-scrollbar-thumb { width: 8px; background-color: var(--blue); }

.avviso_breve + .avviso_breve { border-top: 1px solid rgb(var(--white-rgb) / 50%); }
.avviso_breve a { padding: 1.5rem 1rem; }
.avviso_breve a h4 { color: var(--white); font-weight: 600; text-transform: uppercase; font-size: 1.25rem; }
.avviso_breve a p { font-size: 18px; color: var(--white); margin-top: .75rem; }
.avviso_breve a .tt { font-size: 16px; margin-bottom: .25rem; margin-top: 0; }
.avviso_breve a:hover,
.avviso_breve a:focus,
.avviso_breve a:active { opacity: .75; }

/* Bottone apri/chiudi */
.btn_open {
	position: absolute; right: 0; top: 70%; transform: translate(100%, -50%); 
	background: linear-gradient(to right, var(--gradient)); border-radius: 0 5rem 5rem 0; 
	width: 4rem; height: 6rem; padding: 1.25rem .75rem; 
}
.btn_open .info { position: absolute; top: -.25rem; right: 0; width: 1.75rem; height: auto; }
.btn_open .open { width: 100%; height: 100%; transition: .25s ease; }
.btn_open .close { position: absolute; left: 50%; top: 50%; transform: translate(-60%, -50%); width: 50%; height: auto; opacity: 0; transition: .25s ease; }

/* Open */
.wrapper_avvisi.open { transform: translate(0); }
.wrapper_avvisi.open .btn_open .open { opacity: 0; }
.wrapper_avvisi.open .btn_open .close { opacity: 1; }





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


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

.card a { box-shadow: 0 0 1.5rem rgb(30 30 30 / 10%); border-radius: 1.5rem; height: 100%; }
.card .text { padding: 1rem; padding-bottom: 1rem; }
.card .text .date { font-size: 16px; margin-bottom: .5rem; }
.card .text h3 { font-size: 1.25rem; text-transform: uppercase; line-height: 1.25; margin-top: 0; }
.card .text p { font-size: .85rem; }

.card .btn { padding: 1rem; padding-top: 0; }
.card .btn button svg { width: 2rem; height: auto; }


/* Extra */
.card picture { border-radius: 1.5rem 1.5rem 0 0; }

.card mark {
    position: absolute; top: 1rem; right: 1rem;
    background-color: var(--white); padding: .25em .75em .375em .75em; border-radius: 3rem;
	color: var(--blue); font-weight: 600; box-shadow: 0 0 1rem rgb(30 30 30 / 10%);
}


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

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




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

.card_moduli { /* background: linear-gradient(to bottom, var(--gradient)); */ background-color: var(--blue); padding: 1.5rem 2rem; border-radius: 1.5rem; }
.card_moduli + .card_moduli { margin-top: 1.5rem; }

.card_moduli .text p { margin-top: .25rem; }

.card_moduli .top { gap: 1rem 2rem; }
.card_moduli .top h3 { font-size: 1.5rem; color: var(--white); }
.card_moduli .top p { font-size: 1.25rem; color: var(--white); }
.card_moduli .top + .top { margin-top: 1rem; }




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

.card_avviso + .card_avviso { margin-top: 2rem; }

.card_avviso { /* background: linear-gradient(to bottom, var(--gradient)); */ background-color: var(--blue); padding: 1.5rem 2rem; border-radius: 1.5rem; }
.card_avviso a { display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap; gap: 1.5rem; }

.card_avviso p { font-size: 1rem; color: var(--white); font-weight: 300; margin-bottom: .75rem; }
.card_avviso h3 { font-size: 1.5rem; font-weight: 600; color: var(--white); }
.card_avviso button { min-width: fit-content; }







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


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

#slider_laghi { width: 130%; }
#slider_laghi .swiper-wrapper {}
#slider_laghi .swiper-slide { padding: 0 var(--c2o); }

.elenco_laghi { border-radius: 1.5rem; overflow: hidden; }
.elenco_laghi p {
	z-index: 1; position: absolute; top: 2rem; left: 1.5rem;
	background-color: var(--white); padding: .5rem 1.5rem; border-radius: 5rem;
	text-transform: uppercase; color: var(--blue); font-weight: 600; 
}


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

#s5_home .norme { border-radius: 1.5rem; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); padding: 2rem; }



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

.sec_img picture { border-radius: 1.5rem; }



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

#news.swiper { overflow-y: visible; overflow-x: clip; padding: 0 .5rem; }
#news.swiper .swiper-slide { padding: 0 1rem; }








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PORTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.webcam { overflow: hidden; }
.webcam .filter { opacity: .85; }
.webcam svg path { fill: var(--white); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SOCIETÀ PARTECIPATE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s3_societa .sec_img > img { position: absolute; bottom: 0; right: 0; transform: translate(25%, 25%); width: 6rem; }
#s4_societa .sec_img > img { position: absolute; bottom: 0; left: 0; transform: translate(-25%, 25%); width: 6rem; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE NUMERI UTILI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.box_uff .text:nth-of-type(1) { margin-bottom: var(--c5v); }
.box_uff .text:nth-of-type(2) { margin: 0; }
.box_uff .text:nth-of-type(2) p { font-weight: 600; margin-top: .75rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINK UTILI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_link .elenco li { font-weight: 600; margin-bottom: 1rem  }




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

/* Sec 2 */
.swiper-gallery { overflow-y: visible; overflow-x: clip; padding: 0 1rem; }
.swiper-gallery .swiper-slide { border-radius: 1.5rem; overflow: hidden; }
.swiper-gallery #nav_dots,
.swiper-gallery .nav_dots { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); width: auto; z-index: 2; --blue: var(--white); }

/* Sec 3 */
#s3_chisiamo .text li { margin-top: 1.5rem; }

/* Sec 4 */
#s4_chisiamo .text li { margin-top: 1rem; }

/* Sec 5 */
#s5_chisiamo .grid { gap: 2rem; }
.box_downlaod { /* background: linear-gradient(to bottom, var(--gradient)); */ background-color: var(--blue); border-radius: 1.5rem; padding: 2rem; text-align: center; }
.box_downlaod h3 { color: var(--white); margin-bottom: 2rem; }

/* Sec 6 */
#s6_chisiamo .wrapper_link .elenco li { margin-bottom: 1.5rem; }




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

/* Sec 2 */
.wrp_cg { grid-template-columns: 1fr; gap: 1.5rem 2.5rem; margin-top: var(--c7v); }
.box_cont { /* background: linear-gradient(to bottom, var(--gradient)); */ background-color: var(--blue); border-radius: 1.5rem; padding: 2rem; }
.box_cont a { text-decoration: unset; font-weight: 600; }
.box_cont a:hover,
.box_cont a:focus,
.box_cont a:active { color: var(--hover); }

/* Sec 3 */
.wrapper_uffici { grid-template-columns: 1fr; gap: 1.5rem 2.5rem; margin-top: var(--c7v); }
.box_uff { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); border-radius: 1.5rem; padding: 2rem; }
.box_uff .text { margin-bottom: var(--c5v); }

/* Sec 4 */
.mini_tabella { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); border-radius: 1.5rem; }
.mini_tabella .text { padding: 2rem; }

.mini_tabella .row { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; text-align: center; border-top: 1px solid #ccc; }
.mini_tabella .row + .row {  }
.mini_tabella .row .col:nth-of-type(1) { width: 100%; }
.mini_tabella .row .col { width: 50%; padding: 1rem; }

.mini_tabella .row .col:nth-of-type(1) { padding-bottom: 0; }
.mini_tabella .row .col:nth-of-type(1) p { color: var(--blue); font-size: 1.25rem; font-weight: 600; }

.mini_tabella .row:nth-of-type(4) { background-color: rgb(var(--blue-rgb) / 10%); }
.mini_tabella .row:nth-of-type(4) .col:nth-of-type(1) p { color: var(--red); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LIMITI ALLA NAVIGAZIONE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.box_lago h3 { font-size: calc(var(--h3-size) * .85); }
.box_lago h4 { font-size: calc(var(--h4-size) * .75); margin-top: 3rem; }
.box_lago .text :where(p, ol, ul) { margin-top: 1rem; }
.box_lago .text :where(p, li) { font-size: 1rem; }

.box_lago .limiti { border-radius: 1.5rem; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); padding: 2rem; margin-top: var(--c5v); }
.box_lago .box_limite { margin-top: 1.5rem; gap: .25rem; cursor: pointer; }
.box_lago .box_limite .color { min-width: 1.5rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; margin-top: .25rem; }

.box_lago .allegati { margin-top: var(--c5v); }
.box_lago .allegati h3 { margin-bottom: 2rem; }
.box_lago .allegati a { display: flex; align-items: center; justify-content: flex-start; gap: .25rem; margin-top: 1rem; font-weight: 400; }
.box_lago .allegati a:hover,
.box_lago .allegati a:focus,
.box_lago .allegati a:active { color: var(--blue); }

.box_lago .mappa svg { width: 100%; height: auto; }

#box_endine, #box_moro { display: none; }


/* Tabs */
.wrapper_tabs { display: grid; grid-template-columns: 1fr 1fr 1fr; margin-bottom: var(--c10v); }
.wrapper_tabs .tab { padding: 1rem; border-bottom: 4px solid #ccc; font-size: 1.25rem; color: #6d6d6d; text-transform: uppercase; font-weight: 600 }
.wrapper_tabs .tab.active { color: var(--blue); border-color: var(--blue); }
.wrapper_tabs .tab:hover,
.wrapper_tabs .tab:focus,
.wrapper_tabs .tab:active { opacity: .75; }


/* Iseo */
.hover_monteisola, .hover_0_50, .hover_50_150, .hover_red, .hover_150, .hover_50_100, .hover_100 { opacity: 1; animation: mostrati paused 2s linear infinite; }
.hover_monteisola.active, .hover_0_50.active, .hover_50_150.active, .hover_red.active, .hover_150.active, .hover_50_100.active, .hover_100.active { animation-play-state: running; /* transition: opacity .25s 1s; opacity: 1; */ }

#iseo .hover_150 { fill: var(--blue) !important; }
#endine .hover_100 path { fill: var(--blue) !important; }

@keyframes mostrati {
	0% { opacity: 1; }
	25% { opacity: 0; }
	50% { opacity: 1; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}



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



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

/* Search & Filter
.filtro .search-filter-input-button-group { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-bottom: var(--c10v); }
.filtro .search-filter-checkable-button__label {
	margin: 0; background: transparent !important; box-shadow: unset; border-radius: 0; border: 0;
	padding: 1rem; border-bottom: 4px solid #ccc; font-size: 1.25rem; color: #ccc; text-transform: uppercase; font-weight: 600; transition: .25s ease;
}
.filtro .search-filter-input-button:hover:not(.is-disabled):not(.search-filter-input-button--is-selected):hover { color: #ddd; border-color: #ddd; }
.filtro .search-filter-input-button--is-selected { color: var(--blue); border-color: var(--blue); }
*/

.filtro { margin-bottom: var(--c10v); gap: .75rem 1rem; }
.filtro .search-filter-base { width: 100%; }

.filtro .search-filter-component-combobox .search-filter-component-combobox__listbox-toggle svg { min-width: var(--search-filter-input-toggle-size, 1.35em); }
.filtro .search-filter-component-combobox { padding: 0; background-color: transparent; border: 0; border-bottom: 4px solid #ccc !important; border-radius: 0; }
.filtro .search-filter-component-combobox__input-divider { display: none; }
.filtro .search-filter-component-combobox input { font-size: 1.25rem; color: #6d6d6d; text-transform: uppercase; font-weight: 600; transition: .25s ease; }

.filtro .search-filter-component-combobox-base__listbox--attached { margin-top: ; border-radius: 0; border: 1px solid #ccc; }
.filtro .search-filter-component-combobox-base__listbox-option { padding: .5rem; font-size: 1rem; transition: .25s ease; cursor: pointer; }
.filtro .search-filter-component-combobox-base__listbox-option--selected,
.filtro .search-filter-component-combobox-base__listbox-option--active { background-color: transparent; color: var(--dark); }



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



/* Custom pagination */
.pagination_wrp { padding-top: var(--c5v); margin-top: var(--c5v); border-top: 1px solid #f0f0f0; }
.pagination .nav-links { display: flex; align-items: center; justify-content: flex-end; }








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


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




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




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




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








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


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

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

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: ; border-radius: ;
	padding: ; font-size: ; color: ;
}
#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 button[type=submit], #form input[type=submit] {
	padding: ; font-size: ; color: ;
	background-color: ;  border: ; border-radius: ;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: ; border-color: ; color: ; }




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

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

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

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

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








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


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

#s1_grazie {}




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





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












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




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

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

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

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

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

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

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





}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.wrapper_links { flex-wrap: nowrap; align-items: stretch; }

	.search_btn { padding: .75rem 1.25rem; display: flex; align-items: center; justify-content: center; gap: .5rem; color: var(--white); font-size: 1rem; font-weight: 600; }
	.search_btn img { width: 1rem; }

	/* Menu */
	.head_menu { display: flex; align-items: flex-start; justify-content: center; gap: 7.5vw; position: relative; padding: 0 5%; }
	.head_menu .menu-item-has-children:nth-of-type(2) { padding: 0 7.5vw; border-left: 1px solid rgb(var(--white-rgb) / 50%); border-right: 1px solid rgb(var(--white-rgb) / 50%); }

	.head_menu .menu-item-has-children { flex: 1 1 auto; width: 100%; }
	.head_menu .menu-item-has-children > a { white-space: nowrap; }
	.head_menu .menu-item-has-children > a::after { display: none; }
	.head_menu .menu-item-has-children + .menu-item-has-children { margin-top: 0; padding-top: 0; border-top: unset; }
	.head_menu .sub-menu { display: block; }
	
	
	#main_nav .head_menu .menu-item-has-children > a { padding-top: 0 }
	#main_nav .head_menu .sub-menu a { margin-top: 1.25rem; }




	/*∞∞∞∞∞∞ CARD MODULISTICA ∞∞∞∞∞∞*/
	.card_moduli .top { flex-wrap: nowrap; }
	.card_moduli .top a { min-width: fit-content; }


	/*∞∞∞∞∞∞ CARD AVVISI ∞∞∞∞∞∞*/
	.card_avviso a { flex-wrap: nowrap; }




	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	footer .head_menu { gap: 1.5rem; }
	footer .head_menu .menu-item-has-children:nth-of-type(2) { padding: 0 1.5rem; }
	footer .head_menu .menu-item-has-children > a { font-size: 1.5rem; pointer-events: none; }
	footer .head_menu .sub-menu a { font-size: 1rem; hyphens: auto; }

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

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




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 7 */
	#s7_home .p2lr { padding-left: var(--c5o); padding-right: var(--c5o); }

	#news.swiper { padding: 0 1rem; }
	#news.swiper .swiper-slide { padding: 0 2rem; }


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

	
	/*∞∞∞∞∞∞ PROGETTI ∞∞∞∞∞∞*/
	/*.filtro .search-filter-input-button-group { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; }*/
	.filtro .search-filter-base { width: calc((100% / 3) - 1rem); }

	/*∞∞∞∞∞∞ CHI SIAMO ∞∞∞∞∞∞*/
	#s5_chisiamo .grid { grid-template-columns: 1fr 1fr }
	


	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	/* Sec 2 */
	.wrp_cg { grid-template-columns: 1fr 1fr 1fr; }

	/* Sec 3 */
	.wrapper_uffici { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
	.box_uff .text { margin-bottom: var(--c7v); }

	/* Sec 4 */
	.tabella { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); border-radius: 1.5rem; }
	.tabella .text { padding: 2rem; }

	.tabella .row { display: grid; grid-template-columns: .625fr 1fr 1fr; align-items: center; padding: 1.5rem var(--c2o); }
	.tabella .row + .row { border-top: 1px solid #ccc; }

	.tabella .row .col:nth-of-type(2), .tabella .row .col:nth-of-type(3) { text-align: center; }
	.tabella .row:not(.first) .col:nth-of-type(1) p { color: var(--blue); font-size: clamp(18px, 2vw, 1.375rem); }
	.tabella .row:not(.first) .col p { font-size: clamp(16px, 2vw, 1rem);; font-weight: 600; }

	.tabella .row:nth-of-type(5) { background-color: rgb(var(--blue-rgb) / 10%); }
	.tabella .row:nth-of-type(5) .col:nth-of-type(1) p { color: var(--red); }




	/*∞∞∞∞∞∞ LINK UTILI ∞∞∞∞∞∞*/
	.wrapper_link .elenco { columns: 3; column-gap: var(--c5o); }



	/*∞∞∞∞∞∞ LIMITI ALLA NAVIGAZIONE ∞∞∞∞∞∞*/
	.box_lago .mappa { position: sticky; top: 2.5vh; display: flex; align-items: center; justify-content: center; }
	.box_lago .mappa svg { width: auto; max-width: 100%; height: -webkit-fill-available; max-height: calc(100vh - 3vh); object-fit: contain; }

}






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

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

	/* Header */
	.search_btn { padding: 1rem 1.5rem; gap: 1rem; font-size: 1.25rem; }

	/* Footer */
	footer .foot_block.tac { text-align: left; }


	/* Non lo so */
	.btn_open { width: 5rem; height: 7rem; top: 50%; }

}






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

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


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



}






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

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






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

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