/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Segretari enti locali UNSCP "

BASE (MOBILE) SIZE

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




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


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




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

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

.head_logo p, .head_logo h1 { font-size: clamp(14px, 1vw, 16px); color: var(--blue); font-weight: 500; line-height: 1.125; font-family: var(--main-font); margin-top: .5rem; }




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

.tit_head { font-size: clamp(16px, 2vw, 1.125rem); color: #868686; }



.blue_head { background-color: var(--blue); padding: .5rem 1rem; gap: 1rem; margin-bottom: 1rem; }

.open_search { width: 1.5rem; min-width: 1.5rem; }
.open_search svg path { fill: var(--white); }









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

.menu_fix { padding: 0 1rem; background-color: var(--white); /* position: sticky; top: 0; left: 0; z-index: 4; */ }

.wrapper_menu { border-top: 1px solid var(--black); border-bottom: 4px solid var(--black); overflow-x: scroll; white-space: nowrap; }

.head_menu { gap: 1.5rem; padding-top: .75rem; padding-bottom: .75rem; }
.head_menu li { list-style: none; }
.head_menu a:hover { color: var(--blue); opacity: .75; }






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

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

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


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

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

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

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


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






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


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

.link {
	display: inline-flex; gap: .5rem; position: relative; width: fit-content;
    padding: .5em 1em; border: 1px solid var(--blue); border-radius: 4rem;
	font: inherit; font-size: var(--rem); color: var(--white);	
	background-color: var(--blue);
}
.link svg { width: 1rem; }
.link svg path { fill: var(--white); }
.link:hover, .link:focus, .link:active { background-color: var(--white); color: var(--blue); }
.link:hover svg path, .link:focus svg path, .link:active svg path { fill: var(--blue); }


.link.white { background-color: var(--white); border-color: var(--white); color: var(--blue); }
.link.white svg path { fill: var(--blue); }
.link.white:hover, .link.white:focus, .link.white:active { background-color: rgb(var(--white-rgb) / 25%); color: var(--white); }
.link.white:hover svg path, .link.white:focus svg path, .link.white:active svg path { fill: var(--white); }




.simple_link { display: inline-flex; gap: .5rem; text-decoration: underline; color: var(--blue); }
.simple_link svg { width: 1rem; }
.simple_link svg path { fill: var(--white); }
.simple_link:hover { opacity: .5; }

.simple_link.white { color: var(--white); }
.simple_link.white path { fill: var(--white); }




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

.filter_blue { background-color: var(--blue); opacity: .625 }



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

.blue { color: var(--blue); }
.bkg_blue { background-color: var(--blue); }

.tt { text-transform: uppercase; }


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

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

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


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


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



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




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

.blocco_side + .blocco_side { margin-top: 2.5rem; }
.blocco_side h4 { font-weight: 500; margin-bottom: 1rem; }
.blocco_side h4 + p { margin-bottom: 1rem; }


/* Blocco cerca */
.blocco_side.cerca { padding: 2rem 1.5rem; border: 1px solid var(--grey); }
.wrapper_tag { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: .5rem .25rem; }
.tag { display: inline-block; padding: .5em .75em; border: 1px solid var(--grey); border-radius: 2rem; color: var(--grey); font-size: clamp(16px, 2vw, .75rem); line-height: 1; }
.tag:hover { background-color: rgb(var(--grey-rgb) / 25%); }


/* Notiziario */
.blocco_side.not h4 { margin-bottom: .5rem; }
.wrp_not { padding: 1rem; }
.wrp_not .bkg_abs { background-image: url(../images/webp/notiziario.webp); }


/* Notizie più lette */
.blocco_side .card_side + .card_side { margin-top: 1rem; }


.blocco_side#form { padding: 2rem 1.5rem; }
.blocco_side#form h4 { color: var(--white); margin-bottom: 1.5rem; }




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





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

footer .container::after {
	content: ""; width: calc(100% - var(--c5o)); height: 1px; background-color: var(--blue);
	position: absolute; top: 0; left: var(--c2o);
}



/* Foot Logo */
.foot_logo { 
	display: inline-block; 
	--foot-logo-width: 120px;
	--foot-logo-min: 120;
	--foot-logo-max: 300;
	max-width: 300px; margin-bottom: 2rem;
}
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block {}
.foot_block .h3 { font-weight: 700; color: var(--unscp); }
.foot_block p { font-size: 1.125rem; }
.foot_block p + p { margin-top: 1.5em; }
.foot_block p a { font: inherit; }


/* Foot Social */
.social { gap: 1rem; }
.social p { color: var(--blue); }
.social a { display: inline-block; width: 2em; }
.social a :where(img,svg) { width: 100%; }
.social a svg path { transition: .25s ease; fill: var(--blue); }







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

#credits { margin-top: var(--c10v); padding-top: var(--c7o); border-top: 1px solid #ccc; }

#credits p { font-size: 1em; line-height: 1.5; margin: 0 auto; margin-bottom: .5rem; }
#credits a { display: inline-block; font: inherit; color: inherit; }

#credits_studio { color: var(--blue); }










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


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

.s1 { overflow: hidden; }




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








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


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

.card {  }

.card picture { background-color: #f0f0f0; }
.card picture > img { transition: .25s ease; }
.card .text { padding-top: 1.5rem; }
.card .text mark { display: block; background-color: transparent; margin-bottom: 1rem; color: var(--color_tax); font-weight: 500; }
.card .text h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.125; transition: .25s ease; }
.card .text .date { color: #868686; font-size: .85rem; margin-top: .75rem; }
.card .text .aut { font-weight: 600; }

.card a:hover picture > img { transform: scale(1.05); }
.card a:hover h2 { color: var(--color_tax); }





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

.card_side { background-color: #F1F1F1; }
.card_side .text { padding: 1rem; }
.card_side .text h2 { font-size: 1rem; }
.card_side .text hr { margin: .25rem 0; }
.card_side .text .num { font-size: 16px; margin-top: 0; }


/* Leggi anche */
.card_side_more { border-bottom: 1px solid var(--grey); }
.card_side_more:first-of-type .text { padding-top: 1rem; }
.card_side_more .text { padding: 1.5rem 0; }
.card_side_more .text mark { margin-bottom: .5rem; font-size: 1rem; }
.card_side_more .text h2 { font-size: 1.125rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD SEGRETERIA INFORMA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_informa + .card_informa { margin-top: var(--c5v); padding-top: var(--c5v); border-top: 1px solid var(--grey); }

.card_informa a { display: grid; gap: 1rem 2em; align-items: center; }
.card_informa a picture { width: 50%; }
.card_informa h2 { text-decoration: underline; }
.card_informa p { font-size: .85rem; line-height: 1.75; }
.card_informa .date { margin-top: 3rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD SEGRETERIA INFORMA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_docs { text-align: center; }
.card_docs svg { width: 3.5rem; margin-bottom: 1.25rem; }
.card_docs svg path { transition: .25s ease; }
.card_docs .text h2 { font-weight: 200; font-size: 1.375rem; }



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


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

#s1_home .container { gap: 2rem; }


.card_evi .text:first-of-type { padding: 0; padding-bottom: 1rem; }
.articoli_sec_evidenza { border-top: 1px solid var(--black); }
.articoli_sec_evidenza .card { height: auto; }
.articoli_sec_evidenza .card:last-of-type { border-bottom: 0; }







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

#s2_home .container > .text { border-top: 1px solid var(--black); }



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

#s3_home .container > .text { border-top: 1px solid var(--black); border-bottom: 4px solid var(--black); padding: 1rem 0; }
#s3_home .container > .text h2 { color: var(--green); }


.wrapper_info_home { display: grid; gap: var(--c5v) 4rem; }

#s3_home .card_informa { height: auto; }
#s3_home .card_informa a { display: inline-block; }
#s3_home .card_informa a > div:not(.text) { display: none; }
#s3_home .card_informa .text { padding-top: 0; }
#s3_home .card_informa .text mark { display: none; }

.last_info h3 { font-size: 1.375rem; color: var(--green); font-weight: 500; margin-bottom: 1rem; }
.last_info a picture { box-shadow: 0 0 1rem rgb(30 30 30 / 5%); }
.last_info a button { width: 4rem; z-index: 1; opacity: 0; }
.last_info a::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--green); transition: .125s ease; opacity: 0; }
.last_info a:hover::after { opacity: .5; }
.last_info a:hover button { opacity: 1; }




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

#s4_home .container > .text { border-top: 1px solid var(--black); }
#s4_home .container > .text h2 { color: var(--grey); }

#s4_home #card_grid { gap: 1.5rem; }



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

#s5_home .container > .text { border-top: 1px solid var(--black); }

.video_wrapper { gap: 1.5rem; grid-template-columns: 1fr 1fr; }




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

.page_style .text.white :where(h2, h3, h4, h5, h6) { color: var(--white); }

.page_style .text h1 { font-size: calc(var(--h1-size) * 1.125); font-weight: 700; color: var(--blue); }
.page_style .text h2 { font-size: calc(var(--h2-size) * 1.125); font-weight: 700; color: var(--blue); }
.page_style .text h3 { font-size: calc(var(--h3-size) * 1.125); color: var(--blue); }



.wrapper_side { gap: var(--c7v) 0; }
.wrapper_side .sec_left {  }
.wrapper_side .sec_right {  }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE UNSCP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.page_style.unscp { --blue: var(--unscp); }


/* Section 2 */
.wrapper_why { gap: 2rem 1rem; }

.box_border { border: 1px solid var(--blue); padding: 1.5rem; }
.box_border > img { width: 4rem; height: 4rem; margin-bottom: 1.5rem; }
.box_border h3 { margin-bottom: 1rem; }

/* .link_download a { display: block; text-decoration: underline; text-decoration-thickness: 1px; color: var(--blue); font-weight: 500; margin-bottom: .5rem; }
.link_download a:hover { opacity: .5; } */

.link_download a {
    display: block; margin-bottom: .5rem; margin-right: .25rem; border: 1px solid var(--blue);
    background-color: var(--blue); width: fit-content; padding: .5em .75em; border-radius: 3rem;
    color: var(--white); font-weight: 500; font-size: .85rem;
}
.link_download a:hover { background-color: var(--white); color: var(--blue); }


/* Section 3 */
.wrapper_box { gap: 2rem; }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ UNSCP - ORGANIZZAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.card_accordion { list-style: none !important; margin: 0 !important; margin-bottom: 2rem !important; border: 1px solid var(--blue); border-radius: 1rem; }

.accordion_head { cursor: pointer; padding: 1.5rem; }
.accordion_head :where(h3, .h3) { font-size: 1.375rem; color: var(--blue); font-weight: 700; width: calc(100% - 3rem); }
.accordion_head svg { width: 2rem; }
.accordion_head svg path { fill: var(--blue); }

.accordion_head.active { background-color: var(--blue); border-radius: 1rem 1rem 0 0; }
.accordion_head.active svg { transform: scaleY(-1); }
.accordion_head.active path { fill: var(--white); }
.accordion_head.active :where(h3, .h3) { color: var(--white); }


.accordion_text { display: none; padding: 1.5rem; border-top: 1px solid var(--blue); }
.accordion_text ol, .accordion_text ol li {  list-style-type: upper-alpha;}
.accordion_text hr { margin: 3rem 0; }
.accordion_text.text h3 { font-size: 1.5rem; color: var(--blue); font-weight: 700; }

.accordion_text.text :where(p, ul, ol),
.accordion_text.text :where(h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p), 
.accordion_text.text :where(h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p):first-of-type, 
.accordion_text.text :where(h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, p + ul), 
.accordion_text.text :where(h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, p + ul):first-of-type, 
.accordion_text.text :where(h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol, p + ol), 
.accordion_text.text :where(h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol, p + ol):first-of-type { margin-top: 1rem; }



.accordion_docs .accordion_text { padding: 1rem; }
.accordion_text .docs { gap: .5rem; padding: .5rem; border-radius: .5rem; }
.accordion_text .docs:hover { box-shadow: 0 0 1rem rgb(30 30 30 / 20%); }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ UNSCP - PROGRAMMA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sidebar_blog { 
	position: fixed; top: 0; left: 0;
	display: flex; align-items: flex-start; justify-content: space-between; width: 100%; transform: translateY(-100%); 
	padding: 1em; transition: .25s ease;
	overflow: visible; z-index: 2;
}
#sidebar_blog.active { transform: translateY(0); }

/* Overlay */
#sidebar_blog .mobile_overlay {
	display: none;
	position: fixed; top: 0; left: 0;
	width: 100vw; height: 100vh;
	background-color: rgb(var(--black-rgb) / 75%);
	z-index: 1;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	#sidebar_blog .mobile_overlay { 
		-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); 
	}
}
#sidebar_blog .mobile_overlay.active { display: block; }

