/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Visit Malonno "

BASE (MOBILE) SIZE

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




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


header { z-index: 4; }
.head_wrapper { z-index: 2; }




.header.black .head_logo img { filter: invert(1); }

.header.black .link_head { color: var(--black); border-color: var(--black); }
.header.black .link_head svg path { fill: var(--black); }
.header.black .link_head:hover { color: var(--red); background-color: rgb(var(--black-rgb) / 5%); }
.header.black .link_head:hover svg path { fill: var(--red); }

.header.black .link_head::after, .header.black .head_wrapper .flex-el::before { background-color: var(--black); }





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

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




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

.link_head {
	gap: 1rem; padding: .5rem .75rem; position: relative; height: 3.75rem;
	color: var(--white); font-size: 1.25rem; font-family: var(--title-font); margin-right: 4rem;
}
.link_head span { transform: translateY(.125rem); }
.link_head svg { height: 1.5rem; }
.link_head svg path { fill: var(--white); transition: .25s ease; }

.link_head:hover { color: var(--red); background-color: rgb(var(--white-rgb) / 75%); }
.link_head:hover svg path { fill: var(--red); }






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

#hamburger { 
	background-color: var(--red); padding: 1rem; z-index: 1;
	overflow: visible; cursor: pointer; transition: .25s ease;

	position: fixed; top: 0; right: 0; box-shadow: 0 0 1rem rgb(30 30 30 / 10%);
}
#hamburger .wrap { width: 1.75rem; height: 1.75rem; }
#hamburger .wrap svg path { fill: var(--white); }
#hamburger .wrap svg.abs { display: none; }




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

#main_nav { 
	display: none; 
	position: absolute; top: 0; left: 0;
	z-index: 1; backdrop-filter: blur(.25rem); -webkit-backdrop-filter: blur(.25rem);
}
#main_nav .menu_wrapper { top: 0; left: 0; background-color: var(--red); }

.menu_left { padding: 0 var(--c5o); }

#main_nav .head_menu {}
#main_nav .head_menu li {
	font: inherit; line-height: 1; padding-left: 3rem; margin: 1.5rem 0; 
	background: no-repeat left top; background-size: 1.5rem;
}
#main_nav .head_menu li.current-menu-item a { opacity: .5; }
#main_nav .head_menu li a { display: inline-block; font-size: 1.5em; color: var(--white); line-height: 1; }
#main_nav .head_menu li a:hover { transform: scale(.95); opacity: .75 }


#main_nav #menu-item-290 { background-image: url(../images/svg/ico_home.svg); }
#main_nav #menu-item-292 { background-image: url(../images/svg/ico_malga.svg); }
#main_nav #menu-item-293 { background-image: url(../images/svg/ico_infopoint.svg); }
#main_nav #menu-item-294 { background-image: url(../images/svg/ico_sport.svg); }
#main_nav #menu-item-295 { background-image: url(../images/svg/ico_storia.svg); }
#main_nav #menu-item-296 { background-image: url(../images/svg/ico_eventi.svg); }
#main_nav #menu-item-297 { background-image: url(../images/svg/ico_ospitalita.svg); }
#main_nav #menu-item-291 { background-image: url(../images/svg/ico_associazioni.svg); }




.open_menu.header { position: fixed; top: 0; }
.open_menu .head_logo, .open_menu .lang, .open_menu .link_head { transform: translateY(-100%); opacity: 0; pointer-events: none; } 
.open_menu .flex-el::before { opacity: 0; }






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

.wrapper_seacrh { z-index: 5; display: none; backdrop-filter: blur(.5rem); -webkit-backdrop-filter: blur(.5rem); }
.wrapper_seacrh .filter { background-color: rgb(var(--red-rgb) / 90%); pointer-events: none; }
.wrapper_seacrh .close { position: absolute; top: 1rem; right: 1rem; z-index: 2; width: 2.5rem; }

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

