/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ "

BASE (MOBILE) SIZE

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




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


header { z-index: 4; position: fixed; top: 0; box-shadow: 0 0 1rem rgb(var(--green-rgb) / 50%); transition: .5s ease; }
header.scroll_on { transform: translateY(-5.25rem); }
#close_overlay { display: none; background-color: rgb(var(--black-rgb) / 50%); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.archive_menu { display: none; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ MENU LINE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.menu_line { background-color: var(--green); grid-template-columns: 35% 30% 35%; }
.menu_line .label { color: var(--white); }

.menu_line .segnalazione { display: none; }
.menu_line .spacer { display: none; }

.menu_line .social { border-right: 1px solid rgb(var(--white-rgb) / 65%); }

.menu_line .newsletter { gap: 0.5rem; padding: 0.5rem; }
.menu_line .newsletter svg { width: 1.75rem; }

.menu_line .app { border-left: 1px solid rgb(var(--white-rgb) / 65%); }
.menu_line :where(.app, .social) a { min-width: 2.5rem; height: 3rem; width: 2.5rem; padding: 0.5rem; display: flex; justify-content: center; align-items: center;}
.menu_line :where(.app, .social) a svg { width: 100%;  }

/* News line */

.menu_line .ultime_news {  width: 100%;  order: 5; background-color: var(--main_bkg); grid-column: 1 / -1; }
.menu_line .ultime_news a { color: var(--white); }

.menu_line .ultime_news .label {  padding: 0.5rem 1rem; }
.menu_line .ultime_news .label p { width: max-content; }

.menu_line .ultime_news .ticker-wrapper { overflow: hidden;  }

.menu_line .ultime_news .ticker-track { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; white-space: nowrap; width: max-content; }
.menu_line .ultime_news .ticker-track a { flex: 0 0 auto; display: inline-flex; align-items: center; text-decoration: none; color: var(--text_color); }
.menu_line .ultime_news .ticker-track a::before { content: ""; position: relative; display: block; width: 5px; height: 5px; border-radius: 8rem; margin: 0 1rem; 
	background-color: var(--white); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD WRAPPER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.head_logo { width: 5rem; min-width: 5rem;}
.head_logo :where(img, svg) { width: 100%; }


.head_wrapper { padding: 0.5rem 0.5rem; background-color: var(--grey_bkg); align-items: stretch; justify-content: space-between; }
.head_wrapper .menu :where(button, a) { padding: 0.5rem 0.5rem; color: var(--text_color); }
.head_wrapper .menu :where(button, a):not(.diretta_tv) { display: none; }
.head_wrapper .menu .diretta_tv::after { content: "ON AIR"; position: relative; margin-left: 0.5rem; font-size: 10px; background-color: var(--green); 
	padding: 0.25rem; border-radius: 0.25rem; color: var(--white); }

.head_wrapper .search_btn { width: 2.75rem; height: 2.75rem; padding: 0.5rem; }
.head_wrapper .search_btn svg { width: 100%; }
.head_wrapper .search_btn svg path { fill: var(--green); }

.head_wrapper .search { border-top: 3px solid var(--green); position: absolute; bottom: -0.5rem; right: -0.5rem; width: calc(100vw - 8px); transform: translateY(100%); 
	background-color: var(--grey_bkg); padding: 1rem; box-shadow: 0 0.35rem 1rem rgb(var(--green-rgb) / 50%); z-index: -1; 
	transition: .5s ease; transform: translateY(-100%); opacity: 0; pointer-events: none; }
.head_wrapper .search.open { transform: translateY(100%); opacity: 1; pointer-events: initial; }

.head_wrapper .search input { padding: 1rem 0.75rem; font-size: 1rem; font-family: var(--main-font); background-color: var(--main_bkg); width: 100%; color: var(--text_color);
	background-image: url(../images/svg/ico-search-green.svg); background-repeat: no-repeat; background-size: 1.25rem; background-position: calc(100% - 1.5rem) 50%; }
.head_wrapper .search.searching input { background-image: url(../images/svg/ico-spinner-green.svg); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#hamburger { 
	display: inline-block; font-size: var(--rem); line-height: 0;
	padding: .5rem .5rem; overflow: visible; cursor: pointer; transition: .25s ease;
}
#hamburger .wrap { width: 2.5rem; height: 1.75rem; }
#hamburger span {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
 	height: 3px; border-radius: .2em; width: 2.5rem;
	background-color: var(--green);
	transform-origin: center; will-change: transform; transition: .25s ease;
}
#hamburger .top_bun { top: 0; }
#hamburger .burger { top: calc(50% - 2px); }
#hamburger .bottom_bun { bottom: 0; }