/* Sidebar Index */
#sidebar_blog .index { 
	display: block; flex: 1 1 auto; position: relative;
	padding: 0; border-radius: .5em; 
	background-color: var(--white); box-shadow: 0 0 .25em rgb(var(--black-rgb) / 25%), 0 0 2em rgb(var(--black-rgb) / 25%);
	transition: .25s ease; z-index: 2; overflow: hidden;
}

/* Icons */
#sidebar_blog .index:before, #sidebar_blog .index:after {
	display: inline-block; content: ''; 
	position: absolute; top: 0;
	width: 40px; height: 50px;
	transition: .25s ease;
}
#sidebar_blog .index:before { left: 0; background: url(../images/svg/index_icon.svg) no-repeat center / 1em; }
#sidebar_blog .index:after { right: 0; background: url(../images/svg/index_arrow.svg) no-repeat calc(100% - .75em) center / 1em; }
#sidebar_blog .index.opened:after { transform: scale(1, -1); }

/* Buttons */
#sidebar_blog .index li { list-style: none; }
#sidebar_blog .index li button {
	width: 100%; height: 50px; padding:  0 40px;
	font-size: 100%; line-height: 1.25; font-weight: 400; color: var(--black);
	text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
	cursor: pointer; transition: .25s ease;
}
#sidebar_blog .index li button br { display: none !important; }
#sidebar_blog .index li.active button { opacity: .375; }