.search form { position: relative; }
.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;
}
.search #keyword::placeholder { color: var(--white); font-size: 1.25rem; line-height: 1.5; }
.search .input_wrapper svg { width: 1rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); }
.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: 45vh; z-index: 1; position: relative; }
.wrapper_seacrh .search_result ul + ul { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgb(var(--red-rgb) / 50%); }
.wrapper_seacrh .search_result::-webkit-scrollbar { width: 5px; background-color: #f0f0f0; }
.wrapper_seacrh .search_result::-webkit-scrollbar-thumb { width: 5px; background-color: var(--red); border-radius: 2rem; }

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





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


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

.link { display: inline-block; position: relative; padding: .5rem 0 .25rem 0; font-family: var(--title-font); font-size: 1.25rem; color: var(--black); font-weight: 400; }
.link::before { content: ""; width: 100%; height: .25em;  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-color: var(--red); transition: .25s ease; }
.link span { position: relative; }
.link:hover { color: var(--white); }
.link:hover::before { height: 100%; width: calc(100% + 2rem); }


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




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

.s1 .filter_bt { background-color: var(--black); opacity: .5; mix-blend-mode: multiply; }









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

.red { color: var(--red); }
.subtitle { display: block; font-size: 50%; line-height: 1; }


.text:not(.white) :where(h1, h2, h3) b, :where(h1, h2, h3) strong { color: var(--red); }


.no_cut { clip-path: unset !important; }

.cut_bl { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - var(--c2o))); }
.cut_tl { clip-path: polygon(0 0, 100% var(--c2o), 100% 100%, 0% 100%); }
.cut_br { clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--c2o)), 0% 100%); }





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

.wrap_nav.flex-r { padding-right: 2rem; }

.nav_btn { 
	width: 2.75em; padding: .25em; 
	z-index: 1; cursor: pointer; transition: .25s ease; 
}
.nav_btn.abs { top: 50%; transform: translateY(-50%);  }


.nav_btn :where(img, svg) { width: 100%; }
.nav_btn.black :where(img, svg) { filter: invert(1); }
.nav_btn svg path { fill: var(--black); transition: .25s ease; }


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

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






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

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




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

#breadcrumb { gap: .125rem .25em; margin-bottom: 2rem; }
#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; font-size: 16px; color: var(--white); }







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








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


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


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


/* Foot Logo */
.foot_loghi { display: flex; align-items: center; justify-content: center; gap: 2rem; }

.foot_logo { width: calc(60% - 1rem); }
.logo_valle { width: calc(40% - 1rem); }
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block {}
.foot_block h4 { color: var(--white); font-weight: 400; margin-bottom: 2rem; }
.foot_block p { color: var(--white); margin-bottom: 1ren; }
.foot_block p a { font: inherit; display: inline-block; }
.foot_block p a:hover { opacity: .5; }


/* Foot Social */




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

#credits p { font-size: 16px; line-height: 1.5; z-index: 1; }
#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; clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--c2o)), 0% 100%); }
.s1 .container { padding-top: calc( 75px + ( 124 - 75 ) * ( (100vw - 320px) / 1600 ) ); }



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








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


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

.card_i { transition: .25s ease; }

.card a { min-height: 25rem; background-color: var(--blue); }
.card .filter { background: linear-gradient(to top, rgb(var(--black-rgb) / 70%), transparent); }
.card mark { 
	position: absolute; top: 2rem; left: 0; padding-left: 2rem; background-color: transparent; 
	border-bottom: 5px solid var(--red); color: var(--white); font-size: 1.125rem; font-family: var(--title-font);
}
.card .text { 
	padding: 3.5rem 1.5rem 1.5rem 1.5rem; gap: 1rem;
	background-color: rgb(var(--red-rgb) / 80%); -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); clip-path: polygon(0 2rem, 100% 0, 100% 100%, 0% 100%); 
}

.card .text h3 { width: calc(100% - 2rem); font-size: 1.5rem; color: var(--white); font-weight: 600; }
.card .text button { width: 2rem; }
.card .text button path { fill: var(--white); }




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