/* Tapped / Clicked animation */
/*
 * Copiare l'animazione scelta dal file hamburger.css
 * oppure utilizare quella base qui sotto
 */
#hamburger.tapped span { transition: .25s ease; }
#hamburger.tapped .burger { opacity: 0; }
#hamburger.tapped .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
#hamburger.tapped .bottom_bun { top: 50%; transform: translate(-50%,-50%) rotate(-45deg); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#main_nav { 
	display: block; transition: .5s ease;
	transform: translateY(-100%); opacity: 0; pointer-events: none;
	position: absolute; top: 0; left: 0; height: 100dvh;
}
#main_nav.open { transform: translateY(3px); opacity: 1; pointer-events: initial; top: 9rem; height: calc(100dvh - 9rem - 3px); }
header.scroll_on #main_nav.open { height: calc(100dvh - 9rem + 5.25rem); }
#main_nav .menu_wrapper { border-top: 3px solid var(--green); top: 0; left: 0; }

#main_nav .menu { text-align: center; }
#main_nav .menu :where(button, a) { font-size: 3.25vh; color: var(--text_color); font-size: 1.5em; line-height: 1; padding: .5rem; }
#main_nav .menu :where(button, a):hover { color: var(--green); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SEARCH ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
header .search.open .results_wrapper { margin-top: 1rem; }

header .search .results { overflow-y: scroll; max-height: 60vh; padding: 0 1rem; }
header .search .results::-webkit-scrollbar { width: 6px; background-color: var(--main_bkg); }
header .search .results::-webkit-scrollbar-thumb { width: 6px; background-color: var(--green); }

header .search .results .single_post_type { padding: 1.5rem 0; border-top: 1px solid var(--green); }
header .search .results .single_post_type:first-child { border: 0; padding-top: 0; }

header .search .results li { margin-top: 1rem; }

