/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Agnelli Metalli "

BASE (MOBILE) SIZE

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




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


.header { z-index: 4; padding: .625rem; position: fixed; top: 0; }
.head_wrapper { z-index: 2; box-shadow: 0 0 60px 0 rgba(255, 255, 255, 0.25); border-radius: .75rem; }




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

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




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

.bottom_head { display: none; }
.close_submenu { display: none; position: fixed; }


/* Top */
.top_head { padding: 1rem; background-color: rgb(var(--black-rgb) / 75%); backdrop-filter: blur(1.5rem); border-radius: var(--br) ; z-index: 1; }

.btn_cerca { color: var(--white); gap: .5rem; }
.btn_cerca svg { width: 1rem; }









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

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

/* Tapped / Clicked animation */
#hamburger.tapped span { transition: .25s ease; }
#hamburger.tapped .burger { opacity: 0; }
#hamburger.tapped .top_bun { top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
#hamburger.tapped .bottom_bun { top: 50%; transform: translate(-50%,-50%) rotate(-45deg); }




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

#main_nav { display: none; min-height: 100dvh; position: absolute; top: 0; left: 0; z-index: 1; backdrop-filter: blur(.5rem); -webkit-backdrop-filter: blur(.5rem); background-color: rgb(var(--black-rgb) / 90%); }
#main_nav .menu_wrapper { top: 0; left: 0;  }
#main_nav .menu_wrapper > div { width: 100%; padding: 0 var(--c10o); }

#main_nav .menu li:not(.w50) { width: 100%; }
#main_nav .menu li a { font-size: 1.25em; color: var(--white); padding: .375rem 0; }
#main_nav .menu li.menu-item-object-custom a { font-size: 1em; text-transform: uppercase; opacity: .5; margin-top: 1rem; padding-top: 1.375rem; border-top: 1px solid #ccc; }





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

.search_wrapper { top: 0; left: 0; z-index: 4; backdrop-filter: blur(.5rem); -webkit-backdrop-filter: blur(.5rem); background-color: rgb(var(--black-rgb) / 90%); display: none; }
.filter.close { pointer-events: initial; }

button.close { position: absolute; top: 1rem; right: 1rem; width: clamp(2rem, 4vw, 4rem); z-index: 1; }