.card_ospi .card_i { background-color: #F0F0F0; height: 100% }
.card_ospi .cat_wrp { background-color: var(--red); padding: 1rem 1rem 2.5rem 1rem; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - 2rem)); }
.card_ospi .cat_wrp p { color: var(--white); font-family: var(--title-font); }

.card_ospi .card_content { padding: 1.5rem 1rem; }
.card_ospi .card_content h3 { font-size: 2rem; font-weight: 400; margin-bottom: 1.5rem; }
.card_ospi .card_content p { line-height: 1.25; font-size: 18px; margin-top: .75rem; gap: .75rem; }
.card_ospi .card_content p a { font: inherit; display: inline-block; }
.card_ospi .card_content p a:hover { color: var(--red); }
.card_ospi .card_content :where(svg, img) { width: 1rem; min-width: 1rem; height: auto; }
.card_ospi .card_content svg path { fill: var(--red); }

.card_ospi .dettagli { margin-top: 1.25rem; padding-top: .5rem; border-top: 1px solid var(--red); }




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

.card_eventi .filter { background: linear-gradient(to top, rgb(var(--black-rgb) / 80%), transparent); }
.card .text { 
	padding: 3.5rem 1.5rem 1.5rem 1.5rem; gap: 1rem;
	background-color: rgb(var(--red-rgb) / 80%); -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); clip-path: polygon(0 2rem, 100% 0, 100% 100%, 0% 100%); 
}
.card_eventi .text h3 { font-size: 1.5rem; color: var(--white); font-weight: 600; margin-bottom: 1.5rem; }
.card_eventi .text p { color: var(--white); line-height: 1.25; font-size: 18px; margin-top: .75rem; gap: .75rem; }
.card_eventi .text svg { width: 1rem; min-width: 1rem; height: auto; }
.card_eventi .text svg path { fill: var(--white); }







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


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

#s1_home h1 { font-size: calc(var(--h1-size) * 1.1); }



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

.card_home { margin-top: 1rem; }
.card_home .filter { background: linear-gradient(to top, rgb(var(--black-rgb) / 70%), rgb(var(--black-rgb) / 5%)); }

.card_home mark {  position: absolute; top: 2rem; left: 0; padding-left: 2rem; background-color: transparent; border-bottom: 5px solid var(--red); color: var(--white); font-size: 1.125rem; font-family: var(--title-font); }
.card_home:nth-of-type(2) mark { right: 0; left: unset; border-color: var(--blue); padding-left: 0; padding-right: 2rem; }

.card_home .text { padding: 1.5rem; }
.card_home .text h3 { font-weight: 700; }
.card_home .text p { font-size: 1rem; }

.card_home .content_bottom { 
	padding: 3.5rem 1.5rem 1.5rem 1.5rem; gap: 1rem;
	background-color: rgb(var(--red-rgb) / 80%); -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); clip-path: polygon(0 2rem, 100% 0, 100% 100%, 0% 100%); 
}
.card_home:nth-of-type(2) .content_bottom { background-color: rgb(var(--blue-rgb) / 80%); clip-path: polygon(0 0, 100% 2rem, 100% 100%, 0% 100%);  }

.card_home .content_bottom > div { width: calc(100% - 3rem); }
.card_home .content_bottom button { width: 3rem; }
.card_home .content_bottom button path { fill: var(--white); }






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




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

#s7_home .mask img { opacity: 0; }
#s7_home .mask video { -webkit-mask-image: url(../images/svg/mask.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; height: 100%; }

.play_video { width: 8rem; transform: translateY(-1rem); }
.play_video svg path, .play_video svg polygon { fill: var(--red); }





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


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

/* Section 1 */
.logo_landing { height: 5rem; width: auto; margin-bottom: 2rem; }


/* Section image */
.sec_is .wrapper { background-color: rgb(var(--red-rgb) / 75%); -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); }
.sec_is.blue .wrapper { background-color: rgb(var(--blue-rgb) / 75%); }

