/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Luoghi della Cura "

BASE (MOBILE) SIZE

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




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


.header { z-index: 4; transition: .25s ease; } 
.head_wrapper { padding: .75em 1em; z-index: 2; background-color: var(--white); }


.header.scrolling { transform: translateY(-100%); }



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

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




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

.apri_rivista {
    display: flex; align-items: center; justify-content: flex-start; gap: 0.75rem; 
    background: linear-gradient(90deg, #B30891 0%, #AE2C5A 77.46%);
    position: absolute; left: 0; top: 100%; width: 100%; padding: .5em 1em;
    font-size: 1.125rem; font-weight: 500; font-style: italic; color: var(--white);
}

/* Se tenuta in parte al menu
.apri_cerca {
	margin-right: .5rem; width: 2.5rem; height: auto; aspect-ratio: 1 / 1;
    display: flex; align-items: center; justify-content: center;
    border: 2px solid var(--pink); padding: .5em; border-radius: 50%;
}
*/
.apri_cerca { position: absolute; top: calc(100% + .5em); right: 1.5em; }
/*.menuopen .apri_cerca { position: absolute; top: 1.5em; right: 5em; }*/



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

#hamburger { 
	display: inline-block; font-size: var(--rem); line-height: 0;
	padding: .5em .5em;	overflow: visible; cursor: pointer; transition: .25s ease;
}
#hamburger .wrap { width: 2.5em; height: 1.85em; }
#hamburger span {
	display: block; position: absolute; right: 0;
	width: 2.5em; height: 4px; border-radius: 1em;
	background-color: var(--pink);
	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; width: 65% }

/* Tapped / Clicked animation */
#hamburger.tapped span { width: 100%; right: 50%; 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: none; position: fixed; top: 0; left: 0; min-height: 100dvh; background-color: var(--pink); }
#main_nav .menu_wrapper { top: 0; left: 0; }
#main_nav .bkg_texture { opacity: .5; }

#main_nav .head_menu {}
#main_nav .head_menu li { font: inherit; line-height: 1; text-align: center; }
#main_nav .head_menu li.current-menu-item { color: ; }
#main_nav .head_menu li a { display: inline-block; font-size: 1.5em; line-height: 1; color: var(--white); font-family: var(--title-font); padding: .5em 0; }
#main_nav .head_menu li a:hover {}




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ MENU FOCUS / TAG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.close { position: absolute; top: 1rem; right: 1rem; width: 3rem; }


.wrapper_biblio {
    display: none; width: 90%; height: 90%; padding: 4rem 1.25rem 2.5rem 1.25rem;
    position: fixed; left: 5%; top: 5%; z-index: 5; overflow: hidden;
	border-radius: 1rem; box-shadow: 0 0 1rem rgb(30 30 30 / 25%);
}
.wrapper_biblio .h3 { text-align: center; margin-bottom: 1rem; }
.wrapper_biblio .content_wrapper { height: 100%; overflow-y: scroll; padding-right: .5rem; }
.wrapper_biblio .content_wrapper::-webkit-scrollbar { width: 5px; background-color: transparent; }
.wrapper_biblio .content_wrapper::-webkit-scrollbar-thumb { width: 5px; background-color: var(--pink); border-radius: 2rem; }


.wrapper_biblio .categorie { gap: .5rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ MENU FOCUS / TAG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_seacrh {
    display: none; width: 100%; height: 100%; padding: 4rem var(--c5o);
    position: fixed; left: 0; top: 0; z-index: 5;
    background: #FBFBF4; border-radius: 1rem; box-shadow: 0 0 1rem rgb(30 30 30 / 25%);
}

.wrapper_seacrh .search form { position: relative; }
.wrapper_seacrh .search #keyword {
    width: 100%; height: auto; padding: .5rem 0; border-bottom: 1px solid var(--black); background: transparent;
    color: var(--black); font-size: 1rem; font-weight: 300; line-height: 1.5;
}
.wrapper_seacrh .search #keyword::placeholder { color: var(--black); font-size: 1rem; 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(--black); }

