/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ "

BASE (MOBILE) SIZE

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


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


header { z-index: 4; position: fixed; top: 0; left: 0; background-color: var(--white); box-shadow: 0 0 1rem rgb(var(--black-rgb) / 50%); }
.head_wrapper { padding: 0.75em 1em; z-index: 2; justify-content: space-between; gap: 0.25rem; height: 4.5rem; }
.head_wrapper .menu_container { display: none; }
.head_wrapper .right { gap: 0.25rem; }

.head_wrapper .lel_head { width: 4rem; }

.head_wrapper .wpml-ls-legacy-list-horizontal a { font-size: 1.15rem; padding: 0.25rem 0.5rem; color: var(--black); }
.head_wrapper .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language a { color: var(--blue); font-weight: 500; }
.head_wrapper .wpml-ls-legacy-list-horizontal .wpml-ls-item:first-child a { border-right: 2px solid var(--blue); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.head_logo { width: 6rem;  }
.head_logo :where(img, svg) { width: 100%; }

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

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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#main_nav { 
	display: none; 
	position: fixed; top: 0; left: 0;
	z-index: 1;
}
#main_nav .menu_wrapper { top: 0; left: 0; background-color: var(--white); padding: var(--c5v) var(--c5o); }

#main_nav .menu_container { width: 100%; max-height: 75vh; overflow-y: scroll; overflow-x: hidden; padding: 0 10px; }
#main_nav .menu_container::-webkit-scrollbar { width: 4px; background-color: var(--white); border: 1px solid var(--blue); }
#main_nav .menu_container::-webkit-scrollbar-thumb { width: 4px; background-color: var(--blue); }

#main_nav .menu_container .sub_menu { border-bottom: 1px solid var(--blue); }


.sub_menu { display: none; padding: 1rem 0.5rem;  }
.sub_menu .right { margin-top: 0.75rem; }
.sub_menu .text p { color: var(--dark_blue); }
.sub_menu .close { display: none; }

.sub_menu a { gap: 1rem; padding: 0.5rem 0;  }
.sub_menu a span { position: relative; color: var(--grey); font-weight: 600; transition: .35s ease; }
.sub_menu a img { height: 2rem; width: 2rem; }

.sub_menu a span::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background-color: var(--blue); transition: .35s ease;  }
.sub_menu a:hover span::after, .sub_menu a.open span::after { width: 100%;  }
.sub_menu a:hover span { color: var(--blue); }


.menu_item {  padding: 1rem 0.75rem; }
.menu_item span, .menu_item { text-transform: uppercase; color: var(--grey); font-size: 1.25rem; font-weight: 600; cursor: pointer; }

#main_nav .menu_container .menu_item { border-bottom: 1px solid var(--blue); gap: 0.5rem; }
#main_nav .menu_container .menu_item:last-child { border: 0; }

#main_nav .menu_container .menu_item svg { width: 1rem; transform: scale(-1); transition: .25s ease; }
#main_nav .menu_container .menu_item.open svg { transform: scale(1);  }

#main_nav .menu_container .menu_item svg path { fill: var(--blue); }

#main_nav .menu li { font: inherit; line-height: 1; }
#main_nav .menu li a { display: inline-block; font-size: 1.5em; line-height: 1; padding: .25em; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.link {
	display: block; position: relative; width: fit-content; text-transform: uppercase;
    padding: 0.75rem 1.5rem;  border-radius: 8rem; font-size: var(--rem); font-weight: 700;

}
.link.white { border: 1px solid var(--white); background-color: var(--white); color: var(--dark_blue); 
	box-shadow: 0 0 1rem rgb(var(--dark_blue-rgb) / 50%); text-decoration: none; }
.link.white:hover, .link.white:focus, .link.white:active { background-color: var(--dark_blue); color: var(--white); }