.slider_testi .swiper-slide { padding: .25rem; }
.slider_testi .swiper-slide h3 { font-weight: 600; line-height: 1; color: var(--white); font-size: 1.5rem; margin-bottom: 1rem; font-family: var(--title-font); }
.slider_testi .swiper-slide p { color: var(--white); line-height: 1.25; font-size: 1rem; margin-top: .75rem; }


/* Section Standard */
.sec_std + .sec_std .container { flex-direction: row-reverse; }


/* Eventi */
.slider_wrapper .swiper { padding: 0 1.5rem; overflow-y: visible; overflow-x: clip; }
.slider_wrapper .swiper-slide { padding: .75rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ASSOCIAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s2_associazioni .container { gap: 1rem; }

.link_loghi { width: calc(50% - 1rem); height: 8rem; padding: 1rem; box-shadow: 0 0 .5rem rgb(30 30 30 / 15%); }
.link_loghi img { width: 100%; height: 100%; object-fit: contain; }






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


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

.s1_archive .container.h100 { min-height: 70vh; }




.ratio-4-5 { aspect-ratio: 4 / 4.5; }





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

/* Search & Filter */
.wrapper_search { background-color: var(--red); padding-top: var(--c5v); padding-bottom: var(--c10v); }
.wrapper_search .search-filter-input-button-group { gap: .5rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.wrapper_search .search-filter-input-button {
	box-shadow: unset !important; border: 1px solid var(--white) !important; border-radius: 5rem; 
    background-color: transparent; padding: .5em 1em;
    font-size: 1rem; color: var(--white); margin: 0;
}
.search-filter-input-button:hover:not(.is-disabled):not(.search-filter-input-button--is-selected) { background: rgb(var(--white-rgb) / 25%); color: var(--white); }
.wrapper_search .search-filter-input-button.search-filter-input-button--is-selected { background-color: var(--white); color: var(--red); }



/* Filtro eventi */
.wrapper_search .search-filter-component-combobox { padding: .5rem .5rem .5rem 1.25rem; background-color: transparent; border: 1px solid var(--white); border-radius: 5rem; }
.wrapper_search .search-filter-component-combobox--mode-single .search-filter-component-combobox__selection { padding: 0; font-size: .85rem; }
.wrapper_search .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input { padding: 0; color: var(--white); font-size: 1rem; height: auto; min-height: auto; }
.wrapper_search .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input::placeholder,
.wrapper_search .search-filter-component-combobox--mode-single .search-filter-component-combobox__selection span { color: var(--white); font-size: 1rem; }
.wrapper_search .search-filter-component-combobox .search-filter-icon { padding: 0; }
.wrapper_search .search-filter-component-combobox__listbox-toggle svg, .wrapper_search .search-filter-component-combobox__clear-selection svg { fill: var(--white); }
.wrapper_search .search-filter-component-combobox__listbox-toggle::before { border-color: var(--white); }

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

.search-filter-component-popup.search-filter-field__popup.search-filter-style--choice-select::-webkit-scrollbar { width: 5px; background-color: transparent; }
.search-filter-component-popup.search-filter-field__popup.search-filter-style--choice-select::-webkit-scrollbar-thumb { width: 5px; background-color: #6d6d6d; }



/* Calendario eventi */
.wrapper_search input.flatpickr {
	padding: .5rem 2.5rem .5rem .5rem; background-color: transparent; border: 1px solid var(--white); border-radius: 5rem;
	color: var(--white); font-size: 1rem; font-family: var(--main-font); text-overflow: ellipsis;
}
.wrapper_search input.flatpickr::placeholder { color: var(--white); }
.wrapper_search .link_cerca_data {
	position: absolute; top: 50%; right: 0; transform: translate(-3px, -50%);
    height: calc(100% - 6px); width: auto; aspect-ratio: 1 / 1;
    border-radius: 4rem; background-color: var(--white);
}
.wrapper_search .link_cerca_data svg { width: 50%; }
.wrapper_search .link_cerca_data.disabled { opacity: .5; filter: grayscale(50%); }


.flatpickr-calendar { border: 0; background: transparent; top: 0; background-color: var(--white); box-shadow: 0 0 2rem rgb(30 30 30 / 40%); border-radius: 1rem; padding: 10px; width: 325px; }
.flatpickr-calendar .flatpickr-months { position: relative; }
.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; }
.flatpickr-calendar .flatpickr-months .flatpickr-month { color: var(--red); fill: var(--black); height: auto; }
.flatpickr-calendar .flatpickr-months .flatpickr-month :where(select, input) { font-weight: 500; margin: 0 .25rem; }
.flatpickr-calendar .flatpickr-months .flatpickr-month select option { color: var(--black); }

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month, 
.flatpickr-calendar .flatpickr-months .flatpickr-next-month { top: 50%; transform: translateY(-50%); }
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg, 
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg { display: block; fill: var(--black); }
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg, 
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--red); }


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

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

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

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

.flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), 
.flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), 
.flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 #ccc; }




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



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

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

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



/* Load More */




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








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


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

.s1_single .container.h100 { min-height: 80vh; padding-bottom: var(--c5v); }



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

/* Intro */
.text.intro p:first-of-type { font-size: 150%; font-weight: 600; line-height: 1.25; }
.text.intro p:first-of-type span { font-weight: 600 !important; }


/* Text */
.wrapper_left :where(h2, h3, h4, h5, h6) { font-weight: 500; }
.sec_single + .sec_single { margin-top: var(--c7v); }

.sec_single :where(img + p, img + h1, img + h2, img + h3, img + h4, img + h5, img + h6),
.sec_single :where(p + img, h1 + img, h2 + img, h3 + img, h4 + img, h5 + img, h6 + img) { margin-top: 1.5em; }
.sec_single :where(picture + p, picture + h1, picture + h2, picture + h3, picture + h4, picture + h5, picture + h6),
.sec_single :where(p + picture, h1 + picture, h2 + picture, h3 + picture, h4 + picture, h5 + picture, h6 + picture) { margin-top: 1.5em; }
.sec_single img { object-fit: contain; }


/* Ricetta */
.sec_single.ricetta { padding: var(--c5v) var(--c2o); background-color: var(--red); }
.sec_single.ricetta p, .sec_single.ricetta li { --p-max: 20; --p-size: 20px; --p-min: 16; --p-min-px: 16px; }
.sec_single.ricetta hr { background-color: var(--white); margin: 1.5rem 0; }


/* Gallery */
.fresco::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgb(var(--red-rgb) / 50%); mix-blend-mode: multiply; opacity: 0; transition: .25s ease; }
.fresco svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10%; filter: drop-shadow(0 0 1rem rgb(30 30 30 / 10%)); opacity: 0; transition: .25s ease; z-index: 1; }
.fresco svg path { fill: var(--white); }
.fresco:hover svg { opacity: 1; }
.fresco:hover::after { opacity: 1; }






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

#sidebar { padding: var(--c15v) var(--c5o); }

.sec_side .underline { text-transform: uppercase; font-weight: 500; margin-bottom: 1rem; position: relative; width: 100%; padding-bottom: .25rem; }
.sec_side .underline::after {
	content: ""; width: 100vw; height: .25rem; background-color: var(--red);
	position: absolute; left: 0; bottom: 0;
}


/* Dettagli sport */
.dettaglio { padding: 1rem 0; padding-right: 1rem; border-top: 1px solid var(--black); gap: 1rem; }
.dettaglio:first-of-type { border-top: 0; }
.dettaglio img { width: 1.5rem; height: auto; }
.dettaglio p { font-size: clamp(16px, 1rem, 18px); line-height: 1.25; font-weight: 300; }
.dettaglio p b { font-weight: 600; }
.dettaglio p a:hover { color: var(--red); }