.wrapper_seacrh .searchInput .ajax_spinner { display: none; padding: 1rem; padding-left: 0; margin-top: 1rem; border-radius: .25em; z-index: 1; position: relative; }
.wrapper_seacrh .searchInput .ajax_spinner img { width: 1.5rem; }

.wrapper_seacrh .wrapper_datafetch { display: none; margin-top: 1rem; border-radius: .25em; 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 { padding: 1rem; padding-left: 0; }
.wrapper_seacrh .search_result::-webkit-scrollbar { width: 5px; background-color: transparent; }
.wrapper_seacrh .search_result::-webkit-scrollbar-thumb { width: 5px; background-color: var(--pink); border-radius: 2rem; }

.wrapper_seacrh .search_result li + li { margin-top: 1rem; }
.wrapper_seacrh .search_result li a { font: inherit; font-weight: 400; font-size: 1rem; color: var(--black); line-height: 1.125; }
.wrapper_seacrh .search_result li a:hover { color: var(--pink); }







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


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

.link {
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
	padding: .625rem 1rem; font-size: 1rem; color: var(--pink); font-weight: 500; text-transform: uppercase;
	background-color: var(--white); border: 1px solid var(--white); border-radius: 4rem;
}
.link svg { min-width: 1rem; width: 1rem; }
.link svg path { transition: .25s ease; }
.link:hover, .link:focus, .link:active { background-color: rgb(var(--white-rgb) / 25%); color: var(--white); }
.link:hover svg path, .link:focus svg path, .link:active svg path { fill: var(--white); }


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


.link.pink.out { color: var(--pink); background-color: transparent; border-color: var(--pink); }
.link.pink.out svg path { fill: var(--pink); }
.link.pink:hover, .link.pink:focus, .link.pink:active { background-color: var(--pink); color: var(--white); }
.link.pink.out:hover svg path, .link.pink.out:focus svg path, .link.pink.out:active svg path { fill: var(--white) }







.cat { display: inline-block; padding: .5em 1.25em .5em 1em; border: 1px solid var(--pink); border-radius: 0 1rem 0 0; color: var(--pink); text-transform: uppercase; font-size: 1rem; }
.cat:hover { background-color: var(--white); }

.cat.white { color: var(--white); border-color: var(--white); }
.cat.white:hover { background-color: var(--white); color: var(--pink); }




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

.filter_bt { background: linear-gradient(to top, #111, transparent); opacity: .8 }
.filter_close { display: none; background-color: #111; opacity: .85; pointer-events: initial; position: fixed; z-index: 4; }
.filter_pink { background-color: var(--pink); opacity: 0.25; }


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

.bkg_texture { background: url(../images/webp/texture.webp) no-repeat center; background-size: cover; }
.bkg_texture.grey {  background-image: url(../images/webp/texture_grey.webp); }
.bkg_texture.greydark {  background-image: url(../images/webp/texture_grey_dark.webp); }

.bkg_texture.grey .filter { background: linear-gradient(115deg, #FFF 59%, #999 92.8%); opacity: .5 }
.bkg_texture.greydark .filter { background: #FBFBF4; opacity: .75 }

.bkg_pink { background-color: var(--pink); }


.border { padding-bottom: .75em; position: relative; }
.border::after {
	content: ""; position: absolute; bottom: 0; right: 0;
    width: 100%; height: .5rem; border-top: 1px solid var(--pink); border-radius: 0 1rem 0 0;
}

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

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

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


/* Dots */
.nav_dots {}
.nav_dots .swiper-pagination-bullet { background-color: var(--white); border: 1px solid var(--pink); opacity: 1; }
.nav_dots .swiper-pagination-bullet-active { background-color: var(--pink); }

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



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

/* Social */
.social { gap: 1rem; }
.social a { display: inline-block; width: 2.5em; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15)); }
.social a :where(img,svg) { width: 100%; }
.social a svg path { transition: .25s ease; fill: var(--white); }
.social a:hover { opacity: .75; }



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

.wrapper_nl_side { background-color: var(--white); border: 1px solid var(--pink); border-radius: 1rem; padding: 1.5rem; }
.wrapper_nl_side .text { margin-bottom: 1.5rem; }
.wrapper_nl_side .img_nl { width: 70%; margin: 0 auto 1.5rem auto; display: block; }
.wrapper_nl_side #form .wpforms-field { width: 100%; }
.wrapper_nl_side #form .wpforms-submit-container { justify-content: center; margin-top: 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
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


footer { background-color: var(--pink); overflow: hidden; }
footer .bkg_texture { opacity: .25; }
footer .foot_shape { position: absolute; top: 0; left: 0; width: 100%; }



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


/* Foot Logo */
.foot_logo { 
	display: inline-block; 
	--foot-logo-width: 240px;
	--foot-logo-min: 240;
	--foot-logo-max: 400;
	max-width: 95%;
}
.foot_logo :where(img, svg) { width: 100%; filter: brightness(0) invert(1); }


/* Foot Block */
.foot_block {}
.foot_block .h4 { color: var(--white); margin-bottom: 1rem; }
.foot_block p { color: var(--white); text-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.foot_block p + p { margin-bottom: .75rem; }
.foot_block p a { font: inherit; }
.foot_block p a:hover { opacity: .75; color: var(--cream); }

/* Foot Social */




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

#credits p {
	font-size: .825em; line-height: 1.5; color: var(--white);
	margin: 0 auto; z-index: 1;
}
#credits .resp_sep { display: none; }
#credits a { display: inline-block; font: inherit; color: inherit; }




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

#foot_menu li + li { margin-top: .75rem; }
#foot_menu li a { text-transform: uppercase; color: var(--white); text-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
#foot_menu li a:hover { opacity: .75; color: var(--cream); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGHI PARTNER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.elenco_partner { gap: .75rem var(--c2o); }
.elenco_partner + .elenco_partner { margin-top: 1.5rem; }
.elenco_partner p { font-size: 1rem; }
.elenco_partner .logo img { width: auto; height: 3rem; max-width: 10rem; object-fit: contain; }

.elenco_partner:first-of-type .logo img { height: 4.5rem; max-width: unset; }



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

#back_top {
	width: 100%; position: relative; gap: 1rem; padding: 1.5rem; background-position: top;
	color: var(--white); text-transform: uppercase; font-size: 1.125rem; font-weight: 500;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}









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


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

.s1 { overflow: hidden; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION NEWSLETTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#sec_news .grid { gap: var(--c5v) var(--c2o); background-color: var(--white); border-top: 1px solid var(--pink); border-bottom: 1px solid var(--pink); }
#sec_news .img_nl { display: inline-block; width: 10rem; margin: 0 auto; }
#sec_news .text .h1 { font-size: calc(var(--h1-size) * .9); }





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


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

.card > div { height: 100%; border-radius: 1rem; overflow: hidden; background-color: var(--white); border: 1px solid #ccc; }

.card mark {
    display: inline-block; position: absolute; left: 0; bottom: 0;
    padding: .25em 1em .25em .75em; background-color: var(--pink); border-radius: 0 1rem 0 0; box-shadow: 0 0rem 1rem rgb(30 30 30 / 40%);
    color: var(--white); text-transform: uppercase; font-size: .85rem;
}

.card_content { border-top: 0; padding: 1.5rem 1rem }
.card_content h3 { font-size: 1.375rem; margin-top: .85rem; margin-bottom: 1.25rem; transition: .25s ease; }
.card_content h3:hover { color: var(--pink); }
.card_content .date { font-size: .85rem; }
.card_content .auth { font-size: .85rem; line-height: 1.25; }

.autore { display: inline; font-style: italic; }
.autore::after { content: ", "; }
.autore:last-of-type::after { content: ""; }

.autore a { font: inherit; display: inline; }
.autore a:hover { color: var(--pink); }





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

.card_evi mark { background-color: var(--white); color: var(--pink); border-color: var(--pink); }
.card_evi > div { background-color: var(--pink); }
.card_evi h3, .card_evi p { color: var(--white); }
.card_evi .card_content h3:hover, .card_evi .autore a:hover { color: var(--white); opacity: .5 }




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


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

#s1_home .s1_title h1 { font-size: calc(var(--h1-size) * 1.25); }
#s1_home .s1_title h1 span { display: block; text-transform: uppercase; letter-spacing: .125em; font-weight: 300; font-size: 1.125rem; font-family: var(--main-font); margin-bottom: 1.25em; }



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

.wrp_focus { margin-bottom: 1.5rem; }
.wrp_focus .card_accordion + .card_accordion { margin-top: .75rem; }
.wrp_focus .card_accordion { border-radius: .75rem; padding: .5rem; }
.wrp_focus .card_accordion:nth-of-type(4n + 1) { background-color: var(--pink); }
.wrp_focus .card_accordion:nth-of-type(4n + 2) { background-color: var(--brown); }
.wrp_focus .card_accordion:nth-of-type(4n + 3) { background-color: var(--blue); }
.wrp_focus .card_accordion:nth-of-type(4n + 4) { background-color: var(--green); }

.wrp_focus .accordion_head { gap: .5rem; padding: .5rem; cursor: pointer; }
.wrp_focus .accordion_head p { font-size: 1.125rem; line-height: 1.125; color: var(--white); font-family: var(--title-font); }
.wrp_focus .accordion_head svg { width: 1.75rem; }
.wrp_focus .accordion_head.active svg { transform: scaleY(-1); }

.wrp_focus .accordion_text { display: none; }
.wrp_focus .accordion_text .focus { border-radius: .5rem; overflow: hidden; min-height: 6.5rem; }
.wrp_focus .accordion_text .focus + .focus { margin-top: .5rem; }
.wrp_focus .accordion_text .text { padding: .75rem .5rem; }
.wrp_focus .accordion_text .text p { line-height: 1.25; font-weight: 500; }

.wrp_focus .accordion_text .focus:hover { transform: scale(.975); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION SEPARATORI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_sep { width: calc(100vw - 1px); margin-left: calc(var(--c5o) * -1); background-color: var(--pink); }
.wrapper_sep .bkg_texture { opacity: .5; }
.wrapper_sep .text { gap: 1.25rem 2rem; }
.wrapper_sep .text p { margin-top: .5rem; }
.wrapper_sep .text .link { margin-top: 0; }





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





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


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

.pink_title { padding: 1rem; padding-left: var(--c5o); background-color: var(--pink); border-radius: 0 .5rem .5rem 0; width: fit-content; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CUSTOM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.sec_page_1 { padding-top: var(--c15v); }

/* Sec std */
.sec_img picture > img { border-radius: 1rem; }

/* Highlight */
.box_highlight { padding: 2rem var(--c2o); border-radius: 1rem; overflow: hidden; background-color: var(--pink); }
.box_highlight .bkg_texture { opacity: .375; }

/* Doppia colonna */
.doppia_colonna .sec_img picture { aspect-ratio: 2 / 0.75; }





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

/* Section 2 */
#s2_contatti #form { padding: var(--c7v) var(--c2o); }

/* Section 3 */
.ico_p { gap: .5rem; font-weight: 600; }
.ico_p svg { width: 1.25rem; height: auto; }
.ico_p a:hover { color: var(--pink); }



/* BOX INVIA */
.wrapper_invia { border-radius: 1rem; padding: 1.25rem 3rem 1.25rem 1.25rem; background-color: var(--pink); }

.wrapper_invia .icon {
	position: absolute; top: 0; right: 0; transform: translate(25%, -25%); box-shadow: 0 0 1rem rgb(30 30 30 / 20%);
	background-color: var(--white); width: 4rem; height: 4rem; border-radius: 50%; padding: 1rem;
}

.wrapper_invia .bkg_texture { opacity: .75; border-radius: 1rem; }
.wrapper_invia .text p { margin-top: .375rem; }
.wrapper_invia .text .link { margin-top: 1rem; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PUBBLICAZIONI NNA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.wrp_pubbli { border-radius: 1rem; overflow: hidden; }
.wrp_pubbli + .wrp_pubbli { margin-top: 1.5rem; }
.wrp_pubbli .bkg_texture { opacity: .5; }

.wrp_pubbli .el { padding: 1.25rem; }
.wrp_pubbli .el + .el { border-top: 1px solid var(--white); }
.wrp_pubbli p { color: var(--white); }

.wrp_pubbli .b_anno p { font-size: 2rem; font-family: var(--title-font); }


/* Section 4 */
.wrp_pubbli.bord { background-color: var(--white); border: 1px solid var(--pink); }
.wrp_pubbli.bord .el { border-color: var(--pink); }
.wrp_pubbli.bord p { color: var(--pink); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE REDAZIONE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/*#s2_redazione .grid { gap: 2.5rem 1.5rem; }*/

.box_red { border-radius: 1rem; border: 1px solid var(--pink); cursor: pointer; }
.box_red .tit { border-radius: 1rem 1rem 0 0; background-color: var(--pink); padding: 1rem; }
.box_red .tit h2 { color: var(--white); }
.box_red .tit picture { 
	width: 4rem; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; 
	position: absolute; right: 0; top: 50%; transform: translate(25%, -50%); filter: grayscale(1);
}

.box_red .text { padding: 1rem; padding-bottom: 2rem; }
.box_red .text h3 { text-transform: uppercase; }
.box_red .text p { font-size: 1rem; }
.box_red .text_hide { display: none; }
.box_red .open {
	position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%);
	width: 2rem; aspect-ratio: 1 / 1; border-radius: 50%;
}
.box_red .open circle { fill: var(--pink); }
.box_red .open path { fill: var(--white); }
.box_red.active .open path:nth-of-type(2) { display: none; }

.box_red .open svg { transition: .25s ease; }
.box_red:not(.active):hover .open svg { transform: rotate(90deg); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE INVIA ARTICOLO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.linne_guida .table { padding: 1.5rem 0; }
.linne_guida .table + .table { border-top: 1px solid var(--pink); }
.linne_guida .text p { font-size: 1rem; }
.linne_guida .text p b { text-transform: uppercase; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ARCHIVIO RIVISTE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_pubblicazione + .wrapper_pubblicazione { margin-top: 2rem; }
.head_pubbli { cursor: pointer; background-color: var(--pink); padding: 1rem var(--c5o); overflow: hidden; }
.head_pubbli .bkg_texture { opacity: .5; }

.anno_overlay { position: absolute; left: var(--c5o); color: var(--white); font-family: var(--title-font); font-size: 8.5vw; opacity: .25; }
.anno_open { font-size: 1.5rem; color:  var(--white); font-family: var(--title-font); text-transform: uppercase; gap: 1rem; }
.head_pubbli.active .anno_open svg { transform: scaleY(-1); }



.elenco_pubblicazioni { display: none; }

.card_pub a { overflow: hidden; border-radius: 1rem; }
.card_pub picture { aspect-ratio: 2 / 1; }
.card_pub .card_content { background-color: var(--white); padding: 1rem; border-left: 1px solid var(--pink); border-right: 1px solid var(--pink); }
.card_pub .card_content p { font-size: 1rem; color: var(--pink); margin-bottom: .5rem; }
.card_pub .card_content h3 {  }
.card_pub button { border: 1px solid var(--pink); text-align: left; background-color: var(--pink); border-radius: 0 0 1rem 1rem; padding: 1rem; text-transform: uppercase; color: var(--white); }
.card_pub button:hover { background-color: var(--white); color: var(--pink); }







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


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




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

/* Search & Filter */

/* Terms Loop */

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

/* Custom pagination */
.pagination {}

/* Load More */




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








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




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

#s1_single { border-radius: 0 0 var(--c3o) 0; overflow: hidden; }

#s1_single .container, .pt_custom .container { padding-top: calc( 112px + ( 90 - 112 ) * ( (100vw - 320px) / 1600 ) + var(--c7v) ); }
#s1_single .filter_pink { opacity: 0.95; }

#s1_single .s1_title h1 { font-size: calc(var(--h1-size) * .85); }
#s1_single .s1_title p { font-size: 1rem; line-height: 1.75; }


.wrapper_dettagli { gap: 1rem; }
.wrapper_dettagli .info { color: var(--white); font-size: clamp(16px, 1vw, 18px); gap: .5rem; } 
.wrapper_dettagli .info svg { width: 1rem; min-width: 1rem; }
.wrapper_dettagli .autore a:hover { color: var(--white); opacity: .5; }
.wrapper_dettagli .autore a { text-decoration: underline 1px; }



.tag_list { gap: .5rem; }
.tax_tag { color: var(--white); text-decoration: underline 1px; line-height: 1.25; font-size: clamp(16px, 1vw, 18px); }
.tax_tag::after { content: ", "; margin-right: 4px; }
.tax_tag:last-of-type::after { content: ""; }
.tax_tag:hover { opacity: .5; }





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

.single .text :where(h2, h3, h4, h5, h6) { font-weight: 500; }
.single .text :where(p a, li a) { display: inline; }
.single .text img { width: 100%; margin-top: 1.5rem; }
.single .text .wp-caption { width: 100% !important; display: table; margin-top: 1.5rem; }
.single .text .wp-caption img { margin-top: 0; }
.single .text .wp-caption .wp-caption-text { display: table-caption; font-weight: 500; }

.single .wp-caption-text, .single .wp-caption-text span { text-align: left; margin: .5rem 0; font-size: .9rem; color: #444; font-style: italic; }

/*
.single .text table { margin: 1.5rem 0; }
.single .text table td, .single .text table td * { color: #444; }
.single .text table td a { font-weight: 500; color: var(--pink); }
.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(--pink); }
.single .text table th p { font-weight: bold; }
.single tfoot td { padding: .75rem 0;  border: 1px solid transparent; font-size: .9rem; margin-top: .5rem; }
*/


/* Note */
.easy-footnote a { color: var(--white); text-decoration: unset; line-height: 1; }
.easy-footnote a sup { background-color: var(--pink); padding: 2px 3px; border-radius: 4px; }
.easy-footnote a:hover { opacity: .5; }

.qtip-content { font-size: 16px; line-height: 1.3; font-family: var(--main-font); }
.qtip-content a { display: inline; font-size: 100%; text-decoration: underline; }
.qtip-content a:hover { color: var(--pink); }






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

.sommario { background-color: var(--pink); padding-bottom: .5rem; border-radius: 1rem; }
.sommario p { color: var(--white); padding: 1rem 1rem .5rem 1rem; }

/* Sommario automatico (vecchio template) */
.sommario li { list-style: none; margin: 0; }
.sommario li button { display: inline-block; width: 100%; padding: .375rem 1rem; text-align: left; color: var(--white); font-size: clamp(16px, 1vw, 18px); }
.sommario li button:hover { background-color: var(--white); color: var(--pink); }



/* Elenco file da scaricare */
.area_download { margin-top: 1rem; border: 1px solid var(--pink); padding: 1.5rem; border-radius: 1rem; }
.area_download .link_pdf + .link_pdf { margin-top: .75rem; }
.area_download .link_pdf { text-decoration: underline 1px; width: 100%; gap: .75rem; color: var(--pink); }
.area_download .link_pdf svg { min-width: 1rem; width: 1rem; }
.area_download .link_pdf path { fill: var(--pink); }
.area_download .link_pdf:hover { opacity: .5; }


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

.note_fondo_pagina { background-color: var(--pink); padding: 1.5rem; border-radius: 1.5rem; overflow: hidden; }
.note_fondo_pagina .bkg_texture { opacity: .5; }
.note_fondo_pagina p { font-size: 1rem; }

.bibliografia { padding: 1.5rem; border-radius: 1.5rem; overflow: hidden; border: 1px solid #ccc; }
.bibliografia p { font-size: 1rem; }

/* Note spostate */
.easy-footnotes-wrapper { display: none; }

.note_jquery { list-style-type:  }
.note_jquery li { font-size: 1rem; color: var(--white); list-style-type: decimal; }
.note_jquery li a { color: var(--white); }






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






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

#form .wpforms-container em.wpforms-error { background: white; width: fit-content; }

#form:not(.nl) { background-color: var(--pink); padding: 1.5rem; border-radius: 1rem; overflow: hidden; }
#form .bkg_texture { opacity: .5; }

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

#form .wpforms-field :where(input, textarea, select) {
	background-color: var(--white); border: 1px solid var(--white); border-radius: .25rem;
	padding: .5rem; font-size: 1rem; color: var(--pink);
}
#form .wpforms-field select { background-color: var(--white); }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: ; 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,
#form .wpforms-field.wpforms-field-checkbox li label a { text-transform: uppercase; color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { opacity: .75; }

#form button[type=submit], #form input[type=submit] {
	padding: .75rem 1rem; font-size: 1rem; color: var(--pink); font-weight: 500;
	background-color: var(--white);  border: 1px solid var(--white); border-radius: 4rem;
}
#form button[type=submit] span, #form input[type=submit] span { text-transform: uppercase; }
#form button[type=submit] svg, #form input[type=submit] svg { width: 1rem; height: 1rem; }
#form button[type=submit] svg path { transition: .25s ease; }

#form button[type=submit]:hover { background-color: rgb(var(--white-rgb) / 25%); color: var(--white); }
#form button[type=submit]:hover svg path { fill: var(--white); }





#form.nl .wpforms-field { margin-bottom: .75rem }
#form.nl .wpforms-field label { color: #ccc; }

#form.nl .wpforms-field:not(.wpforms-field-checkbox) label { position: absolute; top: .5rem; left: .5rem; background-color: var(--white); padding: 0 2px; transform-origin: left; transition: .05s ease; }
#form.nl .wpforms-field:not(.wpforms-field-checkbox).focus label { top: 0; transform: translateY(-50%) scale(.75); }

#form.nl .wpforms-field :where(input, textarea, select) {
	background-color: var(--white); border-color: var(--pink); color: var(--pink);
}
#form.nl .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: var(--pink); }
#form.nl .wpforms-field.wpforms-field-checkbox li label,
#form.nl .wpforms-field.wpforms-field-checkbox li label a { color: var(--pink); font-size: .85rem; }

#form.nl button[type=submit], #form.nl input[type=submit] { background-color: var(--pink);  border: 1px solid var(--pink); color: var(--white); }
#form.nl button[type=submit] svg path { fill: var(--white); }

#form.nl button[type=submit]:hover { background-color: var(--white); color: var(--pink); }
#form.nl button[type=submit]:hover svg path { fill: var(--pink); }









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




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




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





}






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


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	#card_grid, #card_grid.grid_3, .grid_home, .grid_evidenza { grid-template-columns: 1fr 1fr }

}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.header.scrolling { transform: translateY(0%); }
	.head_wrapper { width: 100%; max-width: fit-content; border-radius: 0 0 1.5rem 0; transition: .25s ease; box-shadow: 0 0 1.5rem rgb(30 30 30 / 15%); }
	.wrapper_menu { justify-content: flex-start; align-items: stretch; margin-left: 1.5em; }


	.apri_rivista {
    	width: auto; position: relative; transition: unset; top: unset; left: unset;
    	border-radius: 4rem 0 0 4rem; padding: .5rem .75rem; font-size: 1rem; line-height: 1; /* min-width: max-content; */
	}
	.apri_rivista svg { transition: .25s ease; }
	.apri_rivista:hover svg, .apri_rivista:active svg, .apri_rivista:focus svg { transform: rotate(90deg); }

	.apri_cerca { position: relative; top: unset; right: unset; padding: .5rem 1rem .5rem .75rem; border: 1px solid var(--pink); border-left: 0; border-radius: 0 4rem 4rem 0; }
	.apri_cerca path { fill: var(--pink); }
	.apri_cerca:hover, .apri_cerca:active, .apri_cerca:focus { background-color: rgb(var(--pink-rgb) / 10%); }


	#ext_nav {
		border-top: 1px solid var(--pink); border-bottom: 1px solid var(--pink);
		overflow: hidden; transition: width .25s ease, opacity .125s ease; 
		width: auto;
	}
	.header.scrolling #ext_nav { width: 0; height: 0; opacity: 0; }
	
	#ext_nav * { height: 100%; }
	#ext_nav li a {
		display: flex; align-items: center; justify-content: center;
	    border-right: 1px solid var(--pink); padding: .5rem;
	    font-family: var(--title-font); color: var(--pink); font-size: clamp(16px, 1vw, 1rem); line-height: 1; word-break: keep-all;
	}
	#ext_nav li a:hover, #ext_nav li a:active, #ext_nav li a:focus { background-color: rgb(var(--pink-rgb) / 10%); }



	/* Hamburger */
	#hamburger { display: none; }


	/* Menu biblioteca */
	.wrapper_biblio { height: auto; }
	.content_wrapper { display: grid; grid-template-columns: 25% 1fr; gap: 2.5em; }

	.wrapper_biblio .h3 { font-size: 1.25rem; text-align: left; margin-bottom: 0; }
	.wrapper_biblio .h3::after { content: ""; display: none; }
	
	.wrapper_biblio .categorie { justify-content: flex-start; height: fit-content; }



	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.foot_block .social { justify-content: flex-start; }

	/* Credits */
	#credits { gap: 1rem; }
	#credits p { margin: 0; }
	#credits a:hover, #credits a:active, #credits a:focus { opacity: .75 }
	#credits #credits_studio:hover { color: #e74e0f; }


	/*∞∞∞∞∞∞ NEWSLETTER ∞∞∞∞∞∞*/
	#sec_news .grid { grid-template-columns: 15rem 1.125fr 1fr; align-items: center; }
	#sec_news .img_nl { width: 100%; }

	#form .wpforms-field:last-of-type { margin-bottom: 0; }
	#form .wpforms-submit-container { display: flex; align-items: flex-start; justify-content: flex-end; }




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	.wrapper_sep { width: calc(100vw - 8px); margin-left: calc(var(--c5o) * -1); }




	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	.pink_title { max-width: 80% }


	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	#s3_contatti .wrapper_invia { padding: 2.25rem; padding-right: 3rem; }


	/*∞∞∞∞∞∞ PUBBLICAZIONI NNA ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrp_pubbli { display: grid; grid-template-columns: auto 1fr auto; align-items: center; }
	.wrp_pubbli .el { height: 100%; }
	.wrp_pubbli .el + .el { border-top: 0; border-left: 1px solid var(--white); }

	/* Sec 4 */
	.wrp_pubbli.bord .el { border-color: var(--pink); }


	/*∞∞∞∞∞∞ REDAZIONE ∞∞∞∞∞∞*/
	.box_red .tit picture { width: 5rem; }
	.box_red .text { padding: 2rem 1rem; padding-bottom: 3rem; }


	/*∞∞∞∞∞∞ INVIA ARTICOLO ∞∞∞∞∞∞*/
	.wrap_right { position: sticky; top: 10vh; }


	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr 1fr }
	#card_grid.grid_3, .grid_home { grid-template-columns: 1fr 1fr }


	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	.s2_single .wrapper_right { position: sticky; }
}






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

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


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

	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	.wrapper_dettagli .wrp_aut { max-width: 60% }
}






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

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

	/* Header */
	.apri_rivista { padding: .5rem 1rem .5rem 1.5rem; }



}






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

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






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

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