/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ "

BASE (MOBILE) SIZE

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




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

header { z-index: 4; background-color: var(--white); top: 0; left: 0; }
header.scroll_on { box-shadow: 0 0 1rem rgb(var(--black-rgb) / 25%); }

.head_wrapper { z-index: 2; padding: 0.75rem 0.5rem; width: fit-content; transition: .5s ease; }
header.scroll_on .head_wrapper { padding: 0.75rem 1.25rem; }

.head_round { bottom: 0; left: 0; transform: translateY(calc(100% - 1px)); width: 40%; pointer-events: none; transition: .5s ease; }
header.scroll_on .head_round { transform: translateY(-100%); opacity: 0; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.head_logo { display: block; position: relative; padding: 0.5rem 0.5rem; transform: scale(1.15);
    transform-origin: top left; transition: .5s ease; }
.head_logo :where(img, svg) { width: 3.75rem; }

header.scroll_on .head_logo { transform: scale(1); padding: 0.5rem 1.25rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Custom menu */
.menu_desktop { display: none; }
.menu_close { display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(var(--black-rgb) / 35%); z-index: 3; }

.menu .menu_link { position: relative; text-transform: uppercase; padding: 0.5rem 0; }
.menu .link::after { display: none; }

/* .menu .menu_close { display: none; } */
.menu .sub_menu { transition: .25s ease; }
.menu .sub_menu.open { padding-bottom: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid rgb(var(--black-rgb) / 25%); }

.menu button.menu_link { position: relative; padding-right: 1.75rem; }
.menu button.menu_link::before { content: ""; position: absolute; top: 0; right: 0; width: 1.25rem; height: 100%; transition: .25s ease;
	background-image: url(../images/svg/arrow-menu.svg); background-repeat: no-repeat; background-size: 1.25rem;  background-position: center right;}
.menu .sub_menu.open button.menu_link::before { transform: scale(-1); }

.menu .sub_menu .list { display: none; }
.menu .sub_menu .list .list_wrapper {  overflow-y: scroll; padding-right: 6px; max-height: 40vh; }
.menu .sub_menu .list a { padding: 0.5rem 0; }

.menu .sub_menu .list .list_wrapper::-webkit-scrollbar { width: 5px; background-color: var(--white); border: 1px solid rgb(var(--dark_brown-rgb) / 25%); }
.menu .sub_menu .list .list_wrapper::-webkit-scrollbar-thumb { width: 5px; background-color: var(--dark_brown); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.menu_mobile .hamburger_open { position: relative; text-transform: uppercase; padding: 0.5rem 0.25rem; }
.menu_mobile .hamburger_open::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: var(--dark_brown); transition: .35s ease; }
.menu_mobile .hamburger_open.tapped::after { width: 100%; }

#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.5rem; }
#hamburger span {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
	width: 2.5em; height: 2px; border-radius: .2em;
	background-color: var(--black);
	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 */
/*
 * Copiare l'animazione scelta dal file hamburger.css
 * oppure utilizare quella base qui sotto
 */
#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: block; position: absolute; top: 0; transform: translate(0, -100%); right: var(--c5o); z-index: 1;
	 width: auto; width: 60vw; max-width: 300px; opacity: 0; pointer-events: none; transition: .5s ease; }
#main_nav.open { top: 6.5rem; transform: translate(0, 0); opacity: 1; pointer-events: initial;  }
#main_nav .menu_wrapper { background-color: var(--white); padding: 1rem 2rem; border-radius: 0.5rem; box-shadow: 0 0 1rem rgb(var(--dark_brown-rgb) / 15%);  }

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




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.link { position: relative; }
.link::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; transition: .35s ease; }
.link:hover::after { width: 100%; }

.link.brown::after { background-color: var(--brown); }
.link.white::after { background-color: var(--white); }


/* Btn custom */
.btn_custom { position: relative; padding: 0.75rem 2.25rem; border-radius: 0.5rem; text-transform: uppercase; text-align: center; width: max-content; }
.btn_custom.white { color: var(--brown); background-color: var(--white); border: 1px solid var(--white); }
.btn_custom.brown { color: var(--white); background-color: var(--brown); border: 1px solid var(--brown); }