.dettaglio.download { border-top: 0; background-color: var(--red); padding-left: 1rem; margin-top: -1px; }
.dettaglio.download p { color: var(--white); text-transform: uppercase; font-weight: 500; transition: .25s ease; }
.dettaglio.download:hover p { transform: scale(.95); opacity: .75; }

.dettaglio.info { border-bottom: 1px solid var(--black); }
.dettaglio.info :where(p, li), .dettaglio.info :where(p, li) a { font-size: clamp(16px, 1rem, 18px); }
.dettaglio.info :where(p, ul, ol) { margin-top: .5rem; }
.dettaglio.info :where(p, ul, ol):first-of-type { margin-top: 0; }

/*
.box_contatti .dettaglio { border-color: rgb(30 30 30 / 25%); }
.box_contatti .dettaglio img { width: 1rem; }
.box_contatti .dettaglio p { font-weight: 400; }
*/
.box_contatti .contatto { padding: .25rem 0; padding-right: 1rem; gap: .5rem; }
.box_contatti .contatto img { width: 1rem; height: auto; }
.box_contatti .contatto p { font-size: clamp(16px, 1rem, 18px); line-height: 1.25; font-weight: 300; }
.box_contatti .contatto p a { display: inline-block; }
.box_contatti .contatto p a:hover { color: var(--red); }



/* Condividi */
.box_social { gap: .5rem; padding: 1.5rem 0; border-bottom: 1px solid var(--black); }
.box_social p { color: var(--red); }


/* Nesletter */
.box_newsletter { background-color: var(--red); padding: 1.5rem; }
.box_newsletter h4 { font-weight: 500; color: var(--white); margin-bottom: 1rem; }

.box_newsletter#form_nl .wpforms-field input, .box_newsletter#form_nl .wpforms-field input::placeholder,
.box_newsletter#form_nl button[type=submit] { font-size: .85rem; }
.box_newsletter#form_nl button[type=submit] { padding: .75em 1.5em; }






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

#form_nl .filter { background: linear-gradient(to bottom, rgb(30 30 30 / 10%), transparent); clip-path: polygon(0 0, 100% var(--c2o), 100% 100%, 0% 100%); }

#form_nl .text .h2 { font-size: calc(var(--h2-size) * .85); }
#form_nl .text p + p { margin-top: .5rem; }

#form_nl form { position: relative; }
#form_nl .wpforms-container, #form_nl.wpforms-container { margin: 0; }
#form_nl .wpforms-field-container { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 0 1rem; }
#form_nl .wpforms-field { width: 100%; padding: 0; margin-bottom: 1.5em; }

#form_nl .wpforms-field label { margin: 0 0 .25rem 0; font: 700 85% / 1.25 var(--main-font); color: var(--black); }
#form_nl .wpforms-field label.wpforms-field-sublabel { margin: .25rem 0 0 0; font-size: 75%; font-weight: 400; }
#form_nl .wpforms-field label.wpforms-error { margin: .25rem 0; font: 700 67.5% / 1.25 var(--main-font); color: #990000; }

#form_nl .wpforms-field input { 
	width: 100%; max-width: 100%; height: auto; min-height: unset;
	margin: 0; padding: .75em 1.5em; background-color: transparent; border: 1px solid rgb(var(--white-rgb) / 100%); border-radius: 5rem;
	font: 400 var(--rem) / 1.25 var(--main-font); color: var(--white);
}
#form_nl .wpforms-field input::placeholder { color: rgb(var(--white-rgb) / 75%); }
#form_nl .wpforms-field input:focus, #form_nl .wpforms-field textarea:focus { box-shadow: unset; }