/* Index Select */
#sidebar_blog .index_select { height: 50px; overflow: hidden; z-index: 1; }
#sidebar_blog .index_select:before, #sidebar_blog .index_select:after {
	display: block; content: ''; z-index: 1;
	position: absolute; left: 0; top: 0;
	width: 100%; height: .625em; background-color: var(--white);
}
#sidebar_blog .index_select:after { top: auto; bottom: 0; }
#sidebar_blog .index_select > ul { will-change: transform; transition: .125s linear .025s; }
#sidebar_blog .index_select li.active button { opacity: 1; }

/* Index List */
#sidebar_blog .index_list { display: none; z-index: 1; }
#sidebar_blog .index_list:before {
	display: inline-block; content: '';
	position: absolute; top: 0; left: 10px;
	width: calc(100% - 20px); height: 1px;
	background-color: #ccc;
}
#sidebar_blog .index.opened .index_list { padding: 15px 0; }

/* Trigger */
#sidebar_blog .index_trigger { position: absolute; top: 0; right: 0; width: 100%; height: 50px; z-index: 1; }
#sidebar_blog .index_trigger.hide { display: none; }








/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LOGIN ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_account { padding: var(--c7v) var(--c2o); box-shadow: 0 0 2rem rgb(30 30 30 / 10%); }
.wrapper_account h2 { margin-bottom: var(--c5v); color: var(--blue); }