header .search .results a { gap: 1rem; }
header .search .results a .text { width: 65%; }
header .search .results a picture { width: calc(35% - 1rem); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SEARCH ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.color_switcher input { opacity: 0; appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
.color_switcher label { position: relative; display: block; width: 5rem; height: 2.5rem; background-color: var(--main_bkg); border-radius: 5rem; }
.color_switcher .ico { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; transition: .5s ease; 
	background-image: url(../images/svg/ico-sun-green.svg); background-repeat: no-repeat; background-size: 1.5rem; background-position: calc(100% - 0.55rem) 50%; }

.color_switcher label::after { content: ""; position: absolute; top: 50%; left: 0.35rem; height: 1.75rem; width: 1.75rem; background-color: var(--green); 
	border-radius: 8rem; transform: translateY(-50%); transition: .5s ease; }
.color_switcher.active label::after { left: calc(100% - 1.75rem - 0.25rem);} 
.color_switcher.active  .ico { background-image: url(../images/svg/ico-moon-green.svg); background-size: 1.25rem; background-position: 0.55rem 50%; }

#main_nav .color_switcher { top: 1rem; left: 50%; transform: translateX(-50%); }
.head_wrapper .left .color_switcher { display: none; }




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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.link { display: flex; justify-content: center; align-items: center; position: relative; width: fit-content; padding: 0.35rem 1.5rem; border-radius: 0.5rem; gap: 0.5rem; }
.link svg { height: 1.25rem; min-height: 1.25rem; min-width: 1rem; }
.link span { font-weight: 500; }
.link::after { content: url(../images/svg/arrow-green.svg); position: relative; width: 1.15rem; min-width: 1.15rem; transform: translateY(3px); }

.link.white { background-color: var(--text_color); }
.link.white span { color: var(--main_bkg); }
.link.white svg path { fill: var(--main_bkg); }
.link.white::after { filter: brightness(0); }
[data-theme="light"] .link.white::after { filter: brightness(0) invert(1); }

.link.grey { background-color: var(--grey_bkg); color: var(--green); }
.link.grey svg path { color: var(--green); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.filter_color {
	background-color: var(--color);
	mix-blend-mode: multiply;
	opacity: .5;
}
.filter.vw100 { left: calc(var(--c5o) * -1); width: calc(100vw - 8px); height: calc(100% + var(--c15v)); }

.page_bkg { background-color: var(--main_bkg); }
.filter_grey { background-color: var(--grey_bkg); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.tac_responsive { text-align: center; }
.green { color: var(--green); }

/* Sec title */
.sec_title { position: relative; display: block; padding-bottom: 0.5rem; border-bottom: 1px solid rgb(var(--text_color-rgb) / 75%); margin-bottom: 2rem; text-align: center; }
.sec_title::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 6rem; height: 3px; transform: translate(-50%, 50%); }

.sec_title.green h2 span { color: var(--green); }
.sec_title.green::after { background-color: var(--green); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TAG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.tag { padding: 0.25rem 1rem; border-radius: 0.25rem; width: fit-content; text-align: center; }
.tag .comune { font-weight: 700; }
.tag .tipologia { text-transform: uppercase; font-weight: 700; }

/* Green */
.tag.green { background-color: var(--green); color: var(--white); }
.tag.green span { color: var(--white); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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%; background-color: var(--green); padding: 0.45rem; border-radius: 0.25rem;
	width: 2rem; 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: 0; transform: translate(-50%, -50%); }
.nav_next { right: 0; transform: translate(50%, -50%); }

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

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

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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.bkg_placehoder { position: absolute; transform: scale(1.2); top: 0; left: 0; width: 100%; height: 100%; filter: blur(5px); opacity: 0.5; 
	background-position: center; background-size: cover; border-radius: 0.5rem 0.5rem 0 0; background-repeat: no-repeat; pointer-events: none; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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 .container { gap: 3.5rem 2rem; }

/* Foot Block */
.foot_block h3.flex { gap: 0.5rem; }
.foot_block h3 svg { height: 1.25rem; width: auto;  }
.foot_block h3 svg path { fill: var(--text_color); }

.foot_block .block { margin-top: 2rem; }
.foot_block .title_border { position: relative; display: block; width: 100%; height: 1px; background-color: rgb(var(--white-rgb) / 65%); margin: 0.5rem 0 0.75rem 0; }
.foot_block .title_border::after { content: ""; position: absolute; top: 50%; left: 50%; height: 3px; width: 4rem; background-color: var(--green); 
	transform: translate(-50%, -50%); }
.foot_block :where(p, a, button) { color: var(--text_color); margin-top: 0.8rem; font-weight: 400; font-size: 1rem; }

.foot_block .flex_block { display: flex; justify-content: center; align-items: center; gap: 0.5rem; }
.foot_block .flex_block svg { height: 1.25rem; width: auto; min-width: 1rem; }
.foot_block .flex_block svg path { fill: var(--text_color); }

/* Foot Info */
#foot_info { order: 6; }
#foot_info .copyrights { opacity: 0.65; }

/* Foot Newsletter */
#foot_newsletter .title { margin-bottom: 1rem; }






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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* .s1 { overflow: hidden; } */

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION APP FOOT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_app_foot { border-bottom: 3px solid var(--green); }
#sec_app_foot .filter { background: linear-gradient(to right, rgb(var(--grey_bkg-rgb) / 100%) 0%,rgb(var(--grey_bkg-rgb) / 90%) 100%); }

#sec_app_foot .text h2 { color: var(--text_color); }

#sec_app_foot .loghi { margin: 2rem 0 3rem 0; gap: 1rem; }
#sec_app_foot .loghi a img { width: 7rem; min-width: 7rem; display: block; }

#sec_app_foot picture img { max-width: 300px; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION TOP BANNER HEAD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#top_banner { padding-top: 9rem; transition: .5s ease; }
#top_banner.scroll_on { padding-top: 8rem; }
#top_banner img { width: 100%; object-fit: contain; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION LAYOUT VERTICAL ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞
.layout_vertical { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem; } */

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ADV SIDEBAR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#adv_sidebar { display: none; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ADV MOBILE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.adv_mobile { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1rem; }
.adv_mobile .single_adv { width: 100%; max-width: 400px; }
.adv_mobile .single_adv img { width: 100%; object-fit: contain; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NEWS FILTRATE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.filtered_cards { gap: 1rem; }




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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Container */
.cards_container { position: relative; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 1rem; }

/* Default */
.card { background-color: var(--grey_bkg); border-radius: 0.5rem; width: 100%; }
.card.swiper-slide { height: auto; }

.card.alt_color { background-color: var(--main_bkg); }

.card picture img { object-fit: contain; border-radius: 0.5rem 0.5rem 0 0; }

.card .card_container { height: 100%; }
.card:not(.first_card) a h3 { font-size: clamp(22px, 1.75vw, 24px); color: var(--text_color); margin-top: auto; }

.card .top { overflow: hidden; border-radius: 0.5rem 0.5rem 0 0; }

.card .tag_container { position: relative; width: 100%; margin-bottom: 2rem;
	display: flex; justify-content: center; align-items: center; gap: 0.25rem; }
.card .tag_container .tag { font-size: 14px; }
.card .tag_container .tag .comune { font-weight: 400; }

.card .text_container { display: flex; flex-direction: column;  flex: 1; width: 100%; }
.card .text_container .text { display: flex; flex-direction: column;  flex: 1; padding: 2rem 1.5rem 2rem 1.5rem; height: 100%; }
.card .text_container .title { margin-top: auto; }

.card .info { margin-top: 1rem; gap: 0.5rem 1rem; flex-wrap: wrap; }
.card .info svg { height: 1.25rem; min-height: 1rem; width: auto; }
.card .info svg path { fill: var(--text_color); }
.card .info span { color: var(--text_color); }

.card .info .single_info { gap: 0.5rem; }
.card .info .single_info  span { font-size: 16px; }

/* Link */
.card .post_link { position: relative; display: flex; justify-content: center; align-items: center; gap: 0.5rem; width: 100%; 
	text-align: center; padding: 1rem; background-color: var(--green);}
.card .post_link span { display: block; position: relative; font-weight: 500; color: var(--white);  }
.card .post_link svg { width: 1.25rem; min-width: 1.25rem; }
.card .post_link svg path { fill: var(--white); }

/* First card */
.card.first_card .text_container { background-color: var(--green); }
.card.first_card .title h3 { color: var(--white); }
.card.first_card .title p  { margin-top: 1rem; }
.card.first_card .tag_container .tag { background-color: var(--white); color: var(--green); }
.card.first_card .tag_container span { color: var(--green); }

.card.first_card .info svg path { fill: var(--white); }
.card.first_card .info .single_info span { color: var(--white); }

/* Versione orizzontale */
.card.orizontal { width: 100%; min-width: 100vw; border-radius: 0; }
.card.orizontal picture img { border-radius: 0; }

/* Colors */
.card.black { background-color: var(--main_bkg); }

/* Versione verticale 
.layout_vertical .first_card .card { width: 100%; min-width: 100vw; border-radius: 0;  }
.layout_vertical .first_card .card picture img { border-radius: 0; } */
		
/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

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




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








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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* .card.orizontal a h3 { --h3-max: 50; --h3-size: 50px; --h3-min: 35; --h3-min-px: 35px; --h3-diff: calc( var(--h3-max) - var(--h3-min) );
		--h3-size: calc( var(--h3-min-px) + var(--h3-diff) * ((100vw - 360px) / 1560)); font-size: var(--h3-size); line-height: 1; } */


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s3_home .filter { height: var(--c15v); }



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








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


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

/* Section 1 */

/* Section 2 */

/* Section 3 */




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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Mappa */
.map { min-height: 25rem; z-index: 1; }
.map .leaflet-control-attribution { display: none; }

/* Section 1 */

/* Section 2 */








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Filter */
.s1_archive .filter_label { background-color: var(--green); border-radius: 0.5rem; padding: 0.65rem 1rem; cursor: pointer; transition: .25s ease; }
.s1_archive .filters_container { position: fixed; width: 80%; left: 50%; transform: translateX(-50%); bottom: 1rem; z-index: 2; max-width: 450px; 
	box-shadow: 0 0 1rem rgb(var(--black-rgb) / 50%); border-radius: 0.5rem;}
.s1_archive .filters_container.open .filter_label { border-radius: 0 0 0.5rem 0.5rem; }

.s1_archive .filter_label svg :where(path, rect) { fill: var(--white); transition: 0.25s ease; }

.s1_archive .filter_label .left { display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; }
.s1_archive .filter_label .left svg { width: 1.5rem; }
.s1_archive .filter_label .left span { color: var(--white); font-weight: 500; }

.s1_archive .filter_label .right svg { width: 1rem; }
.s1_archive .filters_container.open .filter_label .st0 { opacity: 0; }

.s1_archive form { background-color: var(--grey_bkg); padding: 1.5rem 1rem; position: absolute; top: 0; left: 0; width: 100%; border-radius: 0.5rem 0.5rem 0 0;     
	transform: translateY(-100%); display: none; }
.s1_archive form .form_container { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1.25rem 1rem; }

.s1_archive form .single_field { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.75rem 1rem; width: 100%; }
.s1_archive form .single_field .label { display: flex; justify-content: center; align-items: center; gap: 0.5rem; width: 100%; }
.s1_archive form .single_field .label svg { width: 1.15rem; min-width: 1.15rem; }
.s1_archive form .single_field .label svg path { fill: var(--text_color); }
.s1_archive form .single_field .label span { color: var(--text_color); font-weight: 500; font-size: 1rem; }

.s1_archive form .single_field :where(input, select) { width: 100%; background-color: var(--main_bkg); color: rgb(var(--text_color-rgb) / 75%); 
	font-family: var(--main-font); font-size: 16px; }
.s1_archive form .single_field input { padding: 0.75rem 1rem; }

.s1_archive form .single_field select { appearance: none; -webkit-appearance: none; background-image: url(../images/svg/select-arrow-white.svg); background-size: 0.9rem;
    background-repeat: no-repeat; background-position: calc(100% - 1rem) 50%; padding: 0.75rem 2rem 0.75rem 1rem; }
[data-theme="light"] .s1_archive form .single_field select { background-image: url(../images/svg/select-arrow-black.svg);  }

.s1_archive form .single_field input::placeholder { color: rgb(var(--text_color-rgb) / 75%); }

.s1_archive form button { text-transform: uppercase; font-weight: 700; font-size: 0.9rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.s2_archive .sec_title h2 a { margin: 1rem auto; }




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








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.card_single .title { padding: 2rem var(--c5o); background-color: var(--grey_bkg); }
.card_single .title .text h1 { color: var(--green); }
.card_single .title .text p { color: var(--text_color); margin-top: 1rem; }
.card_single .title .tag_container { margin-bottom: 2rem; }

.card_single .sticky_container { background-color: var(--green); padding: 2rem var(--c5o);  }
.card_single .right .label { display: block; color: var(--white); font-weight: 900; width: 100%; margin-bottom: 1rem; text-align: center; }

.card_single .details { padding-bottom: 2rem;
    border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }

.card_single .btns_container { margin-top: 1.25rem; gap: 0.5rem; }
.card_single .btns_container .link { min-width: 14rem; }

.card_single .single_info { gap: 0.5rem; margin-top: 0.5rem; }
.card_single .single_info:first-of-type { margin-top: 0; }
.card_single .single_info svg { height: 1.25rem; width: auto; min-height: 1.25rem; }
.card_single .single_info svg path { fill: var(--white); }
.card_single .single_info span { color: var(--white); }

.card_single .share { padding-top: 2rem; }
.card_single .share .a2a_kit { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.5rem; }
.card_single .share .a2a_kit a { border: 1px solid var(--white); border-radius: 0.5rem; padding: 0.25rem; }
.card_single .share .a2a_svg { background-color: transparent !important; }

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




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




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





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


/* WP-Form - Custom */
#form { }

#form .wpforms-field label { color: var(--text_color); font-weight: 400; text-align: left; font-size: 1rem; }

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 1px solid var(--green); border-radius: 0.25rem;
	padding: 0.5rem 1rem; font-size: 1.25rem; color: var(--text_color);
}
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--text_color); opacity: 0.8; }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: 0.5rem; border: 1px solid rgb(var(--white-rgb) / 65%); border-radius: 0.25rem; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); }

#form .wpforms-field.wpforms-field-checkbox li { align-items: flex-start; }
#form .wpforms-field.wpforms-field-checkbox li label { padding: 0; color: var(--white); font-weight: 300; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--green); }

#form button[type=submit], #form input[type=submit] {
	padding: 0.25rem 1rem; font-size: 1.25rem; color: var(--white); text-transform: uppercase; width: 100%;
	background-color: var(--green);  border: 1px solid var(--green); border-radius: 0.25rem; margin: 0 auto;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--white); color: var(--black); }

