/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Moroni "

BASE (MOBILE) SIZE


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


.ratio-1-1, .squared { padding-bottom: 100%; }		=>	1:1		-> padding-bottom: calc(100% * 1 / 1);
.ratio-16-9 { padding-bottom: 56.25%; }				=>	16:9	-> padding-bottom: calc(100% * 9 / 16);
.ratio-4-3 { padding-bottom: 75%; }					=>	4:3		-> padding-bottom: calc(100% * 3 / 4);
.ratio-3-2 { padding-bottom: calc(100% * 3 / 4); } 	=>	3:2		-> padding-bottom: calc(100% * 2 / 3);
.ratio-8-5 { padding-bottom: 62.5%; }				=>	8:5		-> padding-bottom: calc(100% * 8 / 5); 


*/



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



header, #s_social, .wishlist-feedback { display: none !important; }
.clr { clear: both; }



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





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


.cat_simple_tpl:nth-child(3n+1) {
    clear: left;
}
.cat_simple_tpl:nth-of-type(3n+1) {
    clear: unset;
}




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


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




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

.link_btn {
	display: inline-block; position: relative;
	font: inherit; color: inherit;
	padding: .5em 1em;
	border: 1px solid #3e3e3e;
	background-color: #ccc;
}
.link_btn:hover, .link_btn:focus, .link_btn:active {}