.btn_custom.white:hover { color: var(--white); background-color: var(--dark_brown);  }
.btn_custom.brown:hover { color: var(--brown); background-color: var(--white);  }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.filter_color {
	background-color: var(--color);
	mix-blend-mode: multiply;
	opacity: .5;
}
.filter_brown { background-color: var(--brown); }
.filter_video { background-color: var(--black); opacity: 0.85; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Text */
.dvh100 { min-height: 100dvh; }
.tac_responsive { text-align: center; }
.tac_responsive a { margin: 1rem auto 0 auto; }

/* Images */
.border_picture img { border-radius: 1rem; }

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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SWIPER NAV ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.nav_btn { 
	top: 50%; transform: translateY(-50%); 
	width: 3.5em; padding: .25em; 
	z-index: 1; cursor: pointer; transition: .25s ease; 
}
.nav_btn :where(img, svg) { width: 100%; }
.nav_btn svg path { fill: var(--black); transition: .25s ease; }

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

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

/* Dots */
.swiper_dots { display: block; position: relative; width: 100%; text-align: center; margin-top: 1rem; top: unset !important; bottom: unset !important; transition: .25s ease;  }
.swiper_dots span { width: 0.75rem; height: 0.75rem; border: 1px solid var(--dark_brown); background-color: transparent; opacity: 1; }
.swiper_dots span.swiper-pagination-bullet-active { background-color: var(--brown); }

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

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

/* Background fixed */
.background_fixed { position: fixed; top: 0; left: 0; width: 105%; height: 105%; background-image: url(../images/webp/bkg-fixed.webp); background-position: center; 
	background-repeat: no-repeat; background-size: cover; opacity: 0.5; }
	
/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMATIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.line_hide { overflow: clip }
.line_hide { line-height: 1.2 }

.text.textAnim p.pretitle { transform: translateY(2rem); opacity: 0; transition: .5s ease; }
.text.textAnim p:not(.pretitle), .text.textAnim li { transform: translateY(2rem); opacity: 0; transition: .5s ease .5s; }
.text.textAnim.anim_on p:not(.pretitle), .text.textAnim.anim_on p.pretitle, .text.textAnim.anim_on li { transform: translateY(0); opacity: 1; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ GSLIDER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#glightbox-body :where(.gslide-description, .gslide-title) { display: none !important; }
#glightbox-body :where(.glightbox-container .gprev, .glightbox-container .gnext) { top: unset; bottom: 1rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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: center; flex-wrap: wrap; gap: .5em; }
#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; color: var(--white); } */




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
footer { margin-top: 80px; }

footer .wave { position: absolute; left: 0; width: 100%; height: 80px; background: url(../images/webp/wave.webp); background-size: 800px 80px; top: 0;
        transform: translateY(calc(-100% + 1px)); animation: wave_animation 7s linear infinite; background-repeat: repeat; }

@keyframes wave_animation {
	0% { background-position-x: 0; }
	100% { background-position-x: 800px;  }
} 

/* Top */
footer .top { display: grid; gap: 3rem; padding-bottom: var(--c10v); border-bottom: 1px solid rgb(var(--white-rgb) / 25%); }

.foot_logo { display: block; width: 50%; max-width: 250px; }
.foot_logo :where(img, svg) { width: 100%; }

footer .top .middle .single_contact { gap: 0.75rem; padding: 0.75rem 0; width: max-content; }
footer .top .middle .single_contact :where(p, a, span) { font-size: 1rem; }
footer .top .middle .single_contact img { width: 1.25rem; filter: brightness(0) invert(1); }

footer .top .right .btn_custom { max-width: 300px; width: auto; margin: 0 auto; }
footer .top .right .pages { margin-top: 1.5rem; }
footer .top .right .pages a { text-transform: uppercase; padding: 0.75rem 0; }

/* Bottom */
footer .bottom { padding-top: var(--c10v);  display: grid; gap: 3rem; }

footer .bottom .left { gap: 1rem; }
footer .bottom .left p { font-size: 1.25rem; }

footer .bottom .left svg { height: 2.75rem; min-width: 2.75rem; width: auto; transition: .35s ease; }
footer .bottom .left a:hover svg { transform: scale(1.1); }

/* Foot Block */
.foot_block h3 { color: var(--white); margin-bottom: 0.75rem; }
.foot_block :where(p, a) { color: var(--white); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CREDITS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#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; }
.s1 .s1_thumb img { filter: brightness(0.6); }
.s1 .s1_title h1 { filter: drop-shadow(0 0 0.5rem rgb(var(--black-rgb) / 35%)); color: var(--white); }

.s1_title.textAnim { opacity: 0; }
.s1_title.textAnim.anim_on { opacity: 1; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION PRODUCTS SLIDER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.product_slider .swiper { width: 150%; padding: 0.75rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ICOS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.sec_ico .wood_bkg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: brightness(0.85); object-fit: cover; }

.sec_ico .icos_container { gap: 2rem 3rem; }
.sec_ico .single_ico { max-width: 8rem; }
.sec_ico .single_ico img { width: 5rem; }

.sec_ico .single_ico .title { color: var(--white); font-size: 1rem; line-height: 1.2; font-weight: 700; margin-top: 1rem;  }
.sec_ico .single_ico .txt { color: var(--white); font-size: 1rem; line-height: 1.2; margin-top: 0.5rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION STORES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_punti_vendita .stores { gap: 2rem; }

#sec_punti_vendita .single_store { background-color: var(--white); border-radius: 1rem; filter: drop-shadow(0 0 0.45rem rgb(var(--black-rgb) / 5%)); }
#sec_punti_vendita .single_store h3 { margin-bottom: 1rem; }
#sec_punti_vendita .single_store .thumb_img { border-radius: 1rem 1rem 0 0; }

#sec_punti_vendita .single_store .text { padding: 2rem 1rem; }

#sec_punti_vendita .single_store .single_contact { gap: 0.75rem; padding: 0.75rem 0; }
#sec_punti_vendita .single_store .single_contact img { width: 1.25rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION FORM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.sec_form .form_container { padding: 3.5rem 2rem; }
.sec_form .filter_brown { border-radius: 2rem; }

.sec_form .text h3 { font-weight: 400; }
.sec_form .text h2 { margin-top: 0.75rem; }

.sec_form #form { margin-top: 2rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION TEXT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.multi_textimg50 .txtimg50 { padding: var(--c10v) 0; }
.multi_textimg50 .txtimg50:first-of-type { padding-top: 0; }
.multi_textimg50 .txtimg50:last-of-type { padding-bottom: 0; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD PRODUCT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.card_filter { background-color: var(--white); top: unset; bottom: 0; height: 75%; border-radius: 3rem; 
	filter: drop-shadow(0 0 0.45rem rgb(var(--black-rgb) / 5%)); border: 1px solid var(--white); transition: .35s ease; }
.card_product a:hover .card_filter { border: 1px solid rgb(var(--brown-rgb) / 50%); filter: drop-shadow(0 0 0.45rem rgb(var(--black-rgb) / 25%)); }

.card_product.swiper-slide { height: auto; }

.card_product a { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; max-width: 400px; margin: 0 auto; }

.card_product a .top picture img { transition: .35s ease; }
.card_product a:hover .top picture img { transform: scale(1.05); }

.card_product .text { padding: 1.5rem 1.5rem 0 1.5rem; }
.card_product .text .title { padding-bottom: 1rem; border-bottom: 1px solid var(--dark_brown); font-size: 1.5rem; }
.card_product .text .subtitle { margin: 0; padding-top: 1rem; font-size: 1rem; font-style: italic; text-transform: uppercase; }

.card_product .bottom { padding: 1.5rem 1rem 2rem 1rem; }

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




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_home .mucca { bottom: -1rem; left: var(--c5o); width: 60%; max-height: 40vh; transform: rotate(90deg); 
	transform-origin: bottom left; opacity: 1; }
#s1_home .mucca.anim_on { animation: anim_cow 1.5s ease forwards; }

#s1_home .mucca .mucca_avanti { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: .25s ease; }
#s1_home .mucca .mucca_default { transition: .25s ease; }
#s1_home .mucca:hover .mucca_avanti { opacity: 1; }
#s1_home .mucca:hover .mucca_default { opacity: 0; }

#s1_home .mucca .muu { position: absolute; top: 20%; right: -25%; width: 30%; object-fit: contain; height: auto; transform: rotate(20deg); opacity: 0; transform-origin: center;
	transition-property: transform, opacity; transition-duration: 0.25s, 0.5s; transition-timing-function: ease, ease; transition-delay: 0s, 1.5s;  
	animation: anim_muu 0.5s infinite alternate; }
#s1_home .mucca.anim_on .muu { opacity: 1; }


@keyframes anim_cow {
	0% { transform: translate3d(0, 3000px, 0); opacity: 0; }
	60% { transform: translate3d(0, -20px, 0); opacity: 1; }
	75% { transform: translate3d(0, 0px, 0); }
	90% { transform: translate3d(0, -5px, 0); }
	100% { transform: translate3d(0, 0, 0); }
}

@keyframes anim_muu {
	0% { transform: rotate(20deg); }
	100% { transform: rotate(30deg); }
}


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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE TERRITORIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 3 */
#s3_territorio { overflow: hidden; }
#s3_territorio .bkg_video { filter: brightness(0.5); }
#s3_territorio .text_container { gap: 2rem 4rem; align-items: stretch; }
#s3_territorio .single_txt { background-color: var(--white); border-radius: 2rem; text-align: center; padding: 3rem 2rem; width: 18rem; height: auto; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CASEIFICIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 2 */
#s2_caseificio .video { margin: 2rem auto 0 auto; max-width: 1281px; }
#s2_caseificio .video .filter { background: linear-gradient(to right, rgb(var(--black-rgb) / 70%) 0%, rgb(var(--black-rgb) / 10%) 100%); border-radius: 1rem; }
#s2_caseificio .video picture img { border-radius: 1rem; height: 70vh; }
#s2_caseificio .video .player_img { top: 50%; left: 50%; height: 50%; width: 6rem; transform: translate(-50%, -50%); }

/* Section 3 */
#s3_caseificio .title { margin-bottom: 2rem; }

#s3_caseificio .anno { padding-bottom: 4rem; padding-left: 2.5rem; }
#s3_caseificio .anno:last-of-type { padding-bottom: 0; }

#s3_caseificio .anno picture { margin-top: 1rem; }
#s3_caseificio .anno picture img { min-height: 18rem; border-radius: 1rem; }

#s3_caseificio .anno .text { opacity: 0.35; transition: .75s ease; }
#s3_caseificio .anno.anim_on .text { opacity: 1; } 

#s3_caseificio .anno .dot { width: 1.5rem; height: 1.5rem; min-width: 1.5rem; background-color: var(--brown); border-radius: 8rem; top: 0; left: 0;  opacity: 0.35; transition: .75s ease;  }
#s3_caseificio .anno.anim_on .dot { transform: scale(1.1); transform-origin: center; opacity: 1; }

#s3_caseificio .anno .line { position: absolute; top: 1.5rem; left: 0.75rem; width: 2px; background-color: var(--brown); transform: translate(-50%, 0); }
#s3_caseificio .anno .line.anim { height: 0; }
#s3_caseificio .anno .line.bkg { opacity: 0.25; height: calc(100% - 1.5rem); }

#s3_caseificio .anno:last-of-type .line { display: none; }

#s3_caseificio .storia_images { display: none; }

/* Section 6 */
#s6_caseificio .left p { font-size: 1.25rem; }
#s6_caseificio .right p { font-size: 1.5rem; font-weight: 700; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LAVORAZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s2_lavorazioni .lavorazioni { gap: var(--c15v) 0; }
#s2_lavorazioni .single_fase { gap: 2rem; opacity: 0.35; transition: .75s ease; }
#s2_lavorazioni .single_fase.anim_on { opacity: 1; }

#s2_lavorazioni .text :where(h3, p) { margin-top: 0.5rem; }
#s2_lavorazioni .text .fase { text-transform: uppercase; font-size: calc(var(--p-size) * 1.2);  }

#s2_lavorazioni .img_container picture img { border-radius: 1rem; height: 35vh; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONTATTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s2_contatti .text_container { max-width: 1281px; margin: 0 auto; }
#s2_contatti .text_container p { margin-top: 0.5rem; }

#s2_contatti .contatti { max-width: 1281px; margin: 0 auto; }
#s2_contatti .contatti :where(p, a) { margin-top: 0.5rem; width: max-content; }
#s2_contatti .contatti h3 { margin-bottom: 1rem; }

#s2_contatti .social { gap: 0.25rem; margin-top: 1rem; }
#s2_contatti .social p { font-size: 1.25rem; font-weight: 700; }
#s2_contatti .social svg { height: 2.5rem; min-width: 2.5rem; width: auto; }
#s2_contatti .social svg path { fill: var(--brown); }

/* Mappa */
#map { height: 70vh; max-height: 700px; z-index: 1; border-radius: 2rem; }
#map .leaflet-control-attribution { display: none; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Posts Loop */
#card_grid { grid-template-columns: 1fr; grid-gap: 3rem 2rem; }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_single .grid_container { gap: 2rem; }

/* Left */
#s1_single .left picture img { max-width: 600px; }

/* Right */
#s1_single .intro .title { color: var(--brown); padding-bottom: 1rem; border-bottom: 1px solid var(--dark_brown); }
#s1_single .intro .subtitle { margin: 0; padding-top: 1rem; font-size: 1.5rem; font-style: italic; text-transform: uppercase; font-weight: 400; }
#s1_single .pdf_file { margin-top: 3rem; }

#s1_single .flexible_txt { margin-top: 3rem; }
#s1_single .flexible_txt h3 { font-weight: 400; text-transform: uppercase; font-size: 1.25rem; }
#s1_single .flexible_txt :where(ul, p) { margin-top: 0.5rem; }
#s1_single .flexible_txt  li { margin-top: 0.5rem; }

#s1_single .flexible_table { margin-top: 3rem; background-color: var(--white); padding: 1.5rem; border-radius: 1rem; }
#s1_single .flexible_table h3 { text-transform: uppercase; font-size: 1.25rem; }

#s1_single .flexible_table .rows { margin-top: 1rem; }

#s1_single .flexible_table .single_row { padding: 0.5rem; border-bottom: 1px solid var(--dark_brown); gap: 1rem; }
#s1_single .flexible_table .single_row:last-of-type { padding-bottom: 0; border-bottom: 0; }
#s1_single .flexible_table .single_row .label { width: calc(40% - 0.5rem);  font-weight: 600; color: var(--dark_brown); }
#s1_single .flexible_table .single_row .value { width: calc(60% - 0.5rem); }




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

/* WP-Form - Custom */
#form .wpforms-field label { color: var(--white); font-weight: 400;  }
#form .wpforms-field label span { color: var(--white); }
#form .wpforms-field:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-phone, .wpforms-field-email, .wpforms-field-textarea) label { position: absolute;
	position: absolute; top: 0.75rem; left: 1.5rem; font-size: 1rem; background-color: var(--brown); padding: 0.25rem; pointer-events: none; transition: .25s ease; }

#form .focus.wpforms-field:where(.wpforms-field-name, .wpforms-field-text, .wpforms-field-phone, .wpforms-field-email, .wpforms-field-textarea) label { top: 0rem;
    font-size: 12px; transform: translateY(-50%); }

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 1px solid rgb(var(--white-rgb) / 75%); border-radius: 0.5rem;
	padding: 1rem 2rem; font-size: 1rem; color: var(--white);
}
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--white); opacity: 0.8; }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: 0.5rem; border: 1px solid var(--white); 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(--white); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--white); background-color: var(--dark_brown); }