.link_color { background-color: var(--black); border-color: var(--black); color: var(--white); }
.link_color:hover, .link_color:focus, .link_color:active { background-color: var(--white); color: var(--black); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.filter_color {
	background-color: var(--color);
	mix-blend-mode: multiply;
	opacity: .5;
}
.filter_blue { background-color: var(--blue); opacity: 0.5; }
.filter_grey { background-color: rgb(var(--grey-rgb) / 25%);  }
.filter_white { background-color: rgb(var(--white-rgb) / 20%);  }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.hr_title { display: flex; justify-content: center; align-items: center; gap: 1rem; }
.hr_title h2 { text-align: center; }
.hr_title hr { display: block; height: 2px; width: 20vw; background-color: var(--grey); transition: .35s ease; }

.tac_1281 { text-align: center; }
.text a { color: var(--blue); text-decoration: underline; transition: .35s ease; }

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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.nav_btn { 
	top: 50%; transform: translateY(0); 
	width: 2.5em; padding: .5em; 
	z-index: 1; cursor: pointer; transition: .25s ease; background-color: var(--blue);
    border-radius: 8rem; border: 1px solid var(--white);
}
.nav_btn :where(img, svg) { width: 100%; filter: brightness(0) invert(1); }
.nav_btn svg path { fill: var(--black); transition: .25s ease; }

.nav_prev { left: -1rem; }
.nav_next { right: -1rem; }

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

/* Dots */
.swiper_dots { text-align: center; width: 100%; margin-top: 0.5rem; }
.swiper_dots span { width: 0.75rem; height: 0.75rem; border: 1px solid var(--blue); opacity: 1; background-color: transparent; }
.swiper_dots span.swiper-pagination-bullet-active { background-color: var(--blue); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* 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 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.sticky { top: 15vh; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#breadcrumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.25rem 0.5rem; padding: 1rem var(--c5o); 
	box-shadow: 0 0 1rem rgb(var(--black-rgb) / 10%); }
#breadcrumb a, #breadcrumb p { position: relative; color: var(--black); font-size: 0.8rem; text-align: center; transition: .25s ease; line-height: 1.6; }
#breadcrumb a::after { content: ">"; position: relative; padding-left: 0.5rem; color: var(--black); }

#breadcrumb a:hover { color: var(--blue); }

#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb li .current { color: var(--blue); font-weight: 600; text-decoration: underline; }
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content;}

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMATIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Transform bottom top */
.block_bt { opacity: 0; transform: translateY(25%); transition: .35s ease; }
.anim_on.block_bt { opacity: 1; transform: translateY(0); }

/* Transform Left right */
.block_lr { opacity: 0; transform: translateX(-25%); transition: .35s ease; }
.anim_on .block_lr { opacity: 1; transform: translateY(0); }

/* Transform Right Left */
.block_rl { opacity: 0; transform: translateX(25%); transition: .35s ease; }
.anim_on .block_rl { opacity: 1; transform: translateY(0); }

/* Transform scale */
.anim_scale { transform: scale(0); opacity: 0; transition: 0.35s ease; }
.anim_on .anim_scale { transform: scale(1); opacity: 1; }

/* Transform scale */
.parallax { overflow: hidden; }




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

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

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer { display: none !important; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
footer .newsletter { position: absolute; bottom: 0; left: 0; transform: translateY(50%); z-index: 1; }

/* Foot Block */
.foot_block h4 {color: var(--white); }
.foot_block p, .foot_block a, .foot_block span { color: var(--white); font-size: 1rem; font-weight: 700; }
.foot_block p a { font: inherit; }

#foot_info a { color: var(--white); text-decoration: none; }
#foot_info .address { margin: 1rem 0; }
.contacts.flex { gap: 0.25rem; }

/* Foot Social */
#foot_social { margin-top: 2rem; gap: 0.5rem; }
#foot_social a { width: 3rem;height: 3rem; padding: 0.75rem; border: 1px solid var(--white); border-radius: 8rem; 
	display: flex; justify-content: center; align-items: center; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#credits { background-color: var(--white); }
#credits p {
	font-size: .825em; line-height: 1.5;
	margin: 0 auto; 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: 60;
	max-width: 60px; 
	padding: .25em; background-color: rgb(255 255 255 / 25%);
	cursor: pointer; transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; }
#back_top svg path { fill: var(--black); }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.s1 { overflow: hidden; padding-top: 4.5rem; }
.s1 .s1_title h1, .s1 .s1_title .h1 { filter: drop-shadow(0 0 1rem rgb(var(--black-rgb) / 50%)); }
.s1 .container { min-height: 65dvh; max-width: unset; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_news .news_container .swiper { padding: 0.5rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION SLOGAN ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.slogan { overflow: hidden; min-height: 38dvh;  }
.slogan .sec_bkg { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%) scale(1.75); min-height: 38dvh; }
.slogan .text { min-height: 35dvh; }
.slogan .text p { color: var(--white); font-size: calc(var(--p-size) * 1.5); filter: drop-shadow(0 0 1rem rgb(var(--black-rgb) / 75%)); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION FORM NEWSLETTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_form_newsletter { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: flex; align-items: flex-end; justify-content: center; 
	transform: translateY(100%); opacity: 0; pointer-events: none; transition: .5s ease; }
#sec_form_newsletter.open { transform: translateY(0); opacity: 1; pointer-events: initial;  }

#sec_form_newsletter div.close { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(var(--white-rgb) / 15%); backdrop-filter: blur(3px); }
#sec_form_newsletter button.close { position: absolute; top: 0; right: 1rem; background-color: var(--white); transform: translateY(-50%); z-index: 5; width: 3rem; height: 3rem; 
	border-radius: 8rem; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 25%); padding: 0.75rem; }

#sec_form_newsletter .container { max-width: unset; margin: 0; }
#sec_form_newsletter .filter_blue { opacity: 1; }

#sec_form_newsletter #form { padding: 1rem 1rem 0 0; max-height: 50vh; overflow-y: scroll; }

#sec_form_newsletter #form::-webkit-scrollbar { width: 6px; background-color: var(--blue); border: 1px solid var(--white); }
#sec_form_newsletter #form::-webkit-scrollbar-thumb { width: 6px; background-color: var(--white); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.news_container { gap: 2.5rem 2rem; }
.news_container .card_news .card_container { max-width: 400px; margin: 0 auto; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION VALORI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_valori .card_valori { padding: 0.8rem; }
#sec_valori .swiper_dots { margin-top: 1rem; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.card_news, .card_news.swiper-slide {  transition: .35s ease; height: auto; }
.card_news .card_container { border-radius: 1.5rem; box-shadow: 0 0 0.5rem rgb(var(--black-rgb) / 15%); height: 100%; display: flex;
    justify-content: space-between; align-items: center; flex-direction: column;  }
.card_news picture { overflow: hidden; }
.card_news picture img { height: 12rem; object-fit: contain; transition: .35s ease; }

.card_news .text { padding: 1rem 2rem; }
.card_news .text h3 { color: var(--blue); font-size: calc(var(--h3-size) * 0.75); font-weight: 600; }
.card_news .text p { margin-top: 1rem; font-size: calc(var(--p-size) * 0.9); }

.card_news button { padding: 0.25rem 2rem 1rem 2rem; }
.card_news button svg { transform: rotate(90deg); width: 1.5rem; transition: .35s ease; }
.card_news button svg path { fill: var(--blue); }

/* Prodotti */
.card_news.single_product picture { padding: 1rem 2rem 0 2rem; }
.card_news.single_product button p { color: var(--dark_blue); font-weight: 700; font-size: calc(var(--p-size) * 0.9); }

/* Valori */
.card_valori .card_container { padding: 2rem 2rem; border-top: 10px solid var(--blue); box-shadow: 0 0 0.8rem rgb(var(--black-rgb) / 25%); }

.card_valori img { height: 8rem; width: auto; }
.card_valori .text { margin-top: 1rem; }
.card_valori .text h3 { font-weight: 700; color: var(--black); font-size: 1.25rem; }
.card_valori .text p { margin-top: 0.5rem; }

/* Anim */
.card_news:hover .card_container { box-shadow: 0 0 0.5rem rgb(var(--blue-rgb) / 50%); }
.card_news:hover picture img { transform: scale(1.15); }
.card_news:hover button svg { transform: rotate(90deg) translateY(-0.75rem); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD EMPTY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.card_empty { padding: 2em 1.5em; }
.card_empty svg { width: 6em; }
.card_empty .text { margin-top: 1em; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s2_home .hr_title hr { display: none; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s3_home .single_post { padding: 1.5rem 1rem; }
#s3_home .single_post .bkg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.7; }

#s3_home .single_post .text { width: 100%; }
#s3_home .single_post .text .ico { height: 5rem; width: auto; }
#s3_home .single_post .text h3 { color: var(--white); text-transform: uppercase; font-weight: 700; margin-top: 1rem; font-size: 1rem;  }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 4 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s4_home .cert_container { gap: 3rem; }
#s4_home .single_cert .left img { width: 10rem; }
#s4_home .single_cert .right { margin-top: 1rem; }
#s4_home .single_cert .right h3 { color: var(--blue); font-size: calc(var(--h3-size) * 0.75); font-weight: 700;  }
#s4_home .single_cert .right p { margin-top: 0.5rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 5 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s5_home .text img { margin-bottom: 2rem; width: 8rem; }
#s5_home .text a { color: var(--blue); font-weight: 700; transition: .35s ease; padding: 0.5rem; }
#s5_home .text a:hover { color: var(--dark_blue); }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PRODOTTI ARCHIVE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 1 */
.s1_menu { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center;
	background-color: rgb(var(--black-rgb) / 25%); backdrop-filter: blur(15px); flex-wrap: wrap; }
.s1_menu a { position: relative; padding: 0.5rem 1rem; color: var(--white); text-transform: uppercase; font-weight: 700; font-size: 0.9rem; 
	border: 1px solid transparent; transition: .35s ease; }
.s1_menu a:hover { background-color: var(--white); color: var(--blue); border: 1px solid var(--blue); }

.s1_menu #s1_menu_item_37 { display: none; } /* Cosmetica e personal care */

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

.single_products { width: 100%; }
.single_products h3 { margin-top: 0.5rem; width: 100%; color: var(--blue); text-align: center; font-weight: 700; font-size: calc(var(--h3-size) * 0.7); }
.single_products picture { background-color: rgb(var(--grey-rgb) / 15%); height: 12rem; }

.single_products.ico picture { padding: 1rem;  }
.single_products.ico picture img { height: 4.5rem; width: auto; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LA STORIA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 2 */
.timeline { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4rem; }
.timeline::after { content: ""; position: absolute; top: 0; left: calc(50% - 1rem); width: 0.5rem; background-color: var(--blue); height: 100%; transform: translateX(0.75rem); }

.timeline .single_date { align-items: stretch; gap: 2rem; }
.timeline .single_date:nth-of-type(even) { flex-direction: row-reverse; }

.timeline .single_date .top { width: 50%; gap: 0.5rem; }

.timeline .single_date .top .arrow { position: absolute; pointer-events: none; right: -1rem; top: 50%; transform: translate(0, -50%); width: 1rem; }
.timeline .single_date .top .arrow path { fill: var(--blue); }
.timeline .single_date:nth-of-type(even) .top .arrow { right: unset; left: -1rem; transform: translate(0, -50%) rotate(180deg);  }

.timeline .single_date .top p { color: var(--dark_blue); text-align: center; font-weight: 700; max-width: 250px; }
.timeline .single_date .top img { height: 2.5rem; }

.timeline .single_date .bottom { width: 50%; }
.timeline .single_date .bottom .data { width: 80%; position: relative; display: flex; justify-content: center; align-items: center; 
	border: 8px solid rgb(var(--black-rgb) / 15%); aspect-ratio: 1 / 1; border-radius: 12rem; font-size: 2rem; color: var(--blue); max-width: 8rem; }

/* Section 4 */
.nums_container { display: flex; justify-content: center; align-items: stretch; gap: 1rem; flex-wrap: wrap; }
.single_num { background-color: var(--blue); padding: 2rem 1rem; width: calc(50% - 0.5rem); min-height: 9rem;
    display: flex; flex-direction: column; justify-content: center; align-items: center; }
.single_num p { color: var(--white); }
.single_num .num { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; }

/* Section 6 */
#s6_storia .text p { text-transform: uppercase; font-size: calc(var(--p-size) * 2.5); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LA STRUTTURA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 2 */
#s2_struttura .single_text { margin-top: 3rem; gap: 1rem; }
#s2_struttura .single_text img { width: 4rem; }

/* Section 5 */
#s5_struttura .lel_logo img { width: 8rem; }
#s5_struttura .lel_logo span { margin-top: 1rem; font-weight: 700; color: var(--dark_blue); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE QUALITA' E SERVIZI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s2_qualita .text_container { gap: 6rem;  margin: var(--c7v) auto 0 auto; }

#s2_qualita .single_text { gap: 2rem; }
#s2_qualita .single_text img { width: 12rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SERVIZI E ASSISTENZA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s2_servizi-assistenza .flex_container {  align-items: stretch; }

#s2_servizi-assistenza .single_text { padding-top: var(--c10v); padding-bottom: var(--c10v); }
#s2_servizi-assistenza .single_text picture img { height: 35vh; }
#s2_servizi-assistenza .single_text:first-child { padding-top: 0; }
#s2_servizi-assistenza .single_text:last-child { padding-bottom: 0; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PARTNER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 2 */
#s2_partner .accordion_head { gap: 1rem; width: 100%; justify-content: space-between; }
#s2_partner .accordion_head img { height: auto; width: auto; max-height: 60px; object-fit: contain; max-width: 100px; }

#s2_partner .accordion_head .title { width: 70%; gap: 0.5rem; }
#s2_partner .accordion_head .title svg { width: 0.75rem; min-width: 0.75rem; transform: rotate(180deg); transition: .5s ease; }
#s2_partner .accordion_head.active .title svg { transform: rotate(0deg); }
#s2_partner .accordion_head .title svg path { fill: rgb(var(--black-rgb) / 25%); }

#s2_partner .accordion_head .title h2 { text-transform: uppercase; color: var(--black); font-size: 1.25rem; text-align: left; }

#s2_partner .accordion_text { padding: 0.5rem 0 1rem calc(0.5rem + 0.75rem + 0.5rem); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CORSI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s2_corsi .corsi_container { margin-top: 3rem; }

#s2_corsi .single_corso { padding: 2rem 0; border-bottom: 1px solid var(--grey); }
#s2_corsi .single_corso:first-child { padding-top: 0; }
#s2_corsi .single_corso h3 { font-weight: 600; font-size: 1.25rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 2 */
#s2_contatti .contacts h4 { font-size: 1.25rem; font-weight: 700; }
#s2_contatti .contacts .info { margin-top: 1rem; }

#s2_contatti .map iframe { border-radius: 1rem; min-height: 14rem; max-height: 75vh; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Posts Loop */
.s2_archive .grid { grid-template-columns: 1fr; grid-gap: 2em 1em; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.s1_single .s1_title h1 span { position: relative; display: block; width: 100%; font-size: calc(var(--h1-size) * 0.75); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.s2_single .content > div:first-child { padding-top: 0; }
.s2_single .content > div:last-child { padding-bottom: 0; }

.s2_single .thumb_img img { max-width: 350px; }

.s2_single .title { gap: 1.5rem; margin-bottom: 1rem; }
.s2_single .title .ico img { height: 100px; max-height: 100px; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Flexible table */
.flexible_table .table_container { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 0.75rem 1rem; }
.flexible_table .table_container .single_row { width: 100%; }
.flexible_table .table_container .single_row p { line-height: 1.8; }
/* .flexible_table .table_container .single_row br { display: none; } */

.flexible_table .text h3 { font-size: calc(var(--h3-size) * 0.8); font-weight: 700; }
.flexible_table .text hr { display: block; margin-top: 0.5rem; margin-bottom: 1.25rem; width: 100%; }

/* Flexible txt */
.flexible_txt h3 { font-size: calc(var(--h3-size) * 0.8); font-weight: 700; }
.flexible_txt hr { display: block; margin-top: 0.5rem; margin-bottom: 1.25rem; width: 100%; }
.flexible_txt strong { color: var(--blue); }

/* Flexible products */
.list_products { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 2rem 1rem; }
.list_products .single_product { width: 100%; }

/* Flexible accordion */
.accordion_head { cursor: pointer; padding: 1rem 0.5rem; transition: .35s ease; }
.accordion_head h3 { font-size: 1rem; font-weight: 700; color: var(--dark_blue); transition: .35s ease; }

.accordion_head svg { width: 1.25rem; transition: .35s ease; }
.accordion_head.active svg  { transform: rotate(-180deg); }

.accordion_text { display: none; padding: 0.5rem 0 1rem 0; }

.card_accordion { border-bottom: 1px solid rgb(var(--grey-rgb) / 25%); }
.card_accordion .images_container { margin-top: 1rem; }

#s2_single .accordion_head:hover { background-color: var(--blue); }
#s2_single .accordion_head:hover h3 { color: var(--white); }
#s2_single .accordion_head:hover svg { filter: brightness(0) invert(1); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s3_single .cat_container { gap: 3rem; }
#s3_single .single_cat { gap: 1rem; width: 8rem; text-align: center; }
#s3_single .single_cat img { height: 4rem; width: auto; }
#s3_single .single_cat p { font-weight: 700; color: var(--dark_blue); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s2_single_news .container { max-width: 1024px; margin: 0 auto; }
#s2_single_news picture img { max-width: 1024px; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ RELATED PRODUCTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#related_products .swiper { padding: 1rem; }
#related_products .swiper_dots { margin: 0 auto; transform: unset; }



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


/* WP-Form - Custom */
#form { background-color: transparent; }

#form .wpforms-field { position: relative; overflow-x: visible; }
#form .wpforms-field label { color: var(--black); margin: 0;  }
#form .wpforms-field:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-email, .wpforms-field-phone, .wpforms-field-textarea) label { position: absolute; top: 0; left: 0;
	padding: 0.85rem 1rem; transition: .15s ease; cursor: text; }
#form .wpforms-field.up:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-email, .wpforms-field-phone, .wpforms-field-textarea) label{ transform: translateY(-50%); }

#form .wpforms-field :where(input, textarea, select) {
	background-color: var(--white); border: 1px solid var(--white); border-radius: 1.5rem;
	padding: 0.75rem 1rem; font-size: 1rem; color: var(--black);
}
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--black); opacity: 1; }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: 0.5rem; border: 1px solid var(--black); border-radius: 0; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li label { padding: 0; color: var(--black); position: relative; top: unset; left: unset; max-width: 601px;
    word-break: auto-phrase; line-height: 1.5; }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--dark_blue); }

#form button[type=submit], #form input[type=submit] {
	display: block; position: relative; width: fit-content; text-transform: uppercase;
    padding: 0.75rem 1.5rem;  border-radius: 8rem; font-size: var(--rem); font-weight: 700;
	border: 1px solid var(--white); background-color: var(--white); color: var(--dark_blue); box-shadow: 0 0 1rem rgb(var(--dark_blue-rgb) / 50%);
	margin: 0 auto;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--dark_blue); color: var(--white); }

/* Newsletter */
#sec_form_newsletter #form .wpforms-field:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-email, .wpforms-field-phone, .wpforms-field-textarea) label{ 
	background-color: var(--blue); padding: 0 0.75rem; top: 0.85rem; left: 0.25rem; }