#form_nl .wpforms-field.wpforms-field-checkbox li { display: flex; align-items: center; justify-content: flex-start; }
#form_nl .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] {
	-webkit-appearance: none; appearance: none;
	width: auto; height: auto; padding: .625em; margin: 0 .75em 0 0;
	background: transparent no-repeat center / 1em; border: 1px solid var(--white); border-radius: 0;
	cursor: pointer; transition: .25s ease;
}
#form_nl .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]::before,
#form_nl .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]::after { display: none; }
#form_nl .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-image: url(../images/svg/checked.svg); background-color: var(--white); }
#form_nl .wpforms-field.wpforms-field-checkbox li label { width: 100%; margin: 0; padding: .25em 0; font-weight: 400; color: var(--white); }
#form_nl .wpforms-field.wpforms-field-checkbox li label a { margin: 0; font: inherit; text-decoration: underline; display: inline-block; }

#form_nl .wpforms-submit-container { padding: 0; margin: 0; text-align: center; }
#form_nl button[type=submit], #form input[type=submit] {
	display: block; width: fit-content; height: auto; padding: .5em 1.5em;
	font: 700 125% / 1.25 var(--main-font); color: var(--red); text-transform: uppercase;
	background: var(--white); border: 1px solid var(--white); border-radius: 5em;
	cursor: pointer; transition: .25s ease;
}
#form_nl button[type=submit]:hover { background-color: rgb(var(--white-rgb) / 50%); }


#form_nl div.wpforms-container-full .wpforms-form em.wpforms-error { background-color: var(--white); padding: 10px; width: max-content; }






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


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

#s1_grazie {}




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




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

.modale { top: 0; right: 0; z-index: 4; display: none; backdrop-filter: blur(10px); }
.modale .filter { pointer-events: initial; }

.modale .close { width: 2rem; position: absolute; top: 1rem; right: 1.25rem; }