/* 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 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_404 { background-color: var(--bkg_color); }

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








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





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

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

	
	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.head_wrapper .left { gap: 0.5rem; width: calc(100% / 3); justify-content: flex-start; }
	.head_wrapper .menu {  width: calc(100% / 3); }
	.head_wrapper .right { width: calc(100% / 3); justify-content: flex-end; }

	/* Dark mode */
	#main_nav .color_switcher { display: none; }
	.head_wrapper .left .color_switcher { display: block; }
		
	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* News filtrate */
	.filtered_cards { align-items: stretch; }

	/*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/
	.cards_container .card, .filtered_cards .card { width: calc(50% - 0.5rem); }
	.card.swiper-slide { height: auto; } 
	.card .post_link { border-radius: 0 0 0.5rem 0.5rem; }

	/* Layout orizzontale */
	.card.orizontal { min-width: 100%; border-radius: 0.5rem; }
	.card.orizontal .text_container { border-radius: 0 0 0.5rem 0.5rem; }
	.card.orizontal picture img { border-radius: 0.5rem 0.5rem 0 0; }

	/* Layout verticale 
	.layout_vertical .first_card .card { min-width: 100%; border-radius: 0.5rem; }
	.layout_vertical .first_card .card picture img { border-radius: 0.5rem 0.5rem 0 0; } */

	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	#s1_single .container { padding-left: var(--c5o); padding-right: var(--c5o); }
	.card_single #video-player video { border-radius: 0.5rem 0.5rem 0 0; }
	.card_single .sticky_container { border-radius: 0 0 0.5rem 0.5rem; }

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	footer #form #wpforms-50-field_2-container, footer #form #wpforms-50-field_3-container { width: calc(50% - 1rem); }

}






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

}



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

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


	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	.tac_responsive { text-align: left; }
	.sec_title { text-align: left; padding-bottom: 1rem; }
	.sec_title::after { left: 0; transform: translate(0, 50%); }

	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	header.scroll_on { transform: translateY(-3rem); }

	.head_logo {  transform: scale(1.5); transform-origin: top left; }
	.head_wrapper .left { width: max-content; gap: 3.25rem; }
	.head_wrapper .right { width: max-content; }

	/* Search */
	.head_wrapper .search { padding-top: var(--c5v); }

	/* Menu green */
	.menu_line { grid-template-columns: 35% 1fr repeat(4, max-content); }
	
	.menu_line .ultime_news { grid-column: unset; order: unset;  display: flex; justify-content: flex-start; align-items: stretch; 
		background-color: var(--green); padding-left: 1rem; }
	.menu_line .ultime_news .ticker-wrapper { margin-left: 1rem; display: flex; justify-content: center; align-items: center; }
	.menu_line .ultime_news .ticker-track a { color: var(--white); }

	.menu_line .ultime_news .label { border-right: 1px solid rgb(var(--white-rgb) / 65%); display: flex; justify-content: center; align-items: center; }
	.menu_line .ultime_news .label p { color: var(--white); }

	.menu_line .segnalazione { display: block; color: var(--white); padding: 0 1rem; border-right: 1px solid rgb(var(--white-rgb) / 65%); }
	.menu_line .spacer { display: block; }
	.menu_line .newsletter { padding: 0.5rem 1rem; }

	.menu_line .social { padding: 0 1rem; }
	.menu_line .app { padding: 0 1rem; }

	/* Menu wrapper */
	.head_wrapper .menu { gap: 0.25rem; flex: 1; }
	.head_wrapper .menu :where(button, a) { padding: 0.5rem 1.25rem; }
	.head_wrapper .menu :where(button, a):not(.diretta_tv) { display: block; }

	/* Hamburger */
	#main_nav { display: none; }
	#hamburger { display: none; }
	
	/* Archive menu */
	.archive_menu { display: block; position: absolute; bottom: 0; right: 0; width: calc(100vw - 8px); transform: translateY(100%); background-color: var(--grey_bkg); 
		border-top: 3px solid var(--green); z-index: -1; box-shadow: 0 0.35rem 1rem rgb(var(--green-rgb) / 50%); padding: var(--c5v) var(--c3o); transition: .5s ease; 
		transform: translateY(-100%); opacity: 0; pointer-events: none; }
	.archive_menu.open { transform: translateY(100%); opacity: 1; pointer-events: initial; }

	.archive_menu .menu_wrapper  { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1rem; }

	.archive_menu .archive_link { order: 5; grid-column: 1 / -1; padding: 2rem; border: 2px solid var(--green); border-radius: 0.5rem; gap: 0.5rem; }
	.archive_menu .archive_link h3 { color: var(--text_color); }

	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	/* Sec top banner head */
	#top_banner { padding-top: 7rem; }
	#top_banner.scroll_on { padding-top: 7.75rem; }
	#top_banner .container { padding-left: var(--c10o); padding-right: var(--c10o); }

	/* Sec app foot */
	#sec_app_foot .container { display: grid; grid-template-columns: 25% 1fr 25%; gap: 2rem; }
	#sec_app_foot .text { order: 2; display: flex; justify-content: center; align-items: center; }
	#sec_app_foot .loghi { margin: 0; order: 3; }

	/* Adv sidebar */
	.sidebar_flex_container { display: flex; justify-content: center; align-items: stretch; gap: 1rem; }
	.sidebar_flex_container .left { width: calc(80% - 1rem); }
	.sidebar_flex_container .right { width: 20%; }


	#adv_sidebar { display: flex; flex-direction: column; gap: 1rem; position: sticky; top: var(--adv-sticky-top, 8rem); }
	#adv_sidebar.bottom { top: auto; bottom: 0; }
	#adv_sidebar.top { top: 8rem; bottom: auto; }

	/* Adv mobile */
	.adv_mobile { display: none; }

	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HOME ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	/* Section 2 */
	#prev_edizione { padding-bottom: var(--c15v); }

	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	.cards_container .card { width: calc((100% / 3) - (2rem / 3));}

	.card .tag_container { justify-content: flex-start; }
	.card .info { justify-content: flex-start; }

	.card .post_link { flex-direction: column-reverse; width: 3.5rem; border-radius: 0 0.5rem 0.5rem 0; }
	.card .post_link span { writing-mode: sideways-lr; }
	.card .post_link svg { transform: rotate(-90deg); }

	/* Orizontal */
	.card.orizontal .top  { display: flex; justify-content: center; align-items: center; border-radius: 0.5rem 0 0 0.5rem;}
	.card.orizontal .text_container { flex: unset; border-radius: 0 0.5rem 0.5rem 0; min-width: 40%; }
	.card.orizontal:not(.first_card) .text h3 { font-size: calc(var(--h3-size) * 0.8); }
	.card.orizontal .card_container { flex-direction: row; align-items: stretch; }

	.card.orizontal picture img { border-radius: 0.5rem 0 0 0.5rem; }
	.card.orizontal .bkg_placehoder { border-radius: 0.5rem 0 0 0.5rem; }

	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	/* Section 1 */
	.s1_archive .filters_container { position: relative; width: 100%; left: unset; transform: unset; bottom: unset; margin-bottom: var(--c10v); max-width: unset; box-shadow: unset; }
	.s1_archive .filter_label { display: none; }

	.s1_archive form { display: block !important; position: relative; transform: unset; top: unset; left: unset; border-radius: 0; padding: 1.5rem 1.5rem; }
	.s1_archive form .form_container { flex-direction: row; align-items: flex-end; flex-wrap: wrap; }

	.s1_archive form .single_field { max-width: calc((100% / 3) - 0.75rem); }

	/* Section 2 */
	.s2_archive .sec_title h2 a { margin: 1rem 0 0.5rem 0; }

	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	.card_single .card_container { display: grid; grid-template-columns: calc(80% - 1rem) 20%; gap: 1rem; }
	.card_single .sticky_container { position: sticky; top: 8rem; padding: 2rem 1rem; border-radius: 0.5rem; }

	.card_single .title { padding: 2rem 1.5rem 2rem 1.5rem; border-radius: 0 0 0.5rem 0.5rem; }
	.card_single .title .text { max-width: 65ch; }
	.card_single .title .tag_container { justify-content: flex-start; }

	.card_single .right .label { text-align: left; }
	.card_single .single_info { justify-content: flex-start; }
	.card_single .share .a2a_kit { justify-content: flex-start; }

	.card_single .btns_container .link { min-width: unset; padding: 0.35rem 0.5rem; width: 100%; font-size: 0.9rem; }

	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	/* Contents */
	footer .container { gap: 3.5rem 5rem; grid-template-columns: 1fr 1fr 1fr; }
	#foot_info { order: 4; }
	#foot_newsletter { order: 5; grid-column: 2 / 4; }

	.foot_block .flex_block { justify-content: flex-start; }
	.foot_block h3.flex { justify-content: flex-start; }
	.foot_block .title_border::after { left: 0; transform: translate(0, -50%); width: 6rem; }

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

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

}






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

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.menu_line { grid-template-columns: 40% 1fr repeat(4, max-content); padding: 0 var(--c3o); }
	.menu_line .ultime_news { padding-left: 0; }
	.menu_line .ultime_news .label { padding-left: 0; }
	.menu_line .app { padding-right: 0; }

	.head_wrapper .right { gap: 0.5rem; }

	.head_wrapper .search input { padding: 0.75rem 1.25rem; }
	.head_wrapper .search_btn { display: none; }
	.head_wrapper .search { position: relative; display: block; opacity: 1; transform: unset; z-index: unset; padding: 0; border: 0; box-shadow: unset; 
		bottom: unset; right: unset; width: max-content; pointer-events: initial; }
	.head_wrapper .search.open { transform: unset; }

	header .search .results_wrapper { position: absolute; opacity: 0; pointer-events: none; bottom: 0; right: calc(-0.5rem); width: 100vw; transform: translateY(-100%); 
		background-color: var(--grey_bkg); padding: var(--c5v) var(--c3o); border-top: 3px solid var(--green); z-index: -1; transition: .5s ease; }
	header .search.open .results_wrapper  { transform: translateY(calc(100% + 0.5rem)); opacity: 1; pointer-events: initial;  }

	/* Archive menu */
	.archive_menu .menu_wrapper { grid-template-columns: 0.8fr 1fr 1fr 1fr 1fr; }
	.archive_menu .archive_link { order: unset; grid-column: unset; flex-direction: column; gap: 4rem; }

	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	/* Layout verticale 
	.layout_vertical { flex-wrap: nowrap; }
	.layout_vertical .first_card { width: 40%; }

	.layout_vertical .swiper_container { width: 60%; }
	.layout_vertical .swiper_container .swiper-wrapper { transform: unset; flex-direction: column; gap: 1rem; }

	.layout_vertical .swiper_container .card.card.swiper-slide { width: 100% !important; min-width: 100%; margin-right: 0 !important; }
	.layout_vertical .swiper_container .card .tag_container { margin-bottom: 1.5rem; }
	.layout_vertical .swiper_container .card a { flex-direction: row; align-items: stretch; }
	.layout_vertical .swiper_container .card a h3 { font-size: 1rem; }
	.layout_vertical .swiper_container .card .top { width: 40%; display: flex; justify-content: center; align-items: center; border-radius: 0.5rem 0 0 0.5rem; }
	.layout_vertical .swiper_container .card picture img { border-radius: 0.5rem 0 0 0.5rem; }
	.layout_vertical .swiper_container .card .text { padding: 0.75rem; } */
	
	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	.s1_archive form .form_container { flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 1.25rem 2rem; }
	.s1_archive form button { white-space: nowrap; }

	.s1_archive form .single_field { flex-wrap: nowrap; }
	.s1_archive form .single_field .label { width: max-content; justify-content: flex-start; }

	/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
	.card.orizontal:not(.first_card) .text h3 { font-size: calc(var(--h3-size) * 1); }

	/* .layout_vertical .swiper_container .card .top { width: 48%; } */
}






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

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.head_wrapper { padding: 0.5rem var(--c3o); }
	header .search .results_wrapper { right: calc(var(--c3o) * -1); }

	.sidebar_flex_container { gap: 3rem; }
	.sidebar_flex_container .left { width: calc(80% - 3rem); }

	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	.card_single .card_container { gap: 3rem;  grid-template-columns: calc(80% - 3rem) 20%;}

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	footer .container { gap: 3.5rem 2rem;grid-template-columns: 1.2fr 0.8fr 0.8fr 0.8fr 1.4fr; }
	.foot_block h3 { font-size: 1.25rem; }

	#foot_info { order: 1; }
	#foot_menu { order: 2; }
	#foot_contacts { order: 3; }
	#foot_social { order: 4; }
	#foot_newsletter { grid-column: unset; }

	/* Form */
	footer #form .wpforms-field.wpforms-field-checkbox li label a { font-size: 16px; }
	footer #form button[type=submit], #form input[type=submit] { width: max-content; margin: 0; }

}






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

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






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

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