/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Primo piatto "

BASE (MOBILE) SIZE

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



.djacc,
section.djacc.djacc-container.djacc-popup.djacc--light.djacc--sticky.djacc--bottom-left { width: fit-content !important; }




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


.header { z-index: 4; top: 0; left: 50%; transform: translateX(-50%); width: 100%; background-color: #FDF3E6; border-radius: 0 0 2rem 2rem; box-shadow: 0 0 1.5rem rgb(var(--green-rgb) / 15%) }
.head_wrapper { padding: .75em 1.5em; z-index: 2; }




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

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



.header.scroll .head_logo {
	--head-logo-width: 50px;
	--head-logo-min: 50;
	--head-logo-max: 80;
	max-width: 80px;
}






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

.lang .wpml-ls-legacy-dropdown-click { width: auto; }
.lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle, .lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
	display: flex; align-items: center; justify-content: center; width: 3rem; background-color: var(--yellow);
	padding: 0; padding: .5rem .75rem; border: 2px solid var(--green); border-radius: 50%; aspect-ratio: 1 / 1; 
	font-size: 1.25rem; line-height: 1; text-transform: uppercase; white-space: nowrap; font-weight: 600; color: var(--green);
}
.lang .wpml-ls-legacy-dropdown-click a span { margin-top: 2px; }
.lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { display: none; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border: 0; margin-top: .25rem; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-item { margin-top: 2px; }

.lang #wpml-ls-submenu-click-default { background-color: transparent; }


.link.open_corsi { margin-left: .5rem; padding: .625rem 1rem; font-weight: 600; text-transform: initial; }
.link.open_corsi span span { display: none; }

.box_menu_corsi { 
	display: none; position: absolute; right: 0; bottom: 0; transform: translateY(calc(100% + 1rem)); 
	padding: 2rem 1rem; width: calc(100% - 1rem); min-width: 10rem; background-color:  var(--yellow); border-radius: 1rem; border: 2px solid var(--green);
}
.box_menu_corsi a { color: var(--green); font-size: 1.125rem; }
.box_menu_corsi a + a { margin-top: 1rem; }
.box_menu_corsi a:hover { font-weight: 600; }


.filter_close_menu {
	display: none; position: fixed; top: 0; left: 0; z-index: 2;
	pointer-events: initial; width: 100%; height: 100%; background-color: rgb(30 30 30 / 75%); 
}





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

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


#hamburger:not(.tapped):hover .burger { width: 1.25em; }


/* 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; position: absolute; top: 0; left: 0; z-index: 1; }
#main_nav .menu_wrapper { top: 0; left: 0; background-color: #FDF3E6; }

#main_nav .menu {  }
#main_nav .menu li { font: inherit; line-height: 1; text-align: center; }
#main_nav .menu li.current-menu-item { color: ; }
#main_nav .menu li a { display: inline-block; font-size: 1.5em; font-weight: 600; line-height: 1; color: var(--green); padding: .5em .25em;  }
#main_nav .menu li a:hover {}










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


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

.link {
	display: block; position: relative; width: fit-content;
    padding: .625em 1.5em; border: 2px solid var(--green); border-radius: .625em;
	font: inherit; font-size: var(--rem); color: var(--green); font-weight: 600; text-transform: uppercase;
	background-color: var(--yellow);
}
.link:hover, .link:focus, .link:active { background-color: var(--green); color: var(--white); }

.link.flex { display: inline-flex; gap: .75rem; }
.link.flex svg { width: 1rem; min-width: 1rem; }
.link.flex svg path { fill: var(--green); transition: .25s ease; }
.link.flex:hover path, .link.flex:focus path, .link.flex:active path { fill: var(--white); }


.link.white { background-color: var(--light); border-color: var(--light); }
.link.white:hover { background-color: var(--green); }

.link.clean { background-color: transparent; border-color: var(--green); color: var(--green); }
.link.clean:hover { background-color: var(--green); color: var(--white); }






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

.filter_black { opacity: .5; }




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


.box_std { border-radius: 1.5rem; border: 2px solid var(--green); background-color: var(--light); }


/* Text */
.cursive { font-family: var(--cursive); font-size: clamp(1.75rem, 4vw, 3.75rem); line-height: 1; }
h2.cursive { font-weight: 400; }

.text .cursive + h2 { margin-top: .25rem; }

.text:not(.no_check) ul li { margin-left: 0; list-style: none; padding-left: 2rem; position: relative; }
.text:not(.no_check) ul li + li { margin-top: .75rem; }
.text:not(.no_check) ul li::after {
	content: ""; width: 1.5rem; height: 1.5rem; position: absolute; left: 0; top: 0;
	background: url(../images/svg/list.svg) no-repeat center / .85rem; background-color: var(--green); border-radius: 4rem;
}



/* Sections */
.br_all { border-radius: 4vw; background-color: var(--main-bkg-color); }
.br_t { border-radius: 4vw 4vw 0 0; }
.br_b { border-radius: 0 0 4vw 4vw; }
.s1 + :where(.br_all, .br_t, .br_b) { margin-top: -4vw }


.bkg_light { background-color: var(--light); }
.bkg_yellow { background-color: var(--yellow); }





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

.nav_btn { 
	width: 3em; min-width: 3em; 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_btn.abs { top: 50%; transform: translateY(-50%);  }
.nav_prev.abs { left: 0; }
.nav_next.abs { right: 0; }

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


/* Dots */
#nav_dots .swiper-pagination-bullet { background-color: transparent; border: 1px solid var(--white); width: .625rem; height: .625rem; opacity: 1; }
#nav_dots .swiper-pagination-bullet-active { background-color: var(--white); }


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





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

/* Social */
.social { gap: .5rem; }
.social a { display: inline-block; width: 2.75em; height: 2.75em; padding: .625em; background-color: var(--yellow); border: 2px solid var(--yellow); border-radius: 5rem }
.social a :where(img,svg) { width: 100%; height: 100%; }
.social a svg path { transition: .25s ease; }

.social a:hover { background-color: transparent; }



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

.sticky { top: 5vh; }




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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CALEDARIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#calendario .flatpickr-calendar { background-color: var(--light); box-shadow: unset; border-radius: 1.5rem; padding: .125rem; width: auto; max-width: 100%; height: auto; }
#calendario .flatpickr-calendar span { font-family: var(--main-font); color: var(--green); }
#calendario .flatpickr-calendar select, #calendario .flatpickr-calendar .numInput { font-family: var(--main-font); color: var(--green); font-weight: 600; }

/* Mesi e frecce */
#calendario .flatpickr-months { position: relative; padding-top: 0.5rem; margin-bottom: 1.5rem; }
#calendario .flatpickr-months .flatpickr-month { height: auto; }
#calendario .flatpickr-months .flatpickr-current-month { padding: .25rem; font-size: 1.25rem; height: auto; position: relative; left: 0; width: 100%; }

#calendario .flatpickr-months .flatpickr-prev-month, #calendario .flatpickr-months .flatpickr-next-month { top: 50%; transform: translateY(-50%); }
#calendario .flatpickr-months .flatpickr-prev-month:not(.flatpickr-disabled), 
#calendario .flatpickr-months .flatpickr-next-month:not(.flatpickr-disabled) { display: flex; }
#calendario .flatpickr-months .flatpickr-prev-month svg, #calendario .flatpickr-months .flatpickr-next-month svg { width: 20px; height: 20px; }
#calendario .flatpickr-months .flatpickr-prev-month:hover svg, #calendario .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--yellow); }


/* Giorni settimana */
#calendario .flatpickr-weekdays { height: auto; }
#calendario span.flatpickr-weekday { font-size: clamp(.75rem, 1.25vw, .95rem); margin-bottom: 1rem; }


/* Giorni */
#calendario .flatpickr-days, #calendario .dayContainer { width: 100%; max-width: unset; }
#calendario .flatpickr-day { cursor: initial; width: calc(100% / 7) !important; max-width: unset; font-size: clamp(.75rem, 1.25vw, .95rem); height: auto; line-height: 2.5; }

#calendario .flatpickr-disabled { opacity: .25; }
#calendario .nextMonthDay { opacity: .5; }
#calendario .flatpickr-day.today { border-color: transparent; }
#calendario .flatpickr-day:hover { background-color: transparent !important; border-color: transparent !important; }
#calendario .flatpickr-day.selected { background: transparent; -webkit-box-shadow: none; box-shadow: none; color: var(--green); border-color: transparent; }

#calendario .flatpickr-day.base, #calendario .flatpickr-day.avanzato { color: var(--light); }
#calendario .flatpickr-day.base::before, #calendario .flatpickr-day.avanzato::before {
	content: ""; width: auto; height: 100%; aspect-ratio: 1 / 1; 
	border-radius: 5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; 
}
#calendario .flatpickr-day.base::before { background-color: var(--base);  }
#calendario .flatpickr-day.avanzato::before { background-color: var(--avanzato);  }


#calendario .flatpickr-day.base.avanzato::before { background: linear-gradient(-45deg, var(--base) 0%, var(--base) 50%, var(--avanzato) 50%, var(--avanzato) 100%); }






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

/* Title */
.textAnim h1 { opacity: 0; }
.textAnim.active h1 { opacity: 1; }

#s1_home .textAnim img { transform: translateY(100%); opacity: 0; transition: all 1.5s cubic-bezier(0.57, 0, 0.18, 1), opacity 2.25s cubic-bezier(0.57, 0, 0.18, 1); }
#s1_home .textAnim.active img { transform: translateY(0); opacity: 1; }

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

.trigger.active.sec_img picture { clip-path: inset(0 0 0 0); }
.trigger.active.sec_img img { transform: scale(1); opacity: 1; transition: 1s cubic-bezier(0.57, 0, 0.18, 1) -.25s, opacity .1s ease; }

/* Text */
.textAnim p, .textAnim li, .textAnim .tag_diff { opacity: 0; transform: translate(0%, 40%); transform-origin: top left; transition: .75s ease-in-out .25s; will-change: transform; }
.textAnim.active p, .textAnim.active li, .textAnim.active .tag_diff { opacity: 1; transform: translate(0%, 0%); }

/* Faq */
#sec_faq .card_accordion.trigger { transform: translateY(100%); opacity: 0; transition: .75s ease-in-out; }
#sec_faq .card_accordion.trigger.active { transform: translateY(0); opacity: 1; }

/* Card */
.card.trigger { transform: translateY(4rem); opacity: 0; transition: .75s ease-in-out; }
.card.trigger.active { transform: translateY(0); opacity: 1; }

/* Metodo */
.wrapper_metodo .box_std.trigger { transform: translateY(4rem); opacity: 0; transition: .75s ease-in-out; }
.wrapper_metodo .box_std.trigger:nth-of-type(2) { transition-delay: .125s; }
.wrapper_metodo .box_std.trigger:nth-of-type(3) { transition-delay: .25s; }
.wrapper_metodo .box_std.trigger:nth-of-type(4) { transition-delay: .5s; }
.wrapper_metodo .box_std.trigger.active { transform: translateY(0); opacity: 1; }

/* Rivolto a */
.wrapper_icon .box_icon.trigger { transform: translateY(4rem); opacity: 0; transition: .75s ease-in-out; }
.wrapper_icon .box_icon.trigger:nth-of-type(2) { transition-delay: .125s; }
.wrapper_icon .box_icon.trigger:nth-of-type(3) { transition-delay: .25s; }
.wrapper_icon .box_icon.trigger:nth-of-type(4) { transition-delay: .5s; }
.wrapper_icon .box_icon.trigger.active { transform: translateY(0); opacity: 1; }






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


footer { background-color: #FDF3E6; border-radius: 4vw 4vw 0 0; margin-top: -4vw; overflow: hidden; }


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

.top_foot { gap: var(--c7v) 2rem; }
.bott_foot { margin-top: var(--c10v); padding-top: var(--c10v); border-top: 1px solid var(--green); gap: var(--c7v) 2rem; }


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


/* Foot Block */
.foot_block {}
.foot_block h4 { color: var(--green); font-size: 1.75rem; font-weight: 600; margin-bottom: 2rem; }
.foot_block p { font-size: 1.25rem; color: var(--green); font-weight: 500; }
.foot_block p a { font: inherit; display: inline-block; }
.foot_block p a:hover { color: var(--yellow); }




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

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




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

.cta_bottom {
	display: none; z-index: 2; 
	bottom: 1em; right: 1em;
	--back-top-px: 50px;
	--back-top-min: 50;
	--back-top-max: 70;
	max-width: 70px; 
	aspect-ratio: 1 / 1; padding: .75em; background-color: var(--yellow); border-radius: 5rem;
	cursor: pointer; transition: .25s ease; box-shadow: 0 0 1rem rgb(var(--green-rgb) / 25%);
}
.cta_bottom :where(img, svg) { width: 100%; }
.cta_bottom svg path { fill: var(--green); }








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


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

.s1 { overflow: hidden; }
.s1 .h100 { min-height: calc(100vh + 4vw); }



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

#sec_form { padding-bottom: 4vw; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION GALLERY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.gallery_wrp { white-space: nowrap; gap: 1rem; align-items: flex-end; width: 115vw; }
.gallery_bottom { margin-top: 1rem; align-items: flex-start; transform: translateX(calc(-100% + 100vw)); }
.gallery_wrp img { width: 30vw; min-width: 30vw; height: 22vw; object-fit: cover; border-radius: 1.5rem; }

/* New */
.glightbox button { opacity: 0; }
.glightbox button svg { filter: drop-shadow(0 0 1rem rgb(30 30 30 / 50%)); }
.glightbox:hover button { opacity: 1; }

.glightbox .filter { background-color: rgb(var(--yellow-rgb) / 25%); opacity: 0; transition: .25s ease; }
.glightbox:hover .filter { opacity: 1; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PASTA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.pasta { width: 25%; }

.pasta.bl { bottom: 0; left: 0; transform: translate(-25%, 60%); }
.pasta.br { bottom: 0; right: 0; transform: translate(25%, 20%) rotate(-90deg); }
.pasta.tr { top: 0; right: 0; transform: translate(25%, 0) rotate(-90deg); }
.pasta.tl { top: 0; left: 0; transform: translate(-25%, 10%); }

.pasta.mezzemaniche { width: 15% }
.pasta.raviolo { width: 20%; transform: translate(-25%, 50%) rotate(45deg); }

.pasta_anim_toLeft img { transform: translate(-100%, 100%); transition: 1s cubic-bezier(0.57, 0, 0.18, 1); }
.pasta_anim_toRight img { transform: translate(-100%, 100%); transition: 1s cubic-bezier(0.57, 0, 0.18, 1); }

.pasta_anim_toRight.active img { transform: translate(0); }
.pasta_anim_toLeft.active img { transform: translate(0); }








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


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

.card .tag_diff { position: absolute; left: 1.5rem; top: 1.5rem; }

.card picture { border-radius: 2rem; margin-bottom: -2rem; overflow: hidden; z-index: 1; }
.card a picture img { transition: .5s ease-in-out }

.card .text { border: 2px solid rgb(var(--green-rgb) / 50%); border-top: 0; border-radius: 0 0 2rem 2rem; padding: 2rem; padding-top: 4rem; transition: .5s ease-in-out; }
.card .text h3 { font-size: 1.5rem; }
.card .text h3 + p { margin-top: .5rem; font-size: 1.125rem; }
.card .text button { display: inline-flex; gap: .75rem; color: var(--green); text-transform: uppercase; font-weight: 600; margin-top: 1.25rem; }
.card .text button svg { width: 1rem; transition: .5s ease-in-out; }

.card a:hover picture img { transform: scale(1.1); }
.card a:hover .text button svg { transform: translateX(.25rem); }
.card a:hover .text { background-color: rgb(var(--yellow-rgb) / 10%); }




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

.wrapper_corsi { gap: var(--c7v) var(--c5o); }




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

.link_calendar { margin-top: 2rem; transition: .5s ease-in-out; display: inline-block; }
.link_calendar p { display: inline-flex; gap: .75rem; color: var(--green); text-transform: uppercase; font-size: 1.125rem; font-weight: 700; transition: .25s ease-in-out }
.link_calendar svg { width: 1rem; transition: .5s ease-in-out }
.link_calendar svg path { transition: .25s ease-in-out }

.link_calendar:hover p { color: var(--diff); }
.link_calendar:hover svg path { color: var(--diff); }


.tag_diff {
	display: inline-block; background-color: var(--diff); padding: .5em 1em; border-radius: .5rem; margin-bottom: .75rem;
	color: var(--light); font-size: clamp(16px, 1vw, 18px); text-transform: uppercase; font-weight: 500;
}





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

#sec_doc .card picture img { object-position: 0 10%; }





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

#s5_home .text .cursive { font-size: clamp(1.25rem, 4vw, 2.5rem); }


#icon_slider .swiper { padding-left: var(--c7o); width: 110%; }

#slider_progress { position: relative; border-radius: 2rem; background-color: rgb(var(--green-rgb) / 25%); }
#slider_progress .swiper-pagination-progressbar-fill { background: var(--green); border-radius: 2rem; overflow: hidden; }


.box_icon.swiper-slide { display: flex; }
.box_icon {
	display: flex; align-items: center; justify-content: center; flex-direction: column;
	border-radius: 1.5rem; border: 2px solid var(--green);
	background-color: var(--light); padding: 1.5rem; 
}
.box_icon img { width: 70%; }
.box_icon p { margin-top: 1rem; font-size: .85rem; line-height: 1.25; color: var(--green); }



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

.logo_italgi { width: 70%; }


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

.wrapper_box { border-radius: 2.5rem; background-color: var(--light); overflow: hidden; }
.wrapper_box .text { padding: var(--c10v) var(--c5o); }
.wrapper_box .sec_img picture { height: 100%; overflow: hidden; border-radius: 2.5rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION Recensioni ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#rec_slider .swiper { padding-left: var(--c7o); width: 110%; }
#rec_slider .swiper-slide {
	border-radius: 1.5rem; border: 2px solid var(--green);
	background-color: var(--light); padding: 1.5rem;
}
#rec_slider .swiper-slide p:first-of-type { color: var(--green); font-weight: 700; font-size: 1.25rem; margin-bottom: .25rem; }
#rec_slider .swiper-slide p:nth-of-type(2) { color: var(--green); font-size: .85rem; margin-top: 1rem; }








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


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

/* Section 3 */
.swiper-gallery { overflow-y: visible; overflow-x: clip; padding: 0 1rem; }
.swiper-gallery .swiper-slide { border-radius: 1.5rem; overflow: hidden; }
.swiper-gallery #nav_dots { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); width: auto; z-index: 2; --blue: var(--white); }

/* Section 8 */
.sec_img picture { border-radius: 1.5rem; }

.wrapper_grid { gap: var(--c5v) 2rem; }
.wrapper_grid picture { height: 100%; aspect-ratio: unset; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE DOCENTE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_docente:nth-of-type(odd) .wrapper_box .text { order: 1; }
.wrapper_docente:nth-of-type(odd) .wrapper_box .sec_img { order: 2; }




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

#s3_contatti .grid { gap: 2rem; }

.box_std.cont { padding: 1.5rem; }
.box_std.cont h3 { margin-bottom: 1.5rem; }
.box_std.cont p { font-size: 1.25rem; color: var(--green); font-weight: 500; }
.box_std.cont p a { font: inherit; display: inline-block; }
.box_std.cont p a:hover { color: var(--yellow); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE APRIRE UN PASTIFICIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.box_step .text p.step { text-transform: uppercase; font-weight: 700; font-size: 1.25rem; }
.box_step .text h2 { margin-top: 0; color: var(--green); text-transform: uppercase; font-weight: 700; font-size: 1.25rem; }

.box_step:nth-of-type(even) { flex-direction: row-reverse; }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ATTREZZATURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#mac_slider { padding: 0 var(--c2o); }
#mac_slider .card .text { padding: 3rem; padding-top: 4rem; }
#mac_slider .card p { font-size: .85rem; }

#mac_slider .card picture { background: linear-gradient(to top, var(--yellow), var(--white) 40%); padding: 1.5rem; }
#mac_slider .card picture img { object-fit: contain; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CORSI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.wrapper_pcorsi + .wrapper_pcorsi { margin-top: var(--c15v); }

/* Section 5 */
.wrapper_metodo { gap: 1rem 1.5rem; }
.wrapper_metodo .box_std { padding: 1.5rem; gap: 1rem; }
.wrapper_metodo .box_std img { width: 3rem; min-width: 3rem; }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE FAQ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 1 */
.wrapper_links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .25rem 1rem; margin-top: var(--c5v); }
.wrapper_links .link.clean { font-size: .85rem; }



/* Section 2 */
.card_accordion { border-radius: 1.5rem; border: 2px solid var(--green); background-color: var(--light); }
.card_accordion + .card_accordion { margin-top: 1rem; }

.accordion_head { padding: 1.5rem 2rem; cursor: pointer; transition: .25s ease; }
.accordion_head:not(.active):hover { background-color: rgb(var(--yellow-rgb) / 20%); }
.accordion_head h3 { font-size: clamp(1rem, 1.5vw, 1.5rem); flex: 1 1 auto; }
.accordion_head .plus { width: 2rem; min-width: 2rem; }
.accordion_head .plus path { fill: var(--green); }
.accordion_head.active .nominus { opacity: 0; }

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









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


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

.s1_single .s1_title h1 span { display: block; font-weight: 400; margin-bottom: 2rem; }



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

.wrapper_icon { gap: 1rem; grid-template-columns: 1fr 1fr; }
.wrapper_icon p { font-weight: 700; font-size: clamp(1rem, 1.5vw, 1.25rem); }


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

.info_corso .info { margin-top: 1.5rem; gap: .75rem; max-width: 30rem; }
.info img { width: 1.5rem; height: 1.5rem; margin-top: 2px }
.info .pre { font-weight: 500; }
.info p:not(.pre) { font-weight: 700; margin-top: 0; }
.info p.small { font-weight: 400; margin-top: .75rem; }











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


/* WP-Form - Custom */
#form .wpforms-field label, #form .wpforms-field legend { color: var(--green); font-weight: 500; font-size: 1rem; }

#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 2px solid var(--green); border-radius: .75rem;
	padding: .75rem 1rem; font-size: 1rem; color: var(--green);
}

#form .wpforms-field:not(.wpforms-field-checkbox) label { z-index: 1; position: absolute; left: 1rem; top: .75rem; transform: translateY(0); transition: .125s ease; background-color: var(--yellow); padding: 2px; }
#form .wpforms-field:not(.wpforms-field-checkbox).focus label { top: 0; transform: translateY(-50%); }

#form .wpforms-field-date-dropdown-wrap { gap: .75rem; }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border: 2px solid var(--green); border-radius: 5px; }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--green); }
#form .wpforms-field.wpforms-field-checkbox li label { color: var(--green); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { opacity: .75; }

#form button[type=submit], #form input[type=submit] {
	display: block; position: relative; width: fit-content;
    padding: .625em 1.5em; border: 2px solid var(--green); border-radius: .625em;
	font: inherit; font-size: var(--rem); color: var(--white); font-weight: 500; text-transform: uppercase;
	background-color: var(--green);
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--light); color: var(--green); }


#form .wpforms-submit-container { display: flex; align-items: center; justify-content: flex-end; margin-top: -1rem; }









/**
 *
 *  █▀▀  █  █  ▀▀█▀▀  █▀▀▄  ▄▀▀▄
 *  █▀▀  ▄▀▀▄    █    █▐█▀  █▀▀█
 *  ▀▀▀  ▀  ▀    ▀    ▀ ▀▀  ▀  ▀ - 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 ) ); }
.cta_bottom { 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 */
	.head_wrapper { padding: .825em 2em; z-index: 2; }

	/* Hamburger */
	/* Nav Menu */


}






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

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

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.top_foot { grid-template-columns: 1fr 1.75fr; align-items: center; }
	.bott_foot { grid-template-columns: 1fr 1fr .625fr; }

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



	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 2 */
	.wrapper_corsi { grid-template-columns: 1fr 1fr; }

	/* Sec 5 */
	.box_icon { aspect-ratio: 1 / 1; }

	/* Sec 6 */
	.logo_italgi { width: 100%; }

	/* Sec 7 */
	.wrapper_box { grid-template-columns: 1fr 1fr; }

}



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

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


	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.header { width: 95%; border-radius: 0 0 4rem 4rem; }
	.head_wrapper { padding: .825em 3em; }

	.link.open_corsi span span { display: inline-block; }
	#hamburger { display: none; }

	.head_menu.flex { gap: .5em; margin-right: .5em; }
	.head_menu.flex a { display: inline-block; font-size: clamp(16px, 1.5vw, 1.125rem); font-weight: 600; line-height: 1; color: var(--green); }
	.head_menu.flex a:hover { opacity: .75; }




	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.foot_block > .flex { justify-content: flex-start; }


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

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




	/*∞∞∞∞∞∞ CHI SIAMO ∞∞∞∞∞∞*/
	/* Sec 8 */
	.wrapper_grid { grid-template-columns: 1fr 1fr; }



	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	#s3_contatti .grid { grid-template-columns: 1fr 1fr 1fr; }



	/*∞∞∞∞∞∞ APRIRE UN PASTIFICIO ∞∞∞∞∞∞*/
	.box_step:nth-of-type(even) .text { padding-right: var(--c5o); }
	.box_step:nth-of-type(odd) .text { padding-left: var(--c5o); }

	.box_step .text { opacity: .5; }
	.box_step.active .text { opacity: 1; }

	.box_step::after {
		content: ""; width: 1rem; height: 1rem; position: absolute; left: 50%; top: .25rem; transform: translateX(-50%);
		background-color: var(--green); border-radius: 4rem; transition: .25s ease; opacity: .25;
	}
	.box_step.active::after { transform: translateX(-50%) scale(1.5); opacity: 1; }


	.wrapper_tl::after { content: ""; width: 1px; height: 100%; position: absolute; left: 50%; top: .25rem; background-color: rgb(var(--green-rgb) / 25%); }



	/*∞∞∞∞∞∞ ATTREZZATURE ∞∞∞∞∞∞*/
	/* Sec 2 */
	#mac_slider { padding: 0; }
	#mac_slider .swiper { padding-left: var(--c7o); padding-right: 0; width: 110%; }

	/* Sec 3 */
	.wrapper_why:nth-of-type(odd) { flex-direction: row-reverse; }



	/*∞∞∞∞∞∞ CORSI ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_pcorsi:nth-of-type(even) { flex-direction: row-reverse; }

	/* Sec 8 */
	.wrapper_metodo { grid-template-columns: 1fr 1fr; }
	.wrapper_metodo .box_std { gap: 1.5rem; }
	.wrapper_metodo .box_std img { width: 5rem; min-width: 5rem; }





	/*∞∞∞∞∞∞ CORSO ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_icon { gap: 2rem; grid-template-columns: 1fr 1fr 1fr 1fr; }

	/* Sec 4 */
	.wrapper_right { position: sticky; top: 15vh; }


}






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

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

	.header { width: 90%; }
	.head_menu.flex { gap: .75rem; }




	/*∞∞∞∞∞∞ CALEDARIO ∞∞∞∞∞∞*/
	#calendario .flatpickr-calendar { padding: 1rem; }

}






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

@media screen and (min-width: 1440px) {
		
	.link.open_corsi { margin-left: 1rem; }
	.head_menu.flex { gap: var(--c1o); margin-right: var(--c2o); }

}






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

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






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

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