#form button[type=submit], #form input[type=submit] {
	padding: 0.75rem 2.25rem; border-radius: 0.5rem; text-transform: uppercase; text-align: center; width: max-content;
	margin: 1rem auto 0 auto; background-color: var(--white); font-weight: 400; color: var(--brown); border: 1px solid var(--white);
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--dark_brown); 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 { filter: unset; color: var(--brown); }
#s1_grazie .s1_title p { margin-top: 0.5rem; }
#s1_grazie .s1_title a { margin: 2rem auto 0 auto; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_404 .s1_title h1 { filter: unset; color: var(--brown); font-size: calc(var(--h1-size) * 1.5); }
#s1_404 .s1_title p { margin-top: 0.5rem; }
#s1_404 .s1_title a { margin: 2rem auto 0 auto; }








/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * 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_logo { padding: 0.5rem 1.5rem; transform: scale(1.25); }
	.head_wrapper { padding: 0.5rem 1.5rem; }

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Form */
	.sec_form .form_container { padding: 3.5rem 4rem; }

	#form #wpforms-132-field_1-container, #form #wpforms-132-field_2-container,
	#form #wpforms-132-field_3-container, #form #wpforms-132-field_4-container { width: calc(50% - 0.5rem); }


}




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

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

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

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Stores */
	#sec_punti_vendita .stores { align-items: stretch; }
	#sec_punti_vendita .single_store { width: calc(50% - 1rem); }

	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	/* Posts Loop */
	#card_grid { grid-template-columns: 1fr 1fr; grid-gap: 3rem 2rem; }
	#card_grid .card_product .top picture img { min-height: 17rem; object-fit: contain; object-position: top; }


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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	/* Head Content */
	.head_wrapper { padding: 0rem 1.5rem; }
	header.scroll_on .head_wrapper {  padding: 0rem 1.25rem; }

	.menu_desktop { display: block; }
	.menu_desktop .menu { display: flex; justify-content: flex-end; align-items: center; gap: 0.5rem; }

	.menu .menu_link { padding: 1.75rem 0.5rem;}
	.menu .link::after  { display: block; }
	.menu .menu_link.link::after { bottom: calc(1.75rem - 0.25rem); }

	.menu .sub_menu { position: static; }
	.menu .sub_menu.open { padding: 0; margin: 0; border: 0; }
	.menu .sub_menu .list { position: absolute; bottom: 0; right: 0; transform: translateY(calc(100% + 2rem)); }
	.menu .sub_menu .list a { padding: 0.75rem 0.5rem; width: fit-content; }
	.menu .sub_menu .list .list_wrapper { overflow: unset; max-height: unset; padding: 1rem 2rem; border-radius: 0.5rem; width: 55vw; max-width: 1000px; align-items: center;
		 display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 1rem; background-color: var(--white); box-shadow: 0 0 1rem rgb(var(--dark_brown-rgb) / 15%); }

	/* Hamburger */
	.menu_mobile { display: none; }

	/*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/
	/* Gslider */
	#glightbox-body :where(.glightbox-container .gprev, .glightbox-container .gnext) { top: 45%; }

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

	.tac_responsive { text-align: left; }
	.tac_responsive a { margin: 1.25rem 0 0 0; }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s1_home .mucca { bottom: -0.5rem; width: 30%; }
	#s1_home .s1_title { margin-bottom: var(--c15v); }

	/*∞∞∞∞∞∞ CASEIFICIO ∞∞∞∞∞∞*/
	/* Section 3 */
	#s3_caseificio .storia_container { display: grid; grid-template-columns: 1fr 1fr; gap: var(--c5o); }
	#s3_caseificio .anno picture { display: none; }

	#s3_caseificio .storia_images { display: block; }
	#s3_caseificio .storia_images .preview { height: 100%; transition: .35s ease; }
	#s3_caseificio .storia_images .preview picture { height: 100%; }
	#s3_caseificio .storia_images .preview picture img { border-radius: 1rem; transition: .75s ease; }
	#s3_caseificio .storia_images .preview:not(:first-of-type) picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

	#s3_caseificio .storia_images .preview.anim_on picture img  { opacity: 1; }

	/* Section 6 */
	#s6_caseificio .flex_container { margin: var(--c7v) auto 0 auto; }

	/*∞∞∞∞∞∞ TERRITORIO ∞∞∞∞∞∞*/
	#s3_territorio .text_container { flex-wrap: nowrap; }

	/*∞∞∞∞∞∞ LAVORAZIONI ∞∞∞∞∞∞*/
	#s2_lavorazioni .single_fase { gap: 8rem; align-items: flex-start; }

	#s2_lavorazioni .single_fase:nth-of-type(odd) { flex-direction: row-reverse; }
	#s2_lavorazioni .single_fase .text { width: calc(50% - 4rem); }
	#s2_lavorazioni .text .fase { margin-top: 0; }

	#s2_lavorazioni .single_fase .img_container { width: calc(50% - 4rem); }
	#s2_lavorazioni .img_container picture img { height: 22rem; }

	#s2_lavorazioni .single_fase .dot { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1.5rem; height: 1.5rem; border-radius: 8rem; 
		background-color: var(--brown); min-width: 1.5rem; transition: .75s ease; }
	#s2_lavorazioni .single_fase.anim_on .dot { width: 2rem; height: 2rem; }

	#s2_lavorazioni .single_fase .line { position: absolute; top: 1.5rem; left: 50%; width: 2px; background-color: var(--brown); 
		/* transform: translate(calc(-50% + 0.875), 0); */ }
	#s2_lavorazioni .single_fase .line.anim { height: 0; opacity: 1; }
	#s2_lavorazioni .single_fase .line.bkg { opacity: 0.25; height: calc(100% + var(--c15v) - 1.5rem); }

	#s2_lavorazioni .single_fase:last-of-type .line { display: none; }

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* Products slider */
	.product_slider .text_top { display: flex; justify-content: space-between; align-items: center; }
	.product_slider .text_top h2 { width: 70%; }
	.product_slider .text_top .btn_custom { width: 20%; margin: 0; }

	/* Sec ico */
	.sec_ico .container { padding: var(--c20v) var(--c7o); }
	.sec_ico .wood_bkg {  -webkit-mask-image: url(../images/svg/tagliere.svg);  mask-image: url(../images/svg/tagliere.svg); mask-repeat: no-repeat;
 		mask-position: right center; mask-size: 135%; }
	.sec_ico .icos_container { gap: 0 0.5rem; flex-wrap: nowrap; justify-content: space-around; margin-top: var(--c5v); }
	.sec_ico .single_ico { max-width: 12rem; }

	/* Stores */
	#sec_punti_vendita .single_store { width: calc((100% / 3) - 2rem); }

	/* Text img 50 */
	.multi_textimg50 .txtimg50:nth-of-type(even) { flex-direction: row-reverse; }

	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	/* Posts Loop */
	#card_grid { grid-template-columns: 1fr 1fr 1fr; }

	/*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/
	#s1_single { overflow: clip; }
	#s1_single .grid_container { grid-template-columns: 1fr 1fr; gap: var(--c5o); }

	#s1_single .left picture { position: sticky; top: 15vh; }
	#s1_single .left picture img { max-width: 750px; max-height: 80vh; }

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Content */
	footer { margin-top: 150px; }
	footer .wave { height: 150px; background-size: 2000px 150px; animation: wave_animation 7s linear infinite; }

	@keyframes wave_animation {
		0% { background-position-x: 0; }
		100% { background-position-x: 2000px;  }
	} 

	/* Top */
	.foot_logo { width: 100%; max-width: unset; }
	footer .top { grid-template-columns: 0.5fr 1.25fr 1fr; gap: var(--c5o); }
	footer .top .middle .single_contact { justify-content: flex-start; }
	footer .top .right .btn_custom { margin: 0; max-width: 375px; }
	footer .top .right .pages { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 1rem; }
	footer .top .right .pages a { width: calc(50% - 0.5rem); }

	/* Bottom */
	footer .bottom { grid-template-columns: 0.5fr 1fr 1fr; gap: var(--c5o); }
	footer .bottom .left p { white-space: nowrap; }

	/* Credits */
	#credits { grid-column: 2 / 4; }
	#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) {

	.head_logo { transform: scale(1.65); }

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	footer .top { grid-template-columns: 0.5fr 1fr 1fr; }

}




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

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.menu .menu_link { padding: 1.75rem 1.5rem; }
}




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

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

	#card_grid {  grid-template-columns: 1fr 1fr 1fr 1fr; }
	.sec_ico .container { max-width: unset; }
}




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

@media screen and ( min-width: 2561px ) {
	    
	.head_logo { transform: scale(2); }

}