#form.wrapper_account .wpforms-field label { color: var(--blue); }
#form.wrapper_account .wpforms-field :where(input, textarea, select) { color: var(--blue); border: 1px solid var(--blue); }
#form.wrapper_account .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: var(--blue); }
#form.wrapper_account button[type=submit], #form.wrapper_account input[type=submit] { background-color: var(--blue); color: var(--white); border: 1px solid var(--blue); }
#form.wrapper_account button[type=submit]:hover, #form.wrapper_account input[type=submit]:hover { background-color: var(--white); color: var(--blue); }


/* ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PROFILO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ */

/* Voci laterali */
.voci .voce { margin-top: var(--c2v); color: var(--grey); font-weight: 500; }
.voci .voce.active { color: var(--black); }
.voci .logout { display: inline-block; }
.voci .logout span { display: inline-block; text-decoration: underline; text-decoration-thickness: 1px; }




/* Tabella Profilo */
.text hr { margin: 2.5% 0; }
.row_tab p { width: fit-content; margin: 0; line-height: 1.75; font-size: 1rem; }
.row_tab .tit { width: 25%; }


/* Iscrizione e pagamenti */
.avviso { background-color: #f0f0f0; padding: 1rem; }

.wrapper_account #card_grid { gap: 1.25rem; }
.wrapper_account .card_docs .text h2 { font-size: 1rem; }
.wrapper_account .card_docs svg { width: 2.5rem; }





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


/* Search & Filter */
.filtro .search-filter-base { margin-top: .5rem; }

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

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

.search-filter-component-popup.search-filter-field__popup.search-filter-style--choice-select { margin: .125rem 0; background-color: var(--white); border-radius: 0; 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(--blue); color: var(--white); }
.search-filter-component-popup.search-filter-field__popup.search-filter-style--choice-select::-webkit-scrollbar { width: 5px; background-color: transparent; }
.search-filter-component-popup.search-filter-field__popup.search-filter-style--choice-select::-webkit-scrollbar-thumb { width: 5px; background-color: #6d6d6d; }

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




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




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

/* Load More */




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








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


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

.terms_wrp { margin-bottom: 1.5rem; }
.terms_wrp .flex-l { gap: 1rem; }
.terms_wrp .flex-l a { font-size: 1.125rem; color: #8F8F8F; font-weight: 500; }
.terms_wrp .flex-l a::before { content: "|"; margin-right: 1rem; }
.terms_wrp .flex-l a:first-of-type::before { content: ""; margin: 0; }
.terms_wrp .flex-l a:hover { color: var(--blue); }


.single h1 { line-height: 1.125; }

.single .content_page h2 { font-weight: 700; }
.single .content_page :where(h2, h3, h4, h5, h6) { color: var(--color_tax); font-weight: 500; }


.info_articolo { gap: 1rem; padding: 1rem 0; margin: 2rem 0; border-top: 1px solid var(--grey); border-bottom: 1px solid var(--grey); }
.info_articolo .date { color: var(--grey); }
.info_articolo .a2a_kit { gap: 0; }
.info_articolo .a2a_kit img { margin-right: .5rem; }
.info_articolo .a2a_kit .a2a_svg { background-color: transparent !important; }
.info_articolo .a2a_kit .a2a_svg path { fill: var(--grey); }





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


.single .content_page h3 { font-weight: bold; line-height: 1.5; }
.single .content_page :where(p a, li a) { font-weight: 500; color: var(--color_tax); }
.single .content_page img { margin: 1.5rem 0; width: auto; }

.single blockquote { background-color: rgb(var(--color_tax-rgb) / 15%); }
.single blockquote p { color: #444; }
.single blockquote::before { color: #444; }
.single blockquote::after { color: #444; }

.single tfoot td { padding: .75rem 0;  border: 1px solid transparent; font-size: .9rem; color: var(--black); margin-top: .5rem; }
.single .wp-caption-text, .single .wp-caption-text span { text-align: left;  margin: .5rem 0; font-size: .9rem;  color: #444; }
.single .text table td, .single .text table td * { color: #444; }
.single .text table td a { font-weight: 500; color: var(--color_tax); }
.single .text table td a:hover { opacity: .75; }
.single .text table p + ul, .single .text table p + ol { margin-top: .25rem !important; }
.single .text table ul li, .single .text table ol li { margin-left: 1.5em; line-height: 1.5; }
.single .text table thead th p { color: var(--white); background: var(--color_tax); }
.single .text table th p { font-weight: bold; }


.s2_page .wrapper_tag { justify-content: flex-end; padding-top: 1rem; margin-top: 1rem; border-top: 1px solid rgb(var(--grey-rgb) / 25%); }


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

.sec_related::after { content: ""; width: calc(100% - var(--c5o)); height: 1px; position: absolute; left: var(--c2o); top: 0; background-color: var(--green); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION LOGIN ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.single.lock .content_page { pointer-events: none; height: 10rem; overflow: hidden; }
.single.lock .content_page a { filter: blur(5px); }

.wrapper_login::before {
	content: ""; width: 100%; height: 10rem; position: absolute; top: 0; left: 0; transform: translateY(-100%);
	background: linear-gradient(to top, var(--white), transparent); z-index: 0;
}
.wrapper_login .box { padding: 1.5rem; border: 1px solid var(--grey); background-color: var(--white); }







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


/* WP-Form - Custom */
#form .wpforms-field label { color: var(--white); font-weight: 400; }
#form .wpforms-field :where(input, textarea, select) { background-color: transparent; border: 1px solid var(--white); padding: .5rem; font-size: 1rem; color: var(--white); }

#form:not(.wrapper_account) .wpforms-field:not(.wpforms-field-checkbox) label { font-size: 1rem; position: absolute; left: .5rem; top: 0; transform: translateY(.375rem); transition: .125s ease; padding: 2px; background-color: var(--blue); }
#form:not(.wrapper_account) .wpforms-field:not(.wpforms-field-checkbox).focus label { transform: translateY(-50%); }

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

#form button[type=submit], #form input[type=submit] {
	display: block; width: fit-content; gap: .5rem; position: relative; width: fit-content;
    padding: .5em 1em; border: 1px solid var(--white); border-radius: 4rem;
	font: inherit; font-size: 1.125rem; color: var(--blue); font-weight: 700;
	background-color: var(--white);
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--blue); color: var(--white); }

/* Extra */
#form .wpforms-field-description a { display: inline-block; text-decoration: underline; }







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


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

#s1_grazie {}




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



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












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




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

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

.foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }
#back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); }




/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
/* Logo */
/* Head Content */
/* Hamburger */
/* Nav Menu */
/* Darkmode Switch */


/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
/* Buttons */
/* Links */
/* Filters */
/* Sections 1 */
/* Breadcrumbs */
/* Scroll */
/* Components */
/* Cards */
/* Sidebar */
/* ... */


/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
/* Structure */
/* Credits */
/* Back Top */


/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
/* Section 1 */


/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
/* Card */
/* Card Empty */


/*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/
/* Sec 1 */
/* Sec 2 */
/* Sec [...] */


/*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/
/* Template ... */
/* Template ... */
/* Template ... */


/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
/* Sec 1 */
/* Sec 2 */
/* Sec ... */


/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
/* Sec 1 */
/* Sec 2 */
/* Sec ... */


/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/


/*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/




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

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

	
	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/

	/* Logo */

	/* Head Content */
	.head_wrapper { padding: 1.5em 2.5%; z-index: 2; }
	.menu_fix { padding: 0 2.5%; }



	/*∞∞∞∞∞∞ UNSCP ∞∞∞∞∞∞*/
	.wrapper_why { grid-template-columns: 1fr 1fr; }


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


}






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

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

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

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


	/*∞∞∞∞∞∞ UNSCP ∞∞∞∞∞∞*/
	#s3_unione .wrapper_box { grid-template-columns: 1fr 1fr; }
	.wrapper_box { grid-template-columns: 1fr 1fr; }


}



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

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

	/* Card segreteria informa */
	.card_informa a { grid-template-columns: .25fr 1fr; }
	.card_informa a picture { width: 100%; }


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.blue_head { mask-border-outset: 1.5rem; }
	.blue_head :where(.open_search, .simple_link) { display: none; }
	
	.head_wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
	.head_wrapper .flex-el { display: flex; align-items: center; justify-content: flex-end; }

	.wrapper_menu { overflow-y: clip; }
	.wrapper_menu::-webkit-scrollbar { height: 4px; background-color: var(--white); }
	.wrapper_menu::-webkit-scrollbar-thumb { height: 4px; background-color: var(--blue); }
	.wrapper_menu .head_menu { padding-top: calc(.75rem + 4px); }

	.wrapper_menu .desktop { gap: 1.5rem; padding-top: .25rem; margin-left: 1rem; padding-left: 1rem; }
	.wrapper_menu .line { height: 5rem; width: 1px; background-color: var(--black); position: absolute; top: -1rem; left: 0; }
	
	.open_search { margin-left: 1.5rem; }
	.open_search svg path { fill: var(--blue); }


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	footer .grid { grid-template-columns: 1fr .5fr; }
	.foot_block .h3 { font-size: 1.75rem; line-height: 1.25; display: none; }

	.social { justify-content: flex-start; }

	/* Credits */
	#credits { border: 0; padding: 0; margin: 0; padding-left: var(--c5o); border-left: 1px solid #ccc; }
	#credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--blue); }
	#credits #credits_studio a:hover { color: #e74e0f; }

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



	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 1 */
	#s1_home .container { grid-template-columns: 1fr .75fr; }

	.articoli_sec_evidenza { border-top: 0; }
	.articoli_sec_evidenza { padding-left: 1rem; margin-left: 1rem; border-left: 1px solid var(--black); }

	/* Sec 4 */
	.wrapper_info_home { grid-template-columns: 1fr 1fr; }
	.wrapper_info_home #seginforma_grid { order: 1; }
	.wrapper_info_home .last_info { order: 2; }

	/* Sec 5 */
	.video_wrapper { grid-template-columns: 1fr 1fr 1fr; }


	/*∞∞∞∞∞∞ UNSCP ∞∞∞∞∞∞*/
	.wrapper_why { grid-template-columns: 1fr 1fr 1fr 1fr; }



	/*∞∞∞∞∞∞ UNSCP - PROGRAMMA ∞∞∞∞∞∞*/
	/* Sidebar Index */
	#sidebar_blog { position: sticky; top: 4rem; left: auto; width: 25%; padding: 0; flex-wrap: wrap; transform: none; }
	#sidebar_blog .index { box-shadow: unset; border-radius: 0; background-color: var(--blue); }
	#sidebar_blog .index h4 { color: var(--white); font-weight: 700; }
	#sidebar_blog .index:before, #sidebar_blog .index:after, #sidebar_blog .index_select { display: none; }
	#sidebar_blog .index_list { display: block; padding: 0.5rem 0; }
	#sidebar_blog .index_list:before { display: none; }
	#sidebar_blog .index li button { height: auto; padding: 0.5rem 1.5rem; color: var(--white); font-size: 1rem; }
	#sidebar_blog .index li.active button { opacity: .5; }


	/*∞∞∞∞∞∞ LOGIN ∞∞∞∞∞∞*/
	.wrapper_account.flex-t::after { content: ""; width: 1px; height: 90%; position: absolute; left: 25%; top: 5%; background-color: rgb(var(--blue-rgb) / 25%); }
	.wrapper_account.flex-t#form::after { left: 50%; }


	/*∞∞∞∞∞∞ ARCHIVE - NEWS ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr 1fr; grid-gap: 3em; }
	.wrapper_side { padding-right: var(--c2o); align-items: flex-end; }

	.sidebar.w25l { position: sticky; bottom: 5vh; }




}






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

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

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



	/*∞∞∞∞∞∞ ARCHIVE - DOCUMENTI ∞∞∞∞∞∞*/
	#card_grid.more_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 ) {}