.modale .wrapper_modale { z-index: 1; padding: 4rem 2rem 0 1rem; background-color: var(--white); position: absolute; top: 0; right: 0; width: 40rem; max-width: 90%; box-shadow: 0 0 1rem rgb(30 30 30 / 20%); }
.modale .wrapper_modale_i { overflow-y: scroll; height: calc(100vh - 4rem); width: 100%; padding-right: 1rem; padding-left: 1rem; padding-bottom: 2rem; }
.modale .wrapper_modale_i::-webkit-scrollbar { width: 8px; background-color: #f0f0f0; }
.modale .wrapper_modale_i::-webkit-scrollbar-thumb { width: 8px; background-color: var(--red); }

.modale .text { display: none; }



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

#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 { z-index: 2; }

	/* Hamburger */
	/* Nav Menu */


}






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

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

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


	/*∞∞∞∞∞∞ TEMPLATE ASSOCIAZIONI ∞∞∞∞∞∞*/
	#s2_associazioni .container { gap: 2rem; }
	.link_loghi { width: calc(33% - 2rem); }

}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.head_wrapper .flex-el::before {
		content: ""; width: 100%; height: 1px;
		background-color: var(--white); position: absolute; right: 0; bottom: 0;
	}

	.link_head { height: 4.5rem; padding: .5rem 2rem; border-bottom: unset; }
	.link_head::after { content: ""; width: 1px; height: 10rem; position: absolute; left: 0; bottom: 0; background-color: var(--white); }

	#hamburger { padding: 1rem; }
	#hamburger .wrap { width: 2.5rem; height: 2.5rem; }

	/* Menu */
	.menu_right { padding: 0 var(--c5o); }
	.menu_right::before {
		content: ""; width: 100%; height: 100%;
		position: absolute; left: 0; top: 0;
		background: linear-gradient(to right, rgb(var(--black-rgb) / 20%), var(--red) 60%);
	}

	.box_menu { border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }
	.box_menu:last-of-type { border-bottom: 0; }

	.box_menu a { padding: 1.5rem 0; font-size: 1.25rem; color: var(--white); gap: 1rem; }
	.box_menu span { display: block; width: calc(100% - 4rem); transition: .25s ease; }
	.box_menu button { width: 2.5rem; }
	.box_menu button svg path { fill: var(--white); }

	.box_menu a:hover { background-color: rgb(var(--white-rgb) / 25%); }
	.box_menu a:hover span { transform: translateX(1rem); }
	.box_menu a:hover button { transform: translateX(-1rem); }



	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.foot_loghi { flex-wrap: wrap; justify-content: flex-start; }
	.foot_logo { width: 90%; }
	.logo_valle { width: 60%; }

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

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

	/* Newsletter */
	#form_nl .wpforms-submit-container { position: absolute; top: 0; right: 0; }
	#form_nl button[type=submit], #form input[type=submit] { border-radius: 0 2rem 2rem 0; }
 








 	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
 	/* Sec 3 */
 	.card_home { margin: 0; }
 	.card_home:nth-of-type(2) { transform: translateY(-4rem); }
 	.card_home .text h3 { font-size: 2.5rem; line-height: 1.1; }


 	/* Sec 4 */
 	.slider_wrapper .swiper-slide-active > .card_i, .slider_wrapper .swiper-slide-next + .swiper-slide > .card_i { transform: translateY(-2rem); }
 	.slider_wrapper .swiper { padding: 0 1rem; }
	.slider_wrapper .swiper-slide { padding: 1rem; }


 	/* Sec 5 */
 	#s5_home .text { padding-left: var(--c1o); padding-right: var(--c2o); }
 	#s5_home .slider_wrapper .swiper { padding: 0; width: 140%; margin-left: -45%; }
 	#s5_home .filter_black { background: linear-gradient(to left, rgb(var(--black-rgb) / 70%), transparent); opacity: 1; }


 	/* Sec 7 */
 	#s7_home .text { display: flex; align-items: center; justify-content: flex-end; padding-right: var(--c15o); margin-bottom: -3rem; }
 	#s7_home .mask { padding: 0 1rem; }

 	/*#s7_home .hover_cursor { cursor: url(../images/svg/play.svg) 50 50, auto; transition: .25s ease; }*/
 	#s7_home .hover_cursor { cursor: inherit; }




 	/*∞∞∞∞∞∞ LANDING ∞∞∞∞∞∞*/
	.slider_testi .swiper-slide { padding: 1rem 2rem; }
	.slider_testi .swiper-slide p { font-size: 1.125rem; }


	.sec_std + .sec_std .container { padding-top: 0; }




	/*∞∞∞∞∞∞ TEMPLATE ASSOCIAZIONI ∞∞∞∞∞∞*/
	.link_loghi { width: calc(25% - 2rem); height: 10rem; }





 	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
 	/* Sec 1 */
 	.s1_archive .container.h100 { min-height: 80vh; padding-bottom: var(--c5o); align-items: flex-end; }


 	/* Sec 2 */
 	.wrapper_search .search-filter-input-button-group { gap: .25rem 1rem; }
 	
	#card_grid { grid-template-columns: 1fr 1fr 1fr; gap: 3rem 1.5rem; }
	#card_grid .card:nth-of-type(even) { transform: translateY(2rem); }

	.card .text { background-color: transparent; transition: .25s ease; backdrop-filter: blur(0);  }
	.card .text button { opacity: 0; }
	.card a:hover .text { background-color: rgb(266 70 70 / 60%); backdrop-filter: blur(5px); }
	.card a:hover .text button { opacity: 1; }




	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	.wrapper_right { position: sticky; top: 5vh; }
	#sidebar { padding: 0; }



}






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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	#main_nav .head_menu li { margin: 2rem 0; }
	#main_nav .head_menu li a { font-size: 1.875em; line-height: 1.1; }



	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 3 */
	.card_home .text h3 { font-size: 4.5rem; width: 70%; }
	.card_home .text p { font-size: 1.25rem; }

	/* Sec 5 */
	#s5_home .slider_wrapper .swiper { padding: 0; width: 120%; margin-left: -22.5%; }




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






}






/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  █  █▀▀   ▀▄  █▀▄    █   █  █  █  █
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀   ▀    ▀▀   █▀▀  - 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 ) {}