.link_color { 
	background-color: #2980b9; 
	border-color: #; 
	color: #; 
}
.link_color:hover, .link_color:focus, .link_color:active { background-color: #2574a8; }




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

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




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

.slider_nav { width: 3em; top: 50%; transform: translateY(-50%); z-index: 1; }
.slider_prev { left: 0; }
.slider_next { right: 0; }
.slider_nav img { width: 100%; }

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




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

.breadcrumb, .breadcrumb a, .breadcrumb span { color: var(--white); }




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

.scroll {
	display: inline-block;
	position: absolute; left: 50%; bottom: 0; 
	--scroll-px: 40px;
	--scroll-min: 40;
	--scroll-max: 60;
	max-width: 60px;
	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 EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/




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




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








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


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


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

.foot_logo { 
	display: block; 
	--foot-logo-width: 80px;
	--foot-logo-min: 80;
	--foot-logo-max: 120;
	max-width: 120px;
}






footer#new_footer  { background-color: var(--pink); }

#new_footer .foot_logo_new { width: 60%; margin: 0 auto; display: block; }
#new_footer .foot_logo_new img { width: 100%; }


#new_footer .foot_block { padding: 5% 0; text-align: center; border-bottom: 1px solid #fff; }
#new_footer .foot_block p, #new_footer .foot_block a { font-weight: 600; }
#new_footer .foot_block p { margin: .4rem 0; }


#new_footer .social a { display: block; width: 3rem; margin: .7rem; }

#new_footer .fb_2 { text-align: center; }
#new_footer .fb_2 p { font-size: 1.5rem; color: #fff; font-weight: 400; }


#new_footer .fb_3 { border-bottom: unset; }
#new_footer .fb_3 h1 span { font-size: 120%; color: #fff; }
#new_footer .fb_3 h1 { font-weight: 300; line-height: .7; margin-bottom: 1.5rem; }


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

#credits p {
	font-size: .825em; line-height: 1.5;
	margin: 0 auto; text-align: center;
	opacity: .75; z-index: 1;
}
#credits .resp_sep { display: none; }
#credits a { display: inline-block; color: inherit; }
#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%; }





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

h2 { margin-bottom: 1.7rem; }





.bkg_thumb > img { object-position: 10%; }

.s1_title { text-align: right; }

.s1_title * { color: #fff; }
.s1_title hr { width: 4rem; background-color: var(--pink); height: 4px; margin: 5% 0; float: right; }

.s1_page .loghi { position: absolute; bottom: 0; left: 0; }
.s1_page .loghi img { width: auto; height: 2.6rem; margin: .2rem; }




.bkg_azzurro { background-color: var(--lightblue); }
.bkg_azzurro h2 { text-align: center; }


.bkg_blur { background-image: url(blurred_img.jpg); }
.filter_blur { background-color: #1e1e1e; opacity: .1; filter: blur(5px); }



.owl-foto { padding: 5% 0; }
.owl-foto .item { height: 20rem; display: block; }

.nav_btn { position: absolute; top: 50%; width: 3rem; height: 3rem; background-color: var(--pink); z-index: 1; border-radius: 5px; }
.nav_btn img { filter: invert(1); }
.nav_btn.nav_prev { left: 0; transform: translate(-50%, -50%); }
.nav_btn.nav_next { right: 0; transform: translate(50%, -50%); }


.swiper-gallery .swiper-slide { height: 20rem; display: block; }









.white h2, .white p { color: #fff; }




.card-esposizione .bkg_abs { width: 100%; z-index: 2; height: 15rem; }
.card-esposizione .card_content { width: 100%; padding: 5%; padding-top: 17rem; background-color: var(--lightblue); border-radius: 0 0 2rem 0; }

.card-esposizione h2 { font-size: calc(var(--h2-size) * .8); }

.date { text-transform: uppercase; letter-spacing: 2px; margin-bottom: 1rem; }
.pointer { font-weight: 700; font-weight: calc(var(--rem) * .9); }
.pointer span { text-transform: uppercase;  }

a.link { display: inline-block; background-color: var(--pink); color: #fff; padding: .6rem 1.4rem; text-transform: uppercase; margin-top: 1rem; font-weight: 600;
	border: 1px solid var(--pink); }
a.link:hover { background-color: var(--white); color: var(--pink); }

.pointer { padding-left: 2.5rem; background-position: left; background-size: 1.5rem 100%; background-repeat: no-repeat; background-image: url(pointer.svg); }





.cat_simple_content, .cat_simple_i { background-color: transparent; }
.event_date h4 { font-size: calc(var(--rem) * 1.1); background-color: var(--pink); padding: .5rem; }

/*.cat_simple_tpl a.cat_simple_title h3 { color: #fff; }*/
.cat_simple_tpl a.cat_simple_title h3 { line-height: 1.2; }
.cat_simple_tpl a.event_title h3 { font-size: 1.8rem; }

.cat_simple_tpl p.icon-location { font-size: 1.3rem; font-weight: 600; }
.event_cat, p.event_excerpt { font-size: var(--rem); margin-top: 1rem; }





.duble_column p { margin: .7rem 0; }





.s5_page .container { max-width: 1400px; }
.flex_content { justify-content: space-between; }

.experience-item { width: 100%; }
.experience-item .p20 { padding: 20px; }

.sezione_vendita { padding: 5% 0; }







.loop_opere { display: block; column-count: 2; grid-gap: .5rem; padding-top: 5%; }
.opera_masonry { display: block; width: 100%; margin-bottom: .5rem; background-color: #1e1e1e; }

.zoom { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: .3s ease; opacity: 0; width: 15%; height: auto; }
.opera_masonry:hover .zoom { opacity: 1; }

.opera_masonry img.opera { transition: .3s ease; }
.opera_masonry:hover img.opera { opacity: .5; }


.sub_page { display: none; position: fixed; top: 0%; left: 0; width: 100%; height: 100%; /*background-color: rgba(30,30,30,.8);*/ z-index: 140; }
.sfondo_fixed { background-color: #fff; width: 80%; margin: 0 auto; height: 95vh; margin-top: 5vh;
	overflow-y: scroll; padding: 2.5%; box-shadow: 0 0 10px rgba(30,30,30,.2); }
.sub_page .filter_black { opacity: .8; }

.desc_opera { padding: 5%; padding-top: 0; }
.desc_opera h2 { margin-top: .7rem; font-size: calc(var(--h2-size) * .7); }
.desc_opera p, .desc_opera ul { margin: .9rem 0; }

.sfondo_fixed::-webkit-scrollbar { width: 6px; background-color: #ffffff; }
.sfondo_fixed::-webkit-scrollbar-thumb { width: 6px; background-color: var(--pink); }


.close { position: absolute; top: 1.3rem; right: 1.3rem; width: 3rem; cursor: pointer; transition: .2s ease; }
.close:hover { opacity: .7; }




.sponsor_collab hr { margin: 3% 0; height: 2px; background-color: #ccc; width: 100%; }
.loghi_container h3 { width: 100%; margin-bottom: .7rem; }

.logo_sp img { object-fit: contain; height: 100%; width: auto; max-width: 100%; }



.logo_sp { display: flex; justify-content: center; align-items: center; width: auto; max-width: 10rem; height: 6rem; margin: .8rem 1rem; }



.in_collaborazione_con .logo_sp { max-width: 16rem; }
.con_il_sostegno_di .logo_sp, .main_partner .logo_sp { max-width: 16rem; }
.sponsor .logo_sp, .supporter .logo_sp { max-width: 13rem; }







.main_sponsor .logo_sp { max-width: 17rem; height: 4rem; }

















.menu_fixed_desktop { display: none; }

.menu_fixed_mobile ul { list-style: none !important; }
.menu_fixed_mobile { position: absolute; top: 10px; z-index: 6; width: 90%; left: 0; right: 0; margin: auto;
	background: no-repeat right top; background-image: url(select.svg); background-size: 2rem; border: 0; border-bottom: 1px solid #fff; text-overflow: ellipsis;
	height: 2rem; overflow: hidden; }

.menu_fixed_mobile button { color: var(--white); color: #fff; text-align: left; text-overflow: ellipsis; background-color: transparent !important; width: 100%;
	text-transform: uppercase; font-weight: 500; line-height: 1; padding: .5rem 2rem .5rem .5rem; }

.menu_fixed_mobile.fixed { position: fixed; box-shadow: 0 0 10px rgb(30 30 30 / 30%); background-color: var(--pink); border: 0; }

.menu_fixed_mobile button.index { border-bottom: 1px solid rgba(255,255,255,.5); }

.menu_fixed_mobile.open { height: auto; background-color: rgba(var(--pink-rgb),1); border-bottom: 0; background-image: url(select-invert.svg); }



/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * 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
 *
 * __________________________________________________________________________________________________________________________________________________________________________
 */


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

	.head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 320px) / 1600 ) ); }
	.hamburger_btn { font-size: calc( var(--hamburger-px) + ( var(--hamburger-max) - var(--hamburger-min) ) * ( (100vw - 320px) / 1600 ) ); }

	.scroll { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 320px) / 1600 ) ); }

	.foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-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) {

	/*__ FOOTER __*/
	#credits br { display: none; }
	#credits .resp_sep { 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 { font-size: 25px; }
	.hamburger_btn:hover {  }
	.hamburger_btn.tapped:hover {  }

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

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



	.s1 .container { padding: 5%; align-items: flex-end !important; }

	.s1_page .loghi img { width: 9rem; height: auto; margin: 1rem; }
	.s1_page .loghi { flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative; }

	.s1_title { padding: 0; }
	.s1_title h1 { font-size: calc(var(--h1-size) * 1.8); }


	.owl-foto { padding: 2% 0; }
	.owl-foto .item { height: 25rem; }
	.owl-nav button { width: 3.5rem; height: 3.5rem; }


	.s5_page .grid {  }
	/*.duble_column p { column-count: 2;column-gap: 5%; }*/
	.due_colonne{ column-count: 2; column-gap: 5%; }
	.due_colonne p { margin: 1.5rem 0; }

	.card-esposizione .bkg_abs { width: 30%; z-index: 2; height: 100%; }
	.card-esposizione .card_content { width: 100%; padding: 5%; padding-left: 35%; }


	.sezione_vendita { padding: 0; }

	.loop_opere { column-count: 3; grid-gap: 1rem; }
	.opera_masonry { margin-bottom: 1rem; }



	.testo_download .duble_column { width: calc(100% - 15rem); }
	.testo_download .download_pdf img { width: 14rem; margin: .5rem; }


	/*
	.logo_sp { display: block; margin: .8rem; width: initial; }
	.logo_sp img { object-fit: contain; height: 5rem; width: auto; max-width: 100%; }

	.extra_min_height .logo_sp img { height: 2rem; }
	.min_height .logo_sp img { height: 3rem; }
	.max_height .logo_sp img { height: 6rem; }

	.main_sponsor img { height: 5rem; margin: 1rem 2rem; }
	*/

	.sponsor { border-right: 2px solid #ccc; }
	.contant_partner { border-right: 2px solid #ccc; border-left: 2px solid #ccc; }



	.menu_fixed_mobile { display: none; }
	.menu_fixed_desktop { display: block; }

	.menu_fixed_desktop { position: absolute; top: 20px; z-index: 3; }
	.menu_fixed_desktop ul { justify-content: ; list-style: none !important; }

	.menu_fixed_desktop ul li { width: calc(100% / 6); text-align: center; position: relative; }
	.menu_fixed_desktop ul li:after { content: ""; width: 1px; height: calc(var(--rem) * 1); background-color: var(--pink);
		position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

	.menu_fixed_desktop button { padding: .4rem; font-size: calc(var(--rem) * .8); background-color: transparent; color: #fff; text-transform: uppercase; font-weight: 500; line-height: 1.1; position: relative; }
	.menu_fixed_desktop button:hover { background-color: transparent; }

	.menu_fixed_desktop button:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0; height: 1px; background-color: #fff; transition: .3s ease; }
	.menu_fixed_desktop button:hover:after { width: 100%; }

	.menu_fixed_desktop.fixed { position: fixed; background-color: var(--pink); top: 0; box-shadow: 0 5px 10px rgb(30 30 30 / 20%); }
	.menu_fixed_desktop.fixed ul li:after { background-color: var(--white); }

}






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


	#new_footer .fb_1 { text-align: left; }
	#new_footer .fb_3 { text-align: right; }

	#new_footer .foot_block { padding: 2.5%; border: 0; }

	#new_footer .foot_block .foot_logo_new { margin: 0 0 1rem 0; }
	#new_footer .foot_block p { margin: .5rem; }
	#new_footer .foot_block p a:hover { color: var(--lightblue) !important; }

	#new_footer .fb_2 p { font-size: calc(var(--rem) * 1.5); }
	#new_footer .fb_2 { border-left: 1px solid #fff; border-right: 1px solid #fff; }

	.foot_block hr { float: right; }

}






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

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

	h2 { margin-bottom: 5%; }

	.s1 .container { padding-bottom: 10rem; height: 100vh; padding-left: calc(5% * var(--oriz-ratio)); padding-right: calc(5% * var(--oriz-ratio)); }
	.s2_page .bkg_azzurro { margin-top: -10rem; }

	.s1_title h1 {
	    font-size: calc(var(--h1-size) * 2.5);
	    font-weight: 200;
	    line-height: 0.7;
	    font-weight: 200;
	    margin-bottom: 2rem;
	}
	.s1_title h1 span { font-size: 120%; }

	.filter_black { opacity: .2; }
}






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