/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ "

BASE (MOBILE) SIZE


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




/**
 *
 *  ▐▌ ▐▌  ▄▀▀▄  █▀▀▄  ▄▀▀
 *   ▀▄▀   █▀▀█  █▐█▀   ▀▄
 *    ▀    ▀  ▀  ▀ ▀▀  ▀▀  - VARS
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */


.sec_white .text h2, .sec_white .text h3, .sec_white .text p, .sec_white .text li { color: var(--white); }






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


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




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

.head_logo { 
	display: inline-block; 
	--head-logo-width: 120px; /* <- in 'px' */
	--head-logo-min: 120;
	--head-logo-max: 250;
	max-width: 250px;
}
.head_logo img, .foot_logo img, .head_logo svg, .foot_logo svg { width: 100%; }




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

.link_top_menu { margin-right: .7rem; padding: .75rem; display: inline-flex; align-items: center; justify-content: center; border: 2px solid var(--black); border-radius: 2rem; color: var(--black); font-weight: 500; }
.link_top_menu img, .link_top_menu svg { height: 1.1rem; margin-right: .5rem; }
.link_top_menu svg path { transition: .2s ease; }

.link_top_menu:hover { background-color: var(--grey); color: var(--white); }
.link_top_menu:hover svg path { fill: var(--white); }


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

.hamburger_btn { 
	display: inline-block;
	font-size: var(--rem); line-height: 0;
	padding: .75em .5em;
}



.hamburger_btn.fixed { top: 1.5em; right: 2.5%; background-color: var(--white); box-shadow: 0 0 1rem rgba(var(--blue-rgb),.3); border-radius: 0.5rem; }
.hamburger_btn.fixed.tapped { background-color: transparent; box-shadow: unset; border-radius: 0; }




/* Included style from "hamburger.css" */
.hamburger { display: inline-block; width: 2.5em; height: 2em; transition: .15s linear; }
.top_bun, .burger, .bottom_bun {
	display: block; position: absolute;
	width: 2.5em; height: 2px;
	background-color: var(--black);
	border-radius: .2em;
	transition: .15s ease;
}
.top_bun { top: -1px; }
.burger { top: calc(50% - 1px); width: 2em; right: 0; }
.bottom_bun { bottom: -1px; }

.burger:after { content: ""; width: .25em; height: 2px; background-color: var(--black); position: absolute; left: -.5em; top: calc(50% - 1px); }

.hamburger span { transition-duration: 0s; }

/* Tapped / Clicked */
.tapped .hamburger span { transition-property: none; transform-origin: center; background-color: var(--white); }
.tapped .hamburger .burger { opacity: 0; }
.tapped .hamburger .top_bun { top: 50%; left: 50%; transform-origin: center; transform: translate(-50%,-50%) rotate(45deg); }
.tapped .hamburger .bottom_bun { top: 50%; left: 50%; transform-origin: center; transform: translate(-50%,-50%) rotate(-45deg); }

/* Animation */

/* SONO TUTTE DA SISTEMARE, PER ORA NON UTILIZZARE O TORNARE ALLA VECCHIA VERSIONE! */




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

.main_nav { display: none; position: absolute; top: 0; left: 0; z-index: 1; }
.menu_wrapper { background-color: var(--black); }

.bkg_menu { opacity: .2; }
.bkg_menu_img { background-image: url(../images/jpg/img_menu.jpg); }

.head_menu li:last-child { border-top: 1px solid rgba(var(--white-rgb),.6); margin-top: 1.5em; padding-top: 1.5em; }
.head_menu a { display: inline-block; font-size: 2em; line-height: 1; padding: .25em 0; color: var(--white); }


.social_header { margin-top: .75rem; }
.social_header a { margin-right: .75rem; display: inline-block; border-radius: 50%; }
.social_header img { width: 2.7rem; }