#sec_form_newsletter #form .wpforms-field.up:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-email, .wpforms-field-phone, .wpforms-field-textarea) label{ 
	transform: translateY(-50%); top: 0; }

#sec_form_newsletter #form .wpforms-field label, #sec_form_newsletter #form .wpforms-field legend { color: var(--white); }
#sec_form_newsletter #form .wpforms-field :where(input, textarea, select) { background-color: transparent; color: var(--white); }

#sec_form_newsletter #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border: 1px solid var(--white); }
#sec_form_newsletter #form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); }

/* MailPoet Form - Custom 
#form_mp { background-color: var(--white); }

#form_mp .mailpoet_form .mailpoet_paragraph label { color: ; }

#form_mp .mailpoet_form .mailpoet_paragraph :where(input, textarea, select) {
    background-color: transparent; border: ; border-radius: ;
    padding: ; font-size: ; color: ;
}
#form_mp .mailpoet_form .mailpoet_paragraph input::placeholder { color: ; opacity: ; }

#form_mp .mailpoet_form input.mailpoet_checkbox { padding: ; border: ; border-radius: ; }
#form_mp .mailpoet_form input.mailpoet_checkbox:checked { background: ; }
#form_mp .mailpoet_form .mailpoet_checkbox_label { color: ; }
#form_mp .mailpoet_form .mailpoet_checkbox_label a:hover { color: ; }

#form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit {
    padding: ; font-size: ; color: ;
    background-color: ;  border: ; border-radius: ;
}
#form_mp .mailpoet_form .mailpoet_paragraph .mailpoet_submit:hover { background-color: ; border-color: ; color: ; } */




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_grazie .s1_title h1 { font-size: 4rem; font-weight: 700; filter: unset; line-height: 0.8; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_404 { background-color: var(--bkg_color); }

#s1_404 .s1_title h1 { font-size: 5rem; font-weight: 700; filter: unset; line-height: 0.8; }
#s1_404 .s1_title p { font-size: 1.1rem; }






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




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

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.head_wrapper .right { gap: 1rem; }

	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/
	#form #wpforms-3465-field_2-container, #form #wpforms-3465-field_3-container, #form #wpforms-3465-field_5-container, #form #wpforms-3465-field_6-container { width: calc(50% - 0.5rem); }

	/*∞∞∞∞∞∞ SECTION ∞∞∞∞∞∞*/
	#sec_valori .card_valori { height: auto; }
	#sec_valori .card_valori .card_container { height: 100%; }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s2_home .hr_title hr { display: flex; }

	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	/* Prodotti archive */
	.s1_menu a { padding: 0.75rem 1rem; }

	/* Partner */
	#s2_partner .accordion_head img { max-width: 200px; }

	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Flexible products */
	.list_products .single_product { width: calc(50% - 0.5rem); height: auto; }

	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Flexible table */
	.flexible_table .table_container .single_row { width: calc(50% - 1rem); }

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	footer .container { padding-bottom: var(--c10v); }
	#credits { padding-top: var(--c10v); }


}




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

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

	
	/*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/
	.maxw_768 { max-width: 768px; margin: 0 auto; }

	/*∞∞∞∞∞∞ MENU ∞∞∞∞∞∞*/
	.s1_menu a { padding: 0.75rem 1rem; }

	/*∞∞∞∞∞∞ CARDS ∞∞∞∞∞∞*/
	.card_news.swiper-slide { height: auto; }

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* News */
	.news_container { align-items: stretch; }
	.news_container .card_news { width: calc(50% - 1rem); }
	.news_container .card_news .card_container { max-width: unset; }

	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	/* Prodotti archive */
	.single_products { width: calc(50% - 1rem); }

	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Flexible products */
	.list_products .single_products { width: calc(50% - 0.5rem); }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s4_home .cert_container { gap: 2rem; grid-template-columns: 1fr 1fr 1fr; }

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

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

}




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

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

	/*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/
	.maxw_1024 { max-width: 1024px; margin: 0 auto; }

 	/* Filters */
	.filter_grey { background: linear-gradient(to right, rgb(var(--grey-rgb) / 10%) 0%, rgb(var(--grey-rgb) / 25%) 50%, rgb(var(--grey-rgb) / 10%) 100%);  }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s3_home .posts_container { display: grid; grid-template-columns: 1fr 1fr 1fr; }

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* s1 */
	.s1 .container { min-height: 55dvh; }

	/* Form */
	#sec_form_contact #form, #sec_form_newsletter #form { max-width: 1024px; margin: 2rem auto 0 auto; }

	/* News */
	.news_container .card_news { width: calc((100% / 3) - 1.5rem); }

	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	/* Product archive */
	.single_products { width: calc((100% / 3) - 1.5rem); }

	/* La storia - s2 */
	.timeline { flex-direction: row; gap: 1rem; }
	.timeline::after { width: 100%; height: 0.5rem; left: 0; top: calc(50% - 1rem); transform: translateY(0.75rem); }

	.timeline .single_date { flex-direction: column; gap: 0rem; }
	.timeline .single_date:nth-of-type(even) {  flex-direction: column-reverse; }

	.timeline .single_date .top { width: 100%; height: 12rem; padding-bottom: 4rem; }
	.timeline .single_date:nth-of-type(even) .top { padding-top: 4rem; padding-bottom: 0; }
	.timeline .single_date .top .arrow { top: unset; bottom: 0; transform: translateX(50%) rotate(90deg); right: 50%; }
	.timeline .single_date:nth-of-type(even) .top .arrow { bottom: unset; left: unset; top: 0;  transform: translateX(50%) rotate(-90deg); right: 50%; }

	.timeline .single_date .bottom { width: 100%; height: 12rem; padding-top: 4rem; }
	.timeline .single_date:nth-of-type(even) .bottom { padding-bottom: 4rem; padding-top: 0; }

	.timeline .single_date .bottom::after { content: ""; position: absolute; top: 0; left: 50%; height: 4rem; width: 2px; background-color: rgb(var(--black-rgb) / 15%); 
		transform: translateX(-1px); }
	.timeline .single_date:nth-of-type(even) .bottom::after  { top: unset; bottom: 0; }

	/* La storia - s4 */
	.nums_container { flex-wrap: nowrap; }
	.single_num { width: calc(100% / 5); }

	/* La struttura */
	#s2_struttura .single_text { flex-direction: row; justify-content: space-between; gap: 3rem; }
	#s2_struttura .single_text img { min-width: 4rem; }

	/* Qualità */
	#s2_qualita .single_text { flex-direction: row-reverse; justify-content: space-between; }
	#s2_qualita .single_text .text { width: 70%; }

	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Flexible table */
	.flexible_table .table_container .single_row { width: calc((100% / 3) - 1rem); }

	/* Section 3 */
	#s3_single .cat_container { gap: 2rem; flex-wrap: nowrap; justify-content: space-between; }
	#s3_single .single_cat { width: auto; min-width: 6rem; text-align: center; }

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

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

}




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

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

	/*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/
	.tac_1281 { text-align: left; }
	.maxw_1281 { max-width: 1281px; margin: 0 auto; }


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Head Content */
	#main_nav, #hamburger { display: none; }

	.head_wrapper .wpml-ls-legacy-list-horizontal a { font-size: 0.8rem; font-weight: 600; }
	.head_wrapper .menu_container { display: flex; justify-content: center; align-items: center;  }
	.head_wrapper .right { margin-top: 0; }

	.menu_item span, .menu_item { font-size: 0.8rem; position: relative; transition: .35s ease; }
	.menu_item span::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background-color: var(--blue); transition: .35s ease;  }

	.menu_item:hover span, .menu_item.open span { color: var(--blue); }
	.menu_item:hover span::after, .menu_item.open span::after { width: 100%;  }

	.sub_menu { padding: 0; position: fixed; top: 4.5rem; width: 100%; height: auto; left: 0; border-top: 1px solid var(--blue); }
	.sub_menu .close {  display: block; width: 100%; height: 100%; position: fixed; top: 4.5rem; left: 0; }
	.sub_menu .sub_menu_container { display: flex; justify-content: center; align-items: center; gap: 2rem;  background-color: var(--white); padding: 2rem 2rem; 
		box-shadow: 0 0.75rem 1rem rgb(var(--black-rgb) / 25%); }


	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	/* Flexible products */
	.list_products .single_product { width: calc((100% / 3) - 1rem); }

	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	/* Template servizi e assistenza */
	
	#s2_servizi-assistenza .single_text.even .flex_container { flex-direction: row-reverse; }
	#s2_servizi-assistenza .single_text.even .block_lr { transform: translateX(25%); }
	#s2_servizi-assistenza .single_text.even .block_rl { transform: translateX(-25%); }
	#s2_servizi-assistenza .single_text.even .anim_on .block_rl, #s2_servizi-assistenza .single_text.even .anim_on .block_lr { transform: translateX(0); }

	#s2_servizi-assistenza .single_text .text.w50xl { min-height: 20rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }

	/*∞∞∞∞∞∞ CARD ∞∞∞∞∞∞*/
	.card_news picture img { height: 15rem; }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Section 4 */
	#s4_home .single_cert { display: flex; justify-content: space-between; align-items: center; }
	#s4_home .single_cert .left { width: 48%; }
	#s4_home .single_cert .left img { width: 100%; object-fit: contain; }
	#s4_home .single_cert .right { margin: 0; width: 48%; }

}




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

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

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Section 4 */
	#s4_home .cert_container { gap: 4rem; }

}




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

@media screen and (min-width: 1921px) {
	
	/*∞∞∞∞∞∞ SINGLE NEWS ∞∞∞∞∞∞*/
	#s2_single_news .container { max-width: 1920px; margin: 0 auto; }

}




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

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