.search_wrapper .searchInput { margin-top: var(--c7v); overflow: hidden; max-width: 40rem; width: 90%; }
.search_wrapper .searchInput .input_wrapper { background-color: transparent; width: 100%; margin: 0 auto; }
.search_wrapper .searchInput input { padding: 1rem; width: 100%; font-size: 1rem; background-color: transparent; color: var(--white); font-weight: 500; border: 1px solid #ccc; outline: unset; }
.search_wrapper .searchInput input::placeholder { font-size: 1rem; color: var(--grey); }

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


.search_wrapper .wrapper_datafetch { margin-top: .5rem; z-index: 1; position: relative; }
.search_wrapper .search_result { overflow-y: scroll; height: 45vh; z-index: 1; position: relative; }
.search_wrapper .search_result ul { background-color: var(--white); padding: 1rem 0; }
.search_wrapper .search_result ul + ul { border-top: 1px solid var(--grey); }
.search_wrapper .search_result p { padding: .25rem 1rem; color: var(--black); opacity: .5; text-transform: uppercase; font-size: 18px; }
.search_wrapper .search_result::-webkit-scrollbar { width: 8px; background-color: var(--grey); }
.search_wrapper .search_result::-webkit-scrollbar-thumb { width: 8px; background-color: var(--black); }




.box_search { display: flex; align-items: center; justify-content: flex-start; gap: .5rem; font-weight: 500; padding: .25rem 1rem; color: var(--black); }
.box_search img { width: 1rem; height: 1rem; }
.box_search:hover { opacity: .75; }







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


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

.link { display: inline-block; position: relative; width: fit-content; padding: .25rem .375rem; font: inherit; font-size: var(--rem); color: var(--white); color: var(--grey); text-transform: uppercase; }

.link::after { content: ""; width: 1px; height: .5rem; position: absolute; top: 0; right: 0; background-color: var(--grey); transition: .25s ease; }
.link::before { content: ""; width: .5rem; height: 1px; position: absolute; top: 0; right: 0; background-color: var(--grey); transition: .25s ease; }
.link span::after { content: ""; width: 1px; height: .5rem; position: absolute; bottom: 0; left: 0; background-color: var(--grey); transition: .25s ease; }
.link span::before { content: ""; width: .5rem; height: 1px; position: absolute; bottom: 0; left: 0; background-color: var(--grey); transition: .25s ease; }

.link:hover { transform: scale(1.1); }
.link:hover::after, .link:hover span::after { height: 100%; }
.link:hover::before, .link:hover span::before { width: 100%; }





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

.filter_rl { background: linear-gradient(to left, #0a0a0a 33%, transparent ); }
.filter_lr { background: linear-gradient(to right, #0a0a0a 33%, transparent ); }




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

.pt_custom { padding-top: calc( 96px + ( 187 - 96 ) * ( (100vw - 320px) / 1600 ) ); }


.texture { pointer-events: none; width: 45%; height: auto; aspect-ratio: 1 / 1; opacity: 0.2; z-index: -1; }
.texture.br { position: absolute; bottom: 0%; right: 0%; transform: translate(50%, 50%); }
.texture.bl { position: absolute; bottom: 0%; left: 0%; transform: translate(-50%, 50%); }
.texture.tr { position: absolute; top: 0%; right: 0%; transform: translate(50%, -50%); }
.texture.tl { position: absolute; top: 0%; left: 0%; transform: translate(-50%, -50%); }

.radial { background: radial-gradient(ellipse at center,  rgb(var(--white-rgb)) 0%,rgba(255,255,255,0) 60%, rgb(var(--white-rgb) / 0) 100%); }


.tt { text-transform: uppercase; color: var(--grey); }
.black .tt { color: rgb(var(--black-rgb) / 62.5%); }





.ico { width: 8rem; max-width: 80%; aspect-ratio: 1 / 1; }
.ico img { width: 50%; height: auto; transition: .25s ease; }
.ico .top_r::after { content: ""; width: 1px; height: .5rem; position: absolute; top: 0; right: 0; background-color: var(--grey); transition: .25s ease; }
.ico .top_r::before { content: ""; width: .5rem; height: 1px; position: absolute; top: 0; right: 0; background-color: var(--grey); transition: .25s ease; }
.ico .top_l::after { content: ""; width: 1px; height: .5rem; position: absolute; top: 0; left: 0; background-color: var(--grey); transition: .25s ease; }
.ico .top_l::before { content: ""; width: .5rem; height: 1px; position: absolute; top: 0; left: 0; background-color: var(--grey); transition: .25s ease; }
.ico .bottom_r::after { content: ""; width: 1px; height: .5rem; position: absolute; bottom: 0; right: 0; background-color: var(--grey); transition: .25s ease; }
.ico .bottom_r::before { content: ""; width: .5rem; height: 1px; position: absolute; bottom: 0; right: 0; background-color: var(--grey); transition: .25s ease; }
.ico .bottom_l::after { content: ""; width: 1px; height: .5rem; position: absolute; bottom: 0; left: 0; background-color: var(--grey); transition: .25s ease; }
.ico .bottom_l::before { content: ""; width: .5rem; height: 1px; position: absolute; bottom: 0; left: 0; background-color: var(--grey); transition: .25s ease; }


.ico.white .top_r::after,
.ico.white .top_r::before,
.ico.white .top_l::after,
.ico.white .top_l::before,
.ico.white .bottom_r::after,
.ico.white .bottom_r::before,
.ico.white .bottom_l::after,
.ico.white .bottom_l::before { background-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_wrp { gap: .75rem; }

.nav_btn { width: 3.5em; padding: .25em; z-index: 1; cursor: pointer; transition: .25s ease; }
.nav_btn.abs { top: 50%; transform: translateY(-50%); }

.nav_btn :where(img, svg) { width: 100%; }
.nav_btn svg path { fill: var(--black); transition: .25s ease; }

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

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







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

/* Social */
.social {}
.social a { display: inline-block; width: 3.5em; padding: .25em; }
.social a :where(img,svg) { width: 100%; }
.social a svg path { transition: .25s ease; }




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

/*
 * Se presenti position sticky, ricordarsi di disattivare nel foundation l' "overflow: hidden;" del "main" - riga 360
 * Il valore "top" è indispensabile ed è l'offset dal top dello schermo se impostato
 */
.sticky { top: 15vh; }




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

#breadcrumb { display: flex; align-items: center; justify-content: flex-start; 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); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Text */
.trigger.text :where(h1, h2, h3) { transform: translateY(100%); opacity: 0; transition: transform 1s cubic-bezier(0.69, 0, 0.23, 1), opacity 1s cubic-bezier(0.69, 0, 0.23, 1); }
.trigger.text :where(p, li, p a, li a, .logo_alexia) { transform: translateY(100%); opacity: 0; transition: transform 1s cubic-bezier(0.69, 0, 0.23, 1) .25s, opacity 1s cubic-bezier(0.69, 0, 0.23, 1) .5s; }
.trigger.text .link { transform: translateY(100%); opacity: 0; transition: all .25s ease, transform 1s cubic-bezier(0.69, 0, 0.23, 1) .25s, opacity .75s cubic-bezier(0.69, 0, 0.23, 1) .5s; }

.trigger.text.active :where(h1, h2, h3), .trigger.text.active :where(p, li, p a, li a, .logo_alexia), .trigger.text .link { transform: translateY(0); opacity: 1; }


/* Immagine */
.trigger.sec_img { clip-path: inset(0 0 100% 0); transition: 1s cubic-bezier(.76,0,.24,1); }
.trigger.sec_img img { transform: scale(1.6); opacity: 0; transition: 2s cubic-bezier(.76,0,.24,1) -.25s, opacity .1s ease; will-change: transform; }

.trigger.active.sec_img { clip-path: inset(0 0 0 0); transform: scale(1); }
.trigger.active.sec_img img { transform: scale(1); opacity: 1; }








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


footer { padding: 1rem; background-color: black; overflow: hidden; }
footer .bkg_abs { background-image: url(../images/webp/footer.webp); }
footer .filter_rl { background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); width: 75%; }
footer .filter_lr { background: linear-gradient(270deg, #000 20%, rgba(0, 0, 0, 0.00) 100%); width: 45%; right: 0; left: unset; }
footer .ultima_barra::after, footer .doppie_barre::after, footer .doppie_barre::before { background-color: black; }

footer .texture { z-index: 1; }



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


/* Foot Logo */
.foot_logo { 
	display: inline-block; 
	--foot-logo-width: 240px;
	--foot-logo-min: 240;
	--foot-logo-max: 380;
	max-width: 380px;
}
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block.tar_mobile p { margin-top: 1rem; font-size: 1em; }
.foot_block p { font-size: 1.25em; color: var(--white); margin-top: 2em; }
.foot_block p a { font: inherit; }
.foot_block p a:hover { opacity: .5; }






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

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




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

#back_top {
	display: none; z-index: 2; 
	bottom: .5em; right: .5em;
	--back-top-px: 40px;
	--back-top-min: 40;
	--back-top-max: 50;
	max-width: 50px; 
	cursor: pointer; transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; }
#back_top svg path { fill: var(--white); }








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


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

.s1 { overflow: hidden; }
.s1 .texture { top: calc(100vh - 20%); opacity: .1; }


.hcustom { min-height: 60vh; }


.sec_img_s1::after { content: ""; width: 0.5rem; height: 100%; position: absolute; left: calc(25% - .5rem); top: 0; background: var(--black); }
.s1 .ratio-1-1::after { content: ""; width: 0.5rem; height: 100%; position: absolute; left: calc(75% - .5rem); top: 0; background: var(--black); }
.s1 .ratio-1-1::before { content: ""; width: 0.5rem; height: 100%; position: absolute; left: calc(50% - .5rem); top: 0; background: var(--black); }

.sec_img_s1 video { z-index: -1 }



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








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


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




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

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




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








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


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




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

.card_prod_home h3 {
	font-size: 1.5rem; position: absolute; top: 0; left: 0;
	transition: .25s ease; background-color: var(--black); z-index: 1; 
	margin-bottom: 1.5rem; padding: 1rem 0 3rem 1rem; 
}
.card_prod_home h3::after { content: ""; width: 100%; height: 1px; background-color: var(--grey); position: absolute; bottom: 1.5rem; left: 0; transition: .25s ease; }

.card_prod_home button { color: var(--white); text-transform: uppercase; opacity: 0; margin-top: 2rem; }
.card_prod_home .pic_container { height: 25rem; }
.card_prod_home picture { transition: .25s ease; height: 100%; }
.card_prod_home picture img { transition: .25s ease; }

.card_prod_home:hover h3 { background-color: transparent; }
.card_prod_home:hover h3::after { left: 1rem; width: calc(100% - 2rem); }
.card_prod_home:hover picture img { filter: brightness(.5); }
.card_prod_home:hover button { opacity: 1; }



#s2_home .container { padding-right: var(--c5o); }
#s2_home .swiper-wrapper { display: grid; gap: 1.5rem; padding-right: var(--c5o); }


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

#s3_home .filter_black { opacity: 0.8; }


.ultima_barra::after { content: ""; width: 0.5rem; height: 100%; position: absolute; left: 25%; top: 0; background: var(--black); }
.doppie_barre::after { content: ""; width: 0.5rem; height: 100%; position: absolute; left: 75%; top: 0; background: var(--black); }
.doppie_barre::before { content: ""; width: 0.5rem; height: 100%; position: absolute; left: 50%; top: 0; background: var(--black); }



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

.logo_alexia { width: 35%; margin-bottom: 2rem; }




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

.wrapper_servizi { gap: 1.5rem .75rem; }

.box_serv { padding: 2rem 1rem; border-radius: 1rem; transition: .25s ease; aspect-ratio: 4 / 5; border: 1px solid var(--grey); }
.box_serv .ico img { filter: invert(1); transition: .25s ease; }
.box_serv h3 { color: var(--white); transition: .25s ease; margin-top: 2rem; font-size: clamp(1.25rem, 4vw, 1.75rem); }
.box_serv p { color: var(--white); transition: color .25s ease; margin-top: 1rem; font-size: clamp(.85rem, 4vw, 1rem); }

.box_serv:hover { background-color: rgb(var(--white-rgb) / 75%); }
.box_serv:hover :where(p, h3) { color: var(--black); }
.box_serv:hover .ico img { filter: invert(0); }
.box_serv:hover .ico .top_r::after,
.box_serv:hover .ico .top_r::before,
.box_serv:hover .ico .top_l::after,
.box_serv:hover .ico .top_l::before,
.box_serv:hover .ico .bottom_r::after,
.box_serv:hover .ico .bottom_r::before,
.box_serv:hover .ico .bottom_l::after,
.box_serv:hover .ico .bottom_l::before { background-color: var(--black); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 7 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s7_home .text h2 { font-family: var(--manifont); }


.alu_texture { background-image: url(../images/webp/texture.webp); opacity: 0.25; mix-blend-mode: multiply; }

.wrapper_loghi .logo_gruppo { max-width: calc(50% - (var(--c7o) / 2)); }
.wrapper_loghi .logo_gruppo img { width: 80%; }
.logo_gruppo:hover { transform: scale(.95); }




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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CHI SIAMO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s6_chisiamo h2 { font-family: var(--manifont); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SERVIZI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Sec 3 */
.card_accordion { border-bottom: 1px solid var(--grey); width: calc(100% - 2rem); }

.accordion_head { gap: 1rem; padding: 2.5rem 0; cursor: pointer; }
.accordion_head > img { width: 4rem; filter: invert(1); }
.accordion_head .ico { width: 2rem; position: absolute; bottom: 0; right: 0; transform: translate(130%, 50%); }
.accordion_head .ico img { width: 100%; left: 0; top: 0; }
.accordion_head .ico .minus { display: none; }
.accordion_head.active .ico .minus { display: block; }
.accordion_head.active .ico .plus { display: none; }


.accordion_text { padding: 1rem 0; padding-bottom: 2.5rem; display: none }
.accordion_text .img { background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(30px); box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.50); padding: 1rem; border-radius: var(--br); }
.accordion_text .img img { object-fit: contain; }




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

/* Section 2 */
#s2_contatti p { font-size: 1.25em; color: var(--white); }
#s2_contatti p a { font: inherit; }
#s2_contatti p a:hover { opacity: .5; }


/* Section 3 */
.wrapper_responsabili { gap: 1rem; }

.box_resp { background-color: var(--black); border-radius: var(--br); border: 1px solid rgb(var(--white-rgb) / 50%); box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.125); padding: 1.5rem; }
.box_resp i { opacity: .5; font-size: .85rem; font-weight: 300 }
.box_resp h3 { width: 100%; font-size: 1.5rem; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); padding-bottom: 1.25rem; margin-bottom: 1rem; margin-top: 1rem; }
.box_resp p { font-weight: 700; font-size: .95rem; }
.box_resp p a { font: inherit; }
.box_resp p a:hover { opacity: .5; }



.sec_map iframe { aspect-ratio: 4 / 3; border-radius: var(--br); }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PAGINE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Tabelle */
.tab h2 { margin-bottom: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }

.sec_tab .tablepress { --padding: .5rem; }
.sec_tab .sinistra .tablepress, .sec_tab .sinistra .tablepress>:where(tbody)>tr>* { text-align: left !important; }

.sec_tab .scroll_table { overflow-y: clip; overflow-x: scroll; }
.sec_tab .scroll_table::-webkit-scrollbar { height: 5px; background-color: #353535; }
.sec_tab .scroll_table::-webkit-scrollbar-thumb { height: 5px; background-color: var(--grey); }


.sec_tab .tablepress, .sec_tab .tablepress>:where(tbody)>tr>* { text-align: center; }
.sec_tab .tablepress>:where(thead,tfoot)>tr>* { background: transparent; padding: .75rem; text-align: center; }
.sec_tab .tablepress tbody tr, .sec_tab .tablepress tbody tr td { background-color: transparent !important; color: var(--white) !important; font-size: 16px !important; vertical-align: middle; }

.sec_tab .tablepress > thead { position: relative; }
.sec_tab .tablepress > thead::after { 
	content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;
	background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(2rem); border-radius: var(--br) var(--br) 0 0; 
}


.sec_tab .tablepress-table-description { color: var(--white); }



.sec_tab .tablepress td,
.sec_tab .tablepress th { border: 1px solid var(--grey); }
.sec_tab .tablepress tr:first-child td,
.sec_tab .tablepress tr:first-child th { border-top: none; }
.sec_tab .tablepress tr td:first-child,
.sec_tab .tablepress tr th:first-child { border-left: none; }
.sec_tab .tablepress tr:last-child td,
.sec_tab .tablepress tr:last-child th { border-bottom: none; }
.sec_tab .tablepress tr td:last-child,
.sec_tab .tablepress tr th:last-child { border-right: none; }

.sec_tab .tablepress tr { position: relative; }
.sec_tab .tablepress tr::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--white); opacity: 0; pointer-events: none; }
.sec_tab .tablepress tr:hover::after { opacity: .1 }






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

#s1_archivio .s1_title p { font-size: 1.75em; margin-top: 1rem; color: var(--grey); }


.wrapper_prodotti .cat_menu { padding: 0; width: 100%; }
.wrapper_prodotti .cat_menu > p { text-transform: uppercase; font-weight: 300; font-size: 1rem; color: var(--white); opacity: .5; margin-bottom: 1.5rem }


.wrapper_prodotti { gap: 0 2rem; }
.wrapper_prodotti.cat { gap: var(--c5v) 2rem; }
.wrapper_prodotti a { color: var(--white); font-size: 1.25em; padding-left: 0; padding-bottom: .75rem; margin-bottom: .75rem; border-bottom: 1px solid var(--grey); }
.wrapper_prodotti a img { filter: invert(1); margin-right: 1rem; }
.wrapper_prodotti a:hover { opacity: .5 }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE FOTOVOLTAICO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_prodotti.foto { gap: 2rem; }
.wrapper_prodotti.foto a { align-items: flex-end; padding-left: 0; padding-right: 0; }
.wrapper_prodotti.foto a img { width: auto; height: 5rem; filter: invert(0); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVIO FERRAMENTA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_rivenditori { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.wrapper_rivenditori .img_blurred { width: 100%; }
.wrapper_rivenditori a:hover { transform: scale(.95); }







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








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE PRODOTTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Sec 1 */
.s1_single .icona_prodotto { filter: invert(1); }


/* Sec 2 */
.prod img { object-fit: contain; width: auto; max-width: 15rem; max-height: 10rem; filter: invert(1); mix-blend-mode: plus-lighter; margin: 2.5rem 0; }
.contain img { object-fit: contain; max-height: 20rem; }

/*.s2_single .contain { margin-top: var(--c5v); width: 100%; }
.s2_single .contain img { display: block; margin: 0 auto; width: 25rem; max-width: 100%; max-height: 25rem; object-fit: contain; }*/


/* Pannelli*/
.wrapper_elenco_prodotti { grid-template-columns: 1fr 1fr; gap: 1rem; }
.wrapper_elenco_prodotti .img_blurred { padding: 0; overflow: hidden; }
.wrapper_elenco_prodotti .img_blurred .text { padding: 1rem; }
.wrapper_elenco_prodotti .img_blurred .text p { font-size: 1rem; color: var(--black); line-height: 1.125; }



/* Sidebar */
.sidebar { padding: 1.5rem; background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(30px); border-radius: var(--br); }
.sidebar > p.tit { font-size: 1.25rem; color: var(--black); text-transform: uppercase; font-weight: 300; margin-bottom: 1rem; }

.card_side { border-bottom: 1px solid var(--grey); }
.card_side:last-of-type { border-bottom: 0; }

.side_head { gap: 1rem; padding: 1rem 0; cursor: pointer; }
.side_head h3 { width: calc(100% - 3rem); font-size: 1.125rem; color: var(--black); text-transform: uppercase; font-weight: 300; }
.side_head .ico_acc { width: 1.75rem; }
.side_head .ico_acc img { width: 100%; filter: invert(1); top: 0; left: 0; }

.side_text { display: none; padding-bottom: 1rem; }
.side_text a { padding-left: 0; color: var(--black); opacity: .5; font-size: .8rem; padding: .125rem 0; }
.side_text a img { width: 0.8rem; height: 0.8rem; }
.side_text a:hover { opacity: 1; }


.sidebar a.no_acc { padding: .5rem 0; }









/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE LANDIING ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_text_tab { gap: 2rem; }
.wrapper_text_tab img { width: 10rem; object-fit: contain; filter: invert(1); mix-blend-mode: plus-lighter; }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE RIVENDITORI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.img_blurred { background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(30px); box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.50); padding: 1rem; border-radius: var(--br); }
.img_blurred img { object-fit: contain; }


.custom_li ul { list-style: none; margin-left: 0; }
.custom_li li { list-style: none; margin-left: 0; padding-top: 1rem; margin-top: 1rem; border-top: 1px solid var(--grey); }
.custom_li > ul > li:first-of-type { border-top: 0; padding-top: 0; }
.custom_li li:last-of-type { border-bottom: 1px solid var(--grey); padding-bottom: 1rem; }

.custom_li ul + li { border-top: 0; }
.custom_li ul li ul li { padding-left: 2rem; }
.custom_li ul li ul li:last-of-type { border-bottom: 0; padding-bottom: 0; }






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


#sec_form .wrapper { background-color: #0a0a0a; padding: var(--c7v) var(--c5o); }


#form .wpforms-field { margin-bottom: 1em; }
#form .wpforms-field label { color: var(--white); }

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 0; border-bottom: 1px solid var(--white); border-radius: 0;
	padding: 0 0 .5rem 0; font-size: 1rem; color: var(--white); line-height: 1;
}
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--white); opacity: 0; }

#form .wpforms-field:not(.wpforms-field.wpforms-field-checkbox) label { cursor: pointer; font-size: 1rem; font-weight: 400; color: var(--white); opacity: 1; transform: translate(0, 1.5rem); transform-origin: left; transition: .125s ease; }
#form .wpforms-field:not(.wpforms-field.wpforms-field-checkbox).up label { transform: translateY(0) scale(.75); opacity: .75; }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: 10px; border-color: var(--white); background: transparent no-repeat center / 18px; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li label { color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--grey); }

#form .wpforms-container .wpforms-required-label { color: #840000; }


#form .wpforms-field:last-of-type { margin-bottom: .25rem }
#form .wpforms-submit-container { display: flex; align-items: center; justify-content: flex-end; }
#form button[type=submit] {}


#form button[type=submit] {
	background-color: transparent; border-radius: 0; border: 0;
	display: inline-block; position: relative; width: fit-content; padding: .25rem .375rem; 
	font: inherit; font-size: var(--rem); color: var(--white); color: var(--grey); 
}
#form button[type=submit] span { font: inherit; font-size: var(--rem); color: var(--white); color: var(--grey); text-transform: uppercase; }

#form button[type=submit]::after { content: ""; width: 1px; height: .5rem; position: absolute; top: 0; right: 0; background-color: var(--grey); transition: .25s ease; }
#form button[type=submit]::before { content: ""; width: .5rem; height: 1px; position: absolute; top: 0; right: 0; background-color: var(--grey); transition: .25s ease; }
#form button[type=submit] span::after { content: ""; width: 1px; height: .5rem; position: absolute; bottom: 0; left: 0; background-color: var(--grey); transition: .25s ease; }
#form button[type=submit] span::before { content: ""; width: .5rem; height: 1px; position: absolute; bottom: 0; left: 0; background-color: var(--grey); transition: .25s ease; }

#form button[type=submit]:hover { transform: scale(1.1); }
#form button[type=submit]:hover::after, #form button[type=submit]:hover span::after { height: 100%; }
#form button[type=submit]:hover::before, #form button[type=submit]:hover span::before { width: 100%; }












/**
 *
 *  █▀▀  █  █  ▀▀█▀▀  █▀▀▄  ▄▀▀▄
 *  █▀▀  ▄▀▀▄    █    █▐█▀  █▀▀█
 *  ▀▀▀  ▀  ▀    ▀    ▀ ▀▀  ▀  ▀ - 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 ) ); }
#back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); }




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


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


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


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


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


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


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


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


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


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


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




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

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

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

	/* Logo */

	/* Head Content */

	/* Hamburger */
	/* Nav Menu */


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 2 */
	#s2_home .swiper-wrapper { grid-template-columns: 1fr 1fr; }

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





	/*∞∞∞∞∞∞ FERRAMENTA ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_rivenditori { grid-template-columns: 1fr 1fr 1fr; }

}






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

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

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

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



	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_responsabili { grid-template-columns: 1fr 1fr; }


	/*∞∞∞∞∞∞ PAGINA ARCHIVIO ∞∞∞∞∞∞*/
	/* Sec 1 */
	.wrapper_prodotti { grid-template-columns: 1fr 1fr; }
	.wrapper_prodotti .cat_menu { width: auto } 




	/*∞∞∞∞∞∞ FERRAMENTA ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_rivenditori { grid-template-columns: 1fr 1fr 1fr 1fr; }

}



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

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


	.sec_tab .scroll_table { overflow: visible; }
	.sec_tab .tablepress > thead { position: sticky; top: calc( 96px + ( 187 - 96 ) * ( (100vw - 320px) / 1600 ) ); z-index: 1; }





	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.header { padding: 1rem; }

	/* Top */
	.top_head { padding: 1rem 1.5rem; border-radius: var(--br) var(--br) 0 0; border-bottom: 1px solid #767676; }

	.head_menu { gap: clamp(1rem, 4vw, 3rem); width: max-content; }
	.head_menu li { font: inherit; line-height: 1; }
	.head_menu li.current-menu-item { color: ; }
	.head_menu li a { display: inline-block; font-size: 1rem; line-height: 1; padding: .25em; color: var(--white); }
	.head_menu li a:hover { opacity: .5 }


	/* Bottom */
	.bottom_head { display: flex; align-items: center; justify-content: center; border-radius: 0 0 var(--br) var(--br); }

	.wrp_menu { flex: 1 1 auto; }
	.wrp_menu:first-of-type .open_menu { border-radius: 0 0 0 var(--br); }
	.wrp_menu:last-of-type .open_menu { border-radius: 0 0 var(--br) 0; }
	.wrp_menu .open_menu {
		display: inline-flex; justify-content: center; align-items: center; gap: .5rem; 
		position: relative; padding: 1rem; width: max-content; width: 100%; z-index: 1; 
		background-color: rgb(var(--black-rgb) / 75%); backdrop-filter: blur(1.5rem); border-right: 1px solid #767676; 
		color: var(--grey); font-size: .75rem;
	}
	.wrp_menu:last-of-type .open_menu { border-right: 0; }
	.wrp_menu .open_menu img { width: .75rem; opacity: .75; transition: .25s ease; }
	.wrp_menu .open_menu:hover, .wrp_menu.active .open_menu { color: var(--white); }
	.wrp_menu .open_menu:hover, .wrp_menu.active .open_menu img { opacity: 1; }
	.wrp_menu.active .open_menu img { transform: scaleY(-1); }


	.sub_menu {
		bottom: 0; left: 0; background-color: rgb(var(--white-rgb) / 75%); backdrop-filter: blur(2rem); -webkit-backdrop-filter: blur(2rem); 
		padding: 0 var(--c1o); padding-top: 1rem; z-index: 0; border-radius: 0 0 var(--br) var(--br);
		opacity: 0; pointer-events: none; transition: .25s ease; 
	}
	.wrp_menu.active .sub_menu { opacity: 1; transform: translateY(calc(100% - 1rem)); pointer-events: initial; }


	.cat_menu { padding: 2rem 1rem; }
	.cat_menu > p { text-transform: uppercase; font-weight: 300; font-size: .75rem; color: var(--black); opacity: .5; margin-bottom: 1.5rem }
	.cat_menu a:not(.link_btn) { display: flex; align-items: flex-start; justify-content: flex-start; gap: .5rem; font-weight: 500; font-size: .85rem; margin-top: .5rem; }
	.cat_menu a:not(.link_btn) img { width: .85rem; height: .85rem; }
	.cat_menu a:not(.link_btn):hover { opacity: .5; }

	.link_btn {
		width: max-content; padding: .75rem 2rem; background-color: var(--white); border: 2px solid var(--white); border-radius: var(--br); 
		display: flex; align-items: center; justify-content: flex-start; gap: .5rem; font-weight: 500; 
	}
	.link_btn:hover { background-color: transparent; }
	





	.sub_menu_min .cat_menu	{ padding: 2rem 0.5rem; }
	.sub_menu_min .cat_menu > p { margin-bottom: 1rem; }
	
	.sub_menu_min { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
	.sub_menu_min a:not(.link_btn) { display: block; font-weight: 400; line-height: 1.2; font-size: clamp(16px, 2vw, .8rem) !important; margin-top: .75rem; }	

	.bottom_head_min .link_btn { padding: .625rem 1.25rem; }











	



	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.tar_mobile { text-align: right; }

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

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








	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 1 */
	.s1 .ratio-1-1 { aspect-ratio: 16 / 7; } 
	
	.hcustom { min-height: unset; }

	.title_custom { min-height: calc(90vh - (108px + (187 - 108) * ((100vw - 320px) / 1600)) - var(--c5v) - var(--c7v)); display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; }
	.title_custom h1 { min-width: 100%; padding-left: 10%; text-align: right; }
	.title_custom p { font-size: 2rem; max-width: 24ch; color: #BDBDBD; line-height: 1.25; margin-top: var(--c7v); }


	/* Sec 2 */
	#s2_home .container { padding-right: 0; }
	#s2_home .swiper-wrapper { display: flex; gap: unset; }



	/* Sec 5 */
	.wrapper_servizi { grid-template-columns: 1fr 1fr 1fr 1fr; }
	.box_serv { border: 0; }
	.box_serv p { display: none; }






	/*∞∞∞∞∞∞ CHI SIAMO ∞∞∞∞∞∞*/
	/* Sec 6 */
	#s6_chisiamo .wrapper_loghi .logo_gruppo { max-width: unset; }




	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_responsabili { grid-template-columns: 1fr 1fr 1fr; }




	/*∞∞∞∞∞∞ PAGINA ARCHIVIO ∞∞∞∞∞∞*/
	/* Sec 1 */
	.wrapper_prodotti { grid-template-columns: 1fr 1fr 1fr; }




	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	.sidebar { top: 25vh; position: sticky; }

	/* Pannelli*/
	.wrapper_elenco_prodotti { grid-template-columns: 1fr 1fr 1fr 1fr; }


	/*∞∞∞∞∞∞ FERRAMENTA ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_rivenditori { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }




	/*∞∞∞∞∞∞ SINGLE LANDING ∞∞∞∞∞∞*/
	/* Sec 1 */
	#s1_landing .title_custom p { max-width: 38ch; }

	/* Sec 2 */
	.wrapper_text_tab { grid-template-columns: .25fr 1fr; gap: 3rem; }
	.wrapper_text_tab img { width: 100%; }




}






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

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

	.wrp_menu .open_menu { font-size: 1rem; }
	.cat_menu > p { font-size: 1rem; }
	.cat_menu a:not(.link_btn) { font-size: 1rem; }
	.cat_menu a:not(.link_btn) img { width: 1rem; height: 1rem; }




	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_responsabili { grid-template-columns: 1fr 1fr 1fr 1fr; }



	/*∞∞∞∞∞∞ FERRAMENTA ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_rivenditori { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }


}






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

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.sub_menu_min .cat_menu	{ padding: 2rem 1rem; }


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 1 */
	.title_custom h1 { padding-left: 20%; }

	
}






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

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






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

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