.social_header a:hover { background-color: var(--light_blue); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ DARKMODE SWITCHER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BUTTONS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.btn {
	display: inline-block; position: relative;
	font: inherit; color: inherit;
	padding: .65em 2.5em;
	border: 2px solid #3e3e3e; border-radius: 5rem;
	background-color: #ccc; font-size: var(--rem); text-transform: uppercase; font-weight: 600;
}

.btn_blue_tr { background-color: transparent; border-color: var(--blue); color: var(--blue); }
.btn_blue_tr:hover { background-color: var(--blue); color: var(--white); }


.btn_blue { background: linear-gradient(var(--blue), var(--blue_gr)); border-color: transparent; color: var(--white); will-change: opacity; }
.btn_blue:hover { opacity: .5; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

a.link {
    display: inline-block; position: relative;
    font: inherit; color: inherit;
    padding: .65em 2.5em;
    border: 2px solid #3e3e3e; border-radius: 5rem;
    background-color: #ccc; font-size: var(--rem); text-transform: uppercase; font-weight: 600;

    margin-top: 1.5rem;
}
a.link:hover { box-shadow: .5rem .5rem .75rem rgba(30,30,30,.2); }

a.link_white_tr { background-color: transparent; border-color: var(--white); color: var(--white); }
a.link_white_tr:hover { background-color: var(--blue); }


a.link_blue_tr { background-color: transparent; border-color: var(--blue); color: var(--blue); }
a.link_blue_tr:hover { background-color: var(--blue); color: var(--white); }


a.link_blue { background: linear-gradient(var(--blue), var(--blue_gr)); border-color: transparent; color: var(--white); will-change: opacity; }
a.link_blue:hover { opacity: .5; }




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

.filter_white { background-color: var(--white);	opacity: .65; }
.filter_blue { background-color: var(--blue);  opacity: .65; }

.filter_lr { background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); }


.s1 .filter_lr { background: linear-gradient(155deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CONTENT FORMAT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.text h2 { margin-bottom: 1.5rem; }
.text h3 { margin-bottom: 1.5rem; }

.content_articoli h2 { margin: 1.75rem 0; }
.content_articoli h3 { margin: 1.25rem 0; }

.content_articoli p, .text p { margin: .75rem 0; }
.content_articoli p a, .text p a { display: inline-block; text-decoration: underline; }
.content_articoli p a:hover, .text p a:hover { opacity: .8; color: var(--light_blue); }


.content_articoli ol, .text ol, .content_articoli ul, .text ul { margin: .5rem 0; }
.content_articoli ul li, .text ul li, .content_articoli ol li, .text ol li { margin: .5rem 0; list-style-position: outside; margin-left: 1.5rem; }
.content_articoli li a, .text li a { display: inline-block; text-decoration: underline; }
.content_articoli li a:hover, .text li a:hover { opacity: .8; color: var(--light_blue); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.swiper_nav { width: 2em; top: 50%; transform: translateY(-50%); z-index: 1; }
.swiper_prev { left: 0; }
.swiper_next { right: 0; }
.swiper_nav img { width: 100%; }


.swiper_nav:hover { opacity: .5; }


.swiper_nav.swiper-button-disabled { display: none; }
.swiper_nav.white { filter: brightness(0) invert(1); }



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

.breadcrumb { margin-bottom: .75rem; }
.breadcrumb a { display: inline-block; }
.breadcrumb, .breadcrumb a, .breadcrumb span { color: var(--black); }


.single_articoli .breadcrumb .current { display: none; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.scroll {
	display: inline-block;
	position: absolute; left: 50%; bottom: 5%; 
	--scroll-px: 40px;
	--scroll-min: 40;
	--scroll-max: 80;
	max-width: 80px;
	transform: translateX(-50%);
	cursor: pointer; z-index: 1;
}
.scroll svg { 
	width: 100%; 
	animation: hang_scroll 1.5s ease-in-out infinite forwards alternate;
	animation-play-state: running;
}
@keyframes hang_scroll {
	0% { transform: translateY(.5em); }
	50% { transform: translateY(0); }
	100% { transform: translateY(.5em); }
}
.scroll:hover svg, .scroll:focus svg, .scroll:active svg { animation-play-state: paused; }
.scroll svg .scroll-path { fill: var(--black); }




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




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

.card_standard { padding: .75rem 1rem; }
.card_standard a { background-color: var(--white); padding: 1.5rem .75rem; box-shadow: 0 0 .75rem rgba(30,30,30,.25); border-radius: 1rem; min-height: 23rem; }

.card_standard h2 { font-size: 1.5rem; font-weight: 700; }
.card_standard p { color: var(--light_blue); }

.card_standard hr { width: 40%; background-color: var(--grey); margin: 1.5rem 0; height: 2px; }
.card_standard button { margin-top: 1.5rem; }


.card_standard a:hover { transform: scale(.98); }
.card_standard a:hover button { opacity: .5; }


#single_rel .card_standard a { min-height: 18rem; }
#single_rel .card_standard h2 { font-size: 1.3rem; }
#single_rel .card_standard hr { margin: .75rem 0; }
#single_rel .card_standard p { font-size: .85rem; }








.card_pubb { padding: .75rem 1rem; }
.card_pubb a { background-color: var(--white); box-shadow: 0 0 .75rem rgba(30,30,30,.25); border-radius: 1rem; min-height: 23rem; overflow: hidden; }

.card_pubb .art_content { padding: 1rem .75rem; background-color: var(--white); }
.card_pubb h2 { font-size: 1.5rem; font-weight: 700; }

.info_art p { color: var(--light_blue); opacity: .7; }
.tar { text-align: right; }


.card_pubb a:hover { transform: scale(.98); }
.card_pubb a:hover button { opacity: .5; }



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




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




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








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


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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.box_footer { padding: 5%; border-top: 1px solid var(--grey); }
.foot_logo { display: block; width: 25rem; max-width: 100%; }

.box_footer h4 { margin-bottom: .5rem; }


.link_footer { margin-right: .75rem; margin-bottom: .75rem; padding: .75rem; display: inline-flex; align-items: center; justify-content: center; border: 2px solid var(--grey); border-radius: 2rem; color: var(--black); font-weight: 500; }
.link_footer img, .link_footer svg { height: 1.1rem; margin-right: .5rem; }
.link_footer svg path { transition: .2s ease; }

.link_footer:hover { background-color: var(--grey); color: var(--white); }
.link_footer:hover svg path { fill: var(--white); }



.social_icon { margin-right: .75rem; }
.social_icon img, .social_icon svg { width: 2.8rem; }
.social_icon svg path { transition: .2s ease; }

.social_icon:hover svg path { fill: var(--light_blue); }



.footer-nav li a { font-size: 2.2em; line-height: 1; padding: 0.5rem 0; }


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

.credits {
	font-size: .825em; line-height: 1.5;
	margin: 0 auto; text-align: left;
	opacity: .75; z-index: 1;

    padding-left: 5%; padding-right: 5%;
}
.credits .resp_sep { display: none; }
.credits a { display: inline-block; color: inherit; font-size: 1em; }
.credits a:active, .credits a:focus { opacity: 1; }




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

.back_top {
	display: none; 
	position: fixed; bottom: .5em; right: .5em;
	padding: .25em;
	--back-top-px: 40px;
	--back-top-min: 40;
	--back-top-max: 60;
	max-width: 60px;
	z-index: 2;
}
.back_top img { width: 100%; }








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


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

.s1 .container { padding-top: calc( 100px + ( 150 - 100 ) * ( (100vw - 320px) / 1600 ) ); }
#s1_home .bkg_thumb img { object-position: 60%; }


.s1_title h1, .s1_title .h1 { margin-bottom: 1.5rem; }
.s1_title p, .s1_title .p { font-size: 2rem; color: var(--light_blue); font-weight: 600; line-height: 1.2; }
sup { font-size: 30%; right: -.5ex; }



.link_top a { margin-right: .75rem; display: inline-block; }



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

.bkg_blue { background-image: url(../images/jpg/sfondo_blue.jpg); }
.flex-ar { justify-content: space-around; }

picture.squared { box-shadow: 0 0 .75rem rgba(30,30,30,.2); }





.on_scroll .text { opacity: .1; transform: scale(.1); transition: .7s cubic-bezier(.42,0,.01,1); }
.on_scroll picture { clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); transition: 1.2s cubic-bezier(.42,0,.01,1); }


.active.on_scroll .text { opacity: 1; transform: scale(1); }
.active.on_scroll picture { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }





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

.on_scroll #t_l { transform: translateX(-100%); transition: .4s ease .2s; }
.on_scroll #t_r { transform: translateX(100%); transition: .4s ease .2s; }

.on_scroll #c_l { transform: translateX(-100%); transition: .4s ease .5s; }
.on_scroll #c_r { transform: translateX(100%); transition: .4s ease .5s; }

.on_scroll #b_l { transform: translateX(-100%); transition: .4s ease .9s; }
.on_scroll #b_r { transform: translateX(100%); transition: .4s ease .9s; }


.active #t_l, .active #t_r, .active #c_l, .active #c_r, .active #b_l, .active #b_r { transform: translateX(0); }




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

#s6_home { background-color: var(--light); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 8 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s8_home picture { height: 100%; width: auto; position: absolute; left: 0; bottom: 0; opacity: .2; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION RECENSIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.swiper-rec .swiper-slide { padding: 1rem; }
.swiper-rec .card_rec { background-color: var(--white); box-shadow: 0 0 1rem rgba(30,30,30,.1); padding: 1.5rem; border-radius: 1rem; min-height: 26rem; }

.card_rec .arg_rec { padding: .5rem .7rem; background-color: var(--light_blue); border-radius: 2rem; color: var(--white); text-align: center; font-size: .75rem; }
.card_rec .date { font-size: .8rem; }

.card_rec h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: .5rem; }
.card_rec .rec_content img { width: 40%; }
.card_rec .rec_content p { color: #6d6d6d; margin-top: 1rem; font-size: .8rem; }






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


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

.play_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 5rem; }



#s_elenco_testi .container:nth-of-type(even) { background-color: var(--light); }



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

#s2_contatti p { font-size: 1.3rem; }
#s2_contatti .link_footer { font-size: 1.2rem; padding: .8rem 1.6rem; }


.link_sec { margin: 2rem 0; }







.regole { padding: 2rem 3rem; }

.regole .number { padding: 1rem; font-size: 1.2rem; width: 4rem; height: 4rem; border-radius: 50%; background-color: var(--black); color: var(--white); font-weight: 700; margin-bottom: 1.5rem; }
.regole:nth-of-type(2) .number { background-color: var(--light_blue); }
.regole:nth-of-type(3) .number { background-color: var(--grey); }

.regole hr { margin: 2rem 0; width: 60%; background-color: var(--grey); }
.regole .p { font-size: 1.1rem; color: var(--blue); }
.regole p { font-size: .95rem; }



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



.filter_wrapper { margin-bottom: 2rem; }
.filter_wrapper .searchandfilter .sf-field-taxonomy-categorie ul li input { position: absolute; left: -9999px; }
.filter_wrapper .searchandfilter .sf-field-taxonomy-categorie ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.filter_wrapper .searchandfilter .sf-field-taxonomy-categorie ul li label { color: var(--grey); padding: 0.4rem 1.4rem; border: 2px solid var(--grey); border-radius: 5rem; margin: 0.25rem 0.5rem; cursor: pointer; transition: .2s ease; }

.filter_wrapper .searchandfilter .sf-field-taxonomy-categorie ul li.sf-option-active label { border-color: var(--black); color: var(--black); }
.filter_wrapper .searchandfilter .sf-field-taxonomy-categorie ul li label:hover { background-color: rgba(var(--grey-rgb),.3); }








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARTICOLI E PUBBLICAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.single_articoli { background-color: #F2F4F4; }
.single_index_block { padding-top: 2.5%; padding-bottom: 2.5%; }

.content_content { padding-left: 5%; position: relative; }
.content_content:after { content: ""; width: .2rem; height: 5rem; background-color: var(--grey); position: absolute; left: 0; top: 0; }

.single_index_block h2 { font-weight: 600; } 
.single_index_block h3 { color: var(--light_blue); }
.single_index_block p { font-family: 'Cabinet Grotesk', sans-serif; font-size: 1.1rem; }
.single_index_block p * { font-size: 100%; }
.single_index_block p sup { font-size: 60%; right: 0; }



.single_cit p { color: var(--light_blue); font-size: 1.5rem; }




.box_prev, .box_form { padding: 3rem 0; border-top: 2px solid var(--grey); }

.box_sidebar h4 { text-transform: uppercase; font-size: 1.2rem; color: var(--blue); font-weight: 700; margin-bottom: 2rem; }
.post_nav { box-shadow: 0 0 .75rem rgba(var(--blue-rgb),.25); border-radius: 1rem; overflow: hidden; }
.post_nav .art_content { padding: 1.5rem; background-color: var(--white); }
.post_nav h2 { font-size: 1.5rem; color: var(--blue); font-weight: 700; }






/* index sidebar */
.box_index h4, .index_nav, .sidebar .box_prev, .sidebar .box_form { display: none; }

.single .sidebar { 
    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;
}
.single .sidebar.active { transform: translateY(0); }


.sidebar .mobile_overlay {
    display: none;
    position: fixed; top: 0; left: 0;
    width: 100vw; height: 100vh;
    background-color: rgba(var(--dark-blue-rgb),.75);
    z-index: 1;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .sidebar .mobile_overlay { 
        -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); 
    }
}
.sidebar .mobile_overlay.active { display: block; }
.sidebar .index {
	display: block; flex: 1 1 auto; position: relative; padding: 0; background-color: var(--white);
	box-shadow: 0 0 .25em rgb(var(--black-rgb),.25); transition: .25s ease; z-index: 2;

	overflow: hidden; 
}
.sidebar .index li { 
    position: relative; width: 100%; 
    display: flex; justify-content: flex-start; align-items: center; 
}
.sidebar .index button {
    font-weight: 400; line-height: 1.25; color: #656565;
    text-align: left;
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
    cursor: pointer;
    transition: .25s ease;
}
.sidebar .index button br { display: none !important; }
.sidebar .index li:hover button, .sidebar .index li:active button { color: var(--blue); }
.sidebar .index li.active button { color: var(--blue); text-decoration: underline; transform: scale(1.05); }


.sidebar .index.opened { max-height: 100%; }
.sidebar .index:before {
    display: inline-block; content: '';
    position: absolute; left: 0; top: 0;
    width: 40px; height: 50px;
    background: url(../images/svg/ico_index.svg) no-repeat center; background-size: 1em;
}
.sidebar .index:after {
    display: inline-block; content: '';
    position: absolute; right: 0; top: 0;
    width: 40px; height: 50px;
    background: url(../images/svg/arrow_down.svg) no-repeat calc(100% - .75em) center; background-size: 1em;
}
.sidebar .index.opened:after { transform: scale(1, -1); }
.sidebar .index .index_wrapper:before, .sidebar .index .index_wrapper:after {
    display: block; content: '';
    position: absolute; left: 0; top: 0;
    width: 100%; height: .625em; background-color: var(--white);
    z-index: 1;
}
.sidebar .index .index_wrapper:after { top: auto; bottom: 0; }
.sidebar .index .index_wrapper {
    display: flex;
    justify-content: flex-start;
    width: 100%; height: 50px;
    overflow: hidden; z-index: 1;
}
.sidebar .index .index_wrapper ul { width: 100%; padding: 0 40px; will-change: transform; transition: .25s linear .025s; }
.sidebar .index .index_wrapper li { padding: 0; }

.sidebar .index ul { position: relative; padding-left: 2.75em; box-sizing: border-box; transition: .25s ease; }
.sidebar .index ul.opened { height: auto; padding-bottom: .75em; }
.sidebar .index li { position: relative; padding-right: 2em; }
.sidebar .index .index_nav li:before {
    display: inline-block; content: '';
    position: absolute; left: 0; top: 50%;
    transform: translate(-1.5em, -50%);
    width: .5em; height: .1em;
    background-color: var( --blue);
}
.sidebar .index li button { width: 100%; font-size: 1.25em; height: 50px; color: var(--blue); text-align: left !important; }
.sidebar .index li button center, .sidebar .index li button span { text-align: left !important; }
.sidebar .index .index_trigger {  position: absolute; top: 0; right: 0; width: 100%; height: 50px; }
.sidebar .index .index_trigger.hide { display: none; }

.sidebar .index .index_nav { display: none; overflow: hidden; transition: auto; }
.sidebar .index .index_nav:before {
    display: inline-block; content: '';
    position: absolute; top: 0; left: 1em;
    width: calc(100% - 2em); height: 1px;
    background-color: #ccc;
}

.sidebar .index li.active button {
    color: var(--blue);
    text-decoration: none;
    transform: none;
}




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




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








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

#sidebar_form { background-color: var(--white); padding: 1.5rem; box-shadow: 0 0 .75rem rgba(var(--blue-rgb),.25); border-radius: 1rem; }

#sidebar_form .form-field input::placeholder, #sidebar_form .form-field textarea::placeholder { color: var(--black); font-family: var(--main-font); }
#sidebar_form .form-field input, #sidebar_form .form-field textarea {
    background-color: transparent; border: 0; border-bottom: 1px solid var(--grey); border-radius: 0; color: var(--black);
    height: auto; line-height: 1.4; padding: .25rem;
}


.wpforms-field-checkbox label a { display: inline-block; }


#sidebar_form .wpforms-submit { padding: .5rem 2.5rem; border: 2px solid var(--black); border-radius: 5rem; background-color: var(--white); font-size: 1.5rem; text-transform: uppercase; color: var(--black); margin: 1rem auto 0 auto; display: block; }
#sidebar_form .wpforms-submit:hover { background-color: var(--blue); color: var(--white); }







#form .form-field input::placeholder, #form .form-field textarea::placeholder { color: var(--black); font-family: var(--main-font); }
#form .form-field input, #form .form-field textarea {
    background-color: transparent; border: 0; border-bottom: 1px solid var(--grey); border-radius: 0; color: var(--black);
    height: auto; line-height: 1.4; padding: .25rem; font-size: 1.1rem; margin: .5rem 0;
}


#form .wpforms-submit { padding: .7rem 2.5rem; border: 2px solid var(--black); border-radius: 5rem; background-color: var(--white); font-size: 1.2rem; text-transform: uppercase; color: var(--black); margin: 1rem auto 0 auto; display: block; }
#form .wpforms-submit:hover { background-color: var(--blue); color: var(--white); }

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


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

#s1_grazie { text-align: center; }
.back_wrapper { margin-top: 2.5%; }
.go_back {
	display: inline-block;
	padding: .75em 1.25em .75em 4.5em;
	border: 1px solid #1e1e1e; border-radius: .5em;
	background: url(../images/svg/back.svg) no-repeat 1.25em center; background-size: 2em;
	font-size: 1.25em; font-weight: bolder; color: #1e1e1e; letter-spacing: .1em; text-transform: uppercase;
}
.go_back:hover, .go_back:active, .go_back:focus { background-color: #888; color: #fff; }




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




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

.pagination { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; }
.pagination ul { padding: 0 1rem; position: relative; }
.pagination li .next, .pagination .prev { display: none; }
.pagination li { border: 0; }

.pagination a, .pagination span {
    width: 2.5rem; height: 2.5rem; padding: 0; display: flex; align-items: center; justify-content: center;
    color: var(--grey); border: 1px solid var(--grey); border-radius: 50%; transition: .2s ease; margin-right: .5rem; 
}
.pagination .current { cursor: default; color: var(--white); font-weight: 700; background-color: var(--blue); border-color: transparent; }

.pagination .current:hover { background-color: var(--blue); color: var(--white); opacity: .5; }
.pagination a:hover, .pagination .dots:hover,
.pagination a:focus, .pagination .dots:focus { background-color: transparent; color: var(--black); }


.pagination .nav-links { display: flex; align-items: center; justify-content: flex-start; padding: 0 1rem; position: relative; margin: 0; }
.pagination .next.page-numbers { display: none; }















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




.head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 320px) / 1600 ) ); }
.scroll { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 320px) / 1600 ) ); }
.back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 320px) / 1600 ) ); }




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


/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
/* Contents */
/* Credits */
/* Back Top */


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


/*∞∞∞∞∞∞ 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 | 480 -> 767
 *
 * Stylesheet: 481px and Up Stylesheet
 * This stylesheet is loaded for larger devices. 
 * It's set to 481px because at 480px it would load on a landscaped iPhone.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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






/**
 *
 *  ▀▀█▀▀  ▄▀▀▄  █▀▀▄  █     █▀▀  ▀▀█▀▀
 *    █    █▀▀█  █▀▀█  █  ▄  █▀▀    █
 *    ▀    ▀  ▀  ▀▀▀   ▀▀▀▀  ▀▀▀    ▀   - TABLET | 768 -> 1280
 *
 * Stylesheet: Tablet & Small Desktop Stylesheet
 * Here's where you can start getting into the good stuff.
 * This size will work on iPads, other tablets, and desktops.
 * So you can start working with more styles, background images, and other resources. 
 * You'll also notice the grid starts to come into play.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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

    /* __ HEADER __ */
    .menu_wrapper { justify-content: flex-start; padding-left: 7%; }
    .bkg_menu { opacity: 1; width: 55%; height: 110%; top: -5%; left: 50%; transform: rotate(-2deg); border-left: 1rem solid var(--grey); overflow: hidden; }
    .bkg_menu_img { transform: rotate(2deg); width: 100%; left: -5%; }


	/*__ FOOTER __*/
    .credits { border-top: 1px solid var(--grey); }
	.credits br { display: none; }
	.credits .resp_sep { display: inline-block; }


    .foot_block { border-left: 1px solid var(--grey); }
    .foot_logo { margin-bottom: -2rem; }

    .pad_bo { padding-bottom: 0; }
    .pad_top { padding-top: 4rem; }



    /* __ PAGE __ */
    #s_elenco_testi .container:nth-of-type(even) { flex-direction: row-reverse; }



    /* __ FORM __ */
    #form .form-field.custom_left { width: 45%; margin-right: 5%; display: inline-block; }
    #form .form-field.custom_right { width: 50%; display: inline-block; }





}



/**
 *
 * Stylesheet: Desktop Stylsheet
 * This is the desktop size. 
 * It's larger than an iPad so it will only be seen on the Desktop.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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

	/*__ HEADER __*/
	/* Overlay */
	.hamburger_btn:hover { opacity: .5; will-change: opacity; }

	.menu_wrapper { padding-left: 12%; }
    .head_menu a { position: relative; font-size: 2.25em; }
    .head_menu a:hover { color: var(--light_blue); transform: translateX(.75rem); }
    /*.head_menu a:before { content: ""; width: 0%; height: 1px; background-color: var(--white); position: absolute; left: -5%; top: 50%; transition: .3s ease-in-out; }
    .head_menu a:hover:before { width: 110%; }*/





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

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


    .footer-nav a:hover { opacity: .5; }



    .box_footer h4 { font-size: calc(var(--h4-size) * 1.4); }

    .margin_on br { display: none; }
    .margin_on p { margin-top: 3rem; margin-bottom: 3rem; font-size: 1.4rem; }







    /* __ HOME __ */
    .swiper .swiper-slide.card_standard, .swiper .swiper-slide.card_pubb { padding-left: .5rem; padding-right: .5rem; }
    .swiper_nav { width: 3em; }


    .card_pubb .art_content { padding: 1.5rem; }







	#top_left, #top_right, #mid_left, #mid_right, #bottom_left, #bottom_right, #center_t, #center_b { opacity: 0; transform-origin: center; transform: scale(.1); transition: .8s ease; }

	#top_left { transition-delay: .1s; }
	#top_right { transition-delay: .1s; }

	#mid_left { transition-delay: .3s; }
	#mid_right { transition-delay: .3s; }

	#bottom_left { transition-delay: .6s; }
	#bottom_right { transition-delay: .6s; }

	#center_t { transition-delay: .4s; }
	#center_b { transition-delay: .4s; }


	.active #top_left, .active #top_right, .active #mid_left, .active #mid_right, .active #bottom_left, .active #bottom_right, .active #center_t, .active #center_b { opacity: 1; transform: scale(1); }





	#s8_home picture { opacity: 1; }




    /* SIDEBAR */

    .s_content.s1_articoli { padding-right: 7%; padding-left: 5%; }
    .content_articoli { width: calc(100% - 20rem); padding-right: 5%; }

    .sidebar .box_prev, .sidebar .box_form { display: block; }
    .single .sidebar { position: sticky; top: 1em; left: auto; flex-wrap: wrap; margin: 0; padding: 0; transform: none; width: 20rem;  margin-top: 5%; display: block; }


    .sidebar .mobile_overlay { display: none !important; }
    .sidebar .index:before, .sidebar .index:after { display: none; }
    .sidebar .index .index_wrapper { display: none !important; }


    .box_index h3 { display: block; }

    .sidebar .index { background: transparent; box-shadow: unset; }
    .sidebar .index .index_nav { display: block !important; padding: 0; padding-bottom: 3rem; }
    .sidebar .index .index_nav:before, .sidebar .index .index_nav li:before { display: none; }

    .sidebar .index .index_nav li { padding: 0; }
    .sidebar .index li button { height: auto; padding: 0.5rem 0; font-size: 100%; font-weight: 700; color: var(--grey); white-space: initial; }
    .sidebar .index li:hover button { color: var(--light_blue); }
    .sidebar .index li.active button { color: var(--blue); transition-delay: .05s; }


    #s3_articoli { display: none; }










    /* __ SINGLE __ */
    .content_articoli h2 { font-size: calc(var(--h2-size) * .5); }


}






/**
 *
 *  █     ▄▀▀▄  █▀▀▄  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  ▄  █▀▀█  █  █   █   █  █  █  █
 *  ▀▀▀▀  ▀  ▀  █▀▀    ▀    ▀▀   █▀▀  - LAPTOP | 1281 -> 1366
 *
 * Stylesheet: Super Large Monitor Stylesheet
 * You can add some advanced styles here if you like. 
 * This kicks in on larger screens.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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

	.link_top_menu { margin-right: 1.1rem; }



    .rel_carousel { padding-left: 3.5rem; padding-right: 3.5rem; }


}






/**
 *
 *  █▀▀▄  █▀▀  ▄▀▀  █ ▄▀  ▀█▀  ▄▀▀▄  █▀▀▄
 *  █  █  █▀▀   ▀▄  █▀▄    █   █  █  █  █
 *  ▀▀▀   ▀▀▀  ▀▀   ▀ ▀▀   ▀    ▀▀   █▀▀  - LAPTOP | 1440 -> 1919
 * __________________________________________________________________________________________________________________________________________________________________________
 */

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


	#s1_home .s1_title { width: 43%; }


}






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

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






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

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






/**
 *
 *  █▀▀▄  █▀▀  ▀▀█▀▀  ▀  █▄ █  ▄▀▀▄
 *  █▐█▀  █▀▀    █    █  █ ▀█  █▀▀█
 *  ▀ ▀▀  ▀▀▀    ▀    ▀  ▀  ▀  ▀  ▀ - RETINA (2x RESOLUTION DEVICES)
 *
 * This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution. 
 * You can also create a media query for retina AND a certain size if you want. 
 * Go Nuts.
 * __________________________________________________________________________________________________________________________________________________________________________
 */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}






/**
 *
 *  █▀▀▄  █▀▀  ▐▌ ▐▌  ▀  ▄▀▀  █▀▀  ▄▀▀
 *  █  █  █▀▀   ▀▄▀   █  █    █▀▀   ▀▄
 *  ▀▀▀   ▀▀▀    ▀    ▀   ▀▀  ▀▀▀  ▀▀  - SPECIFIC DEVICES
 * __________________________________________________________________________________________________________________________________________________________________________
 */


/* If is Device */
@media screen and (max-device-width: 1280px){}
@media screen and (max-device-width: 768px){}
@media screen and (max-device-width: 480px){}