/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Garlik "

BASE (MOBILE) SIZE

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




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


.header { z-index: 4; position: fixed; top: 0; left: 0; }
.head_wrapper { padding: 1em 1.5em; z-index: 2; }

.header.bkg { background-color: rgb(var(--black-rgb) / 20%); backdrop-filter: blur(.75rem); }




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

.head_logo { 
	display: inline-block; 
	--head-logo-width: 80px; /* <- in 'px' */
	--head-logo-min: 80;
	--head-logo-max: 170;
	max-width: 170px;
}
.head_logo :where(img, svg) { width: 100%; filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.15)); }




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

.wrapper_sev { display: none; }


.wpml-ls-legacy-list-horizontal { background-color: var(--cream); margin-right: 1rem; padding: .25em; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.wpml-ls-legacy-list-horizontal a {
	width: 2.5em; height: 2.37em; display: flex; align-items: center; justify-content: center;
	text-transform: uppercase; color: var(--blue); font-weight: 600; font-size: 1.25em; line-height: 1; 
}
.wpml-ls-legacy-list-horizontal a span { line-height: 1; display: block; }

.wpml-ls-legacy-list-horizontal a:hover { opacity: .5 }
.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a { background: var(--blue); color: var(--cream); }




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

#hamburger { 
	display: inline-block; font-size: var(--rem); line-height: 0; background-color: var(--cream);
	padding: .75em; overflow: visible; cursor: pointer; transition: .25s ease; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
#hamburger .wrap { width: 2.5em; height: 2.125em; }
#hamburger span {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
	width: 2.5em; height: 4px; border-radius: 0; background-color: var(--blue);
	transform-origin: center; will-change: transform; transition: .25s ease;
}
#hamburger .top_bun { top: 2px; }
#hamburger .burger { top: calc(50% - 1px); }
#hamburger .bottom_bun { bottom: 2px; }

/* Tapped / Clicked animation */
#hamburger.tapped span { transition: .25s ease; }
#hamburger.tapped .burger { opacity: 0; transform: translateX(-100%); }
#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; background: url(../images/webp/menu.webp) no-repeat center; background-size: cover; }
#main_nav .filter { background-color: rgb(var(--blue-rgb) / 100%); mix-blend-mode: multiply; }
#main_nav .menu_wrapper { top: 0; left: 0; overflow-y: scroll; padding-bottom: var(--c15v); padding-top: calc( 90px + ( 180 - 90 ) * ( (100vw - 320px) / 1600 ) ); }


#main_nav .menu_sec { border-bottom: 1px solid rgb(var(--cream-rgb) / 25%); }
#main_nav .menu_inner { padding: 0 var(--c5o) 1rem var(--c5o); }

#main_nav .menu_cont { padding: 2rem var(--c5o) 0 var(--c5o); }
#main_nav .menu_cont p { color: var(--white); }
#main_nav .menu_cont .social { margin-top: 1rem; }
#main_nav .menu_cont .social a { width: 2.75em; height: 2.75em; background-color: rgb(var(--black-rgb) / 30%); }


#main_nav .tit { font-size: 1.5em; text-transform: uppercase; color: var(--cream); opacity: .75; padding: 1rem var(--c5o); cursor: pointer; }
#main_nav .menu_acc .menu_inner { display: none; }
#main_nav .tit svg { width: 1.5rem; height: 1.5rem; }
#main_nav .tit svg polygon { fill: var(--cream); transition: .125s ease; }
#main_nav .tit.active svg polygon:nth-of-type(2) { opacity: 0; }


.menu_wb { background: url(../images/webp/menu_wb.webp) no-repeat center; background-size: 100% auto; }
.menu_ws { background: url(../images/webp/menu_ws.webp) no-repeat center; background-size: 100% auto; }
.menu_t { background: url(../images/webp/menu_t.webp) no-repeat center; background-size: 100% auto; }

#menu_serv .menu_inner a { display: inline-flex; padding: 2.5rem .5rem; color: var(--white); text-transform: uppercase; font-size: 1.5em; font-weight: 600; box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, 0.10); text-align: center;  }
#menu_serv .menu_inner a + a { margin-top: .5em; }
#menu_serv .menu_inner a span { display: inline-block; position: relative; }
#menu_serv .menu_inner a .filter { opacity: .75; filter: grayscale(1); transition: .125s ease; }
#menu_serv .menu_inner a:hover .filter { filter: grayscale(0); }
#menu_serv .menu_inner a:hover { background-size: 120% auto; }

#main_nav .menu li { font: inherit; line-height: 1; }
#main_nav .menu li + li { margin-top: 1em; }
#main_nav .menu li a { display: inline-block; font-size: 1.5em; color: var(--cream); line-height: 1; position: relative; }
#main_nav .menu li a::after {
	content: ""; width: 100%; height: 1px; background-color: var(--hover);
	position: absolute; right: 0; bottom: -.125em; transform: scaleX(0); transform-origin: center right; transition: transform .7s cubic-bezier(.52,0,0,1);
}
#main_nav .menu li a:hover { color: var(--hover); }
#main_nav .menu li a:hover::after { transform: scaleX(1); transform-origin: center left; }






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












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


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

.link { display: inline-grid; gap: .75em; grid-template-columns: auto auto; position: relative; z-index: 1; }

.link span {
	display: inline-flex; position: relative;
	border: 2px solid var(--blue); padding: .75em 1.375em;
	font-size: 1.125rem; color: var(--cream); text-transform: uppercase; font-weight: 600;
}
.link span:not(.svg)::before { content: ""; position: absolute; left: 0; top: -2px; width: 100%; height: calc(100% + 4px);; background-color: var(--blue); transition: .25s ease; z-index: -1; }

.link .svg {
    height: 100%; width: 100%; aspect-ratio: 1 / 1;
    padding: .75em; background-color: var(--blue); transition: .25s ease;
}
.link svg { width: 100%; height: 100%; transition: .125s ease-in-out .125s;  }
.link svg:nth-of-type(2) { padding: .75em; position: absolute; right: 0; transform: translate(-1.5rem,1.5rem); opacity: 0; transition: .125s ease-in-out; }
.link svg path { fill: var(--cream); transition: .25s ease; }

.link:hover span::before { width: calc(100% + 1rem); }
.link:hover svg { transform: translate(1.5rem,-1.5rem); transition: .125s ease-in-out; opacity: 0; transition: .125s ease-in-out; }
.link:hover svg:nth-of-type(2) { transform: translate(0,0); opacity: 1; transition: .125s ease-in-out .125s; }

/* White */
.link.white span { border-color: var(--cream); color: var(--blue); }
.link.white span:not(.svg)::before { background-color: var(--cream); }
.link.white .svg { background-color: var(--cream); }
.link.white svg path { fill: var(--blue); }



/* Solo freccia */
.arrow_btn {
    width: 2em; aspect-ratio: 1 / 1; position: relative;
    padding: .625em; background-color: var(--blue); transition: .25s ease;
}
.arrow_btn svg { width: 100%; height: 100%; transition: .125s ease-in-out .125s;  }
.arrow_btn svg:nth-of-type(2) { padding: .625em; position: absolute; right: 0; transform: translate(-1.5rem,1.5rem); opacity: 0; transition: .125s ease-in-out; }
.arrow_btn svg path { fill: var(--cream); transition: .25s ease; }
.arrow_btn:hover svg { transform: translate(1.5rem,-1.5rem); transition: .125s ease-in-out; opacity: 0; transition: .125s ease-in-out; }
.arrow_btn:hover svg:nth-of-type(2) { transform: translate(0,0); opacity: 1; transition: .125s ease-in-out .125s; }


/* Bottone standard senza freccia */
.btn {
	display: inline-flex; position: relative;
	border: 2px solid var(--cream); background-color: var(--cream); padding: .75em 1.375em;
	font-size: 1.125rem; color: var(--blue); text-transform: uppercase;
}
.btn:hover { background-color: var(--blue); color: var(--cream); }













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

.filter_blue { background: rgb(var(--blue-rgb) / 85%); mix-blend-mode: overlay; }



.filter_tb { background: linear-gradient(to bottom, rgb(var(--black-rgb) / 50%), transparent); }
.filter_bt { background: linear-gradient(to top, rgb(var(--black-rgb) / 50%), transparent); }




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

.bkg_blue { background-color: var(--blue); }
.parallax { overflow: clip }



/* Pretitolo */
.pretitle, .pretittle { position: relative; text-transform: uppercase; font-size: 1.5rem; line-height: 1; padding-left: 1.5rem; width: fit-content; }
.pretitle::after, .pretittle::after {
	content: ""; width: 1rem; height: 1rem; background-color: var(--black);
	position: absolute; left: 0; bottom: 50%; transform: translateY(60%);
}
.tac .pretitle, .tac .pretittle { margin: 0 auto; }
.white .pretitle::after, .white .pretittle::after { background-color: var(--cream); }



/* Sottolineatura hover */
.under { position: relative; }
.under::after {
	content: ""; width: 100%; height: 1px; background-color: var(--hover);
	position: absolute; right: 0; bottom: 0; transform: scaleX(0); transform-origin: center right; transition: transform .7s cubic-bezier(.52,0,0,1);
}
.under:hover { color: var(--hover); }
.under:hover::after { transform: scaleX(1); transform-origin: center left; }






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

#scroll_btn {
	position: absolute; left: 50%; bottom: var(--c5o); 
	transform: translateX(-50%);
}
#scroll_btn .svg { transform: rotate(90deg); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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 */
.nav_dots .swiper-pagination-bullet { opacity: 1; background-color: var(--white); border: 1px solid var(--blue); }
.nav_dots .swiper-pagination-bullet-active { background-color: var(--blue); }


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



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

/* Social */
.social { gap: .375rem; }
.social a { background-color: rgb(var(--black-rgb) / 20%); display: inline-block; width: 3.5em; height: 3.5em; aspect-ratio: 1 / 1; padding: .75em; }
.social a :where(img,svg) { width: 100%; height: 100%; }
.social a svg path { transition: .25s ease; fill: var(--cream); }
.social a:hover svg path { fill: var(--hover); }




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




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

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

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


/* Testi */
.s1_title.textAnim h1 { opacity: 0; }
.s1_title.active h1 { opacity: 1; }
.split-parent { overflow: hidden; }

.textAnim p, .textAnim li, .textAnim p a, .textAnim li a { opacity: 0; transform: translateY(25%); transition: 1s ease .25s; }
.textAnim.active p, .textAnim.active li, .textAnim.active p a, .textAnim.active li a { opacity: 1; transform: translateY(0); }


/* Extra */
.toTop.trigger { transform: translateY(5rem); opacity: 0; transition: 1s cubic-bezier(.76,0,.24,1); }
.toTop.trigger.active { transform: translateY(0); opacity: 1; }











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


footer .container { display: grid; gap: var(--c10v) var(--c5o); }
footer::after {
	content: ""; width: calc(100% - var(--c2o)); height: 1px; background-color: var(--white);
	position: absolute; top: 0; left: var(--c1o); opacity: .5;
}


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

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


/* Foot Block */
.foot_block .pretit_footer { font-size: .85rem; text-transform: uppercase; color: var(--cream); opacity: .5; margin-bottom: 1em; }

.foot_block {}
.foot_block p { font-size: 1.125rem; color: var(--cream); }
.foot_block p a { display: inline-block; font: inherit; position: relative; }

#contacts a::after {
	content: ""; width: 100%; height: 1px; background-color: var(--hover);
	position: absolute; right: 0; bottom: 0; transform: scaleX(0); transform-origin: center right; transition: transform .7s cubic-bezier(.52,0,0,1);
}
#contacts a:hover { color: var(--hover); }
#contacts a:hover::after { transform: scaleX(1); transform-origin: center left; }


/* Link servizi */
#link_rapidi .flex { gap: .5rem; }


/* Menu */
.foot_block nav li a { display: inline-block; position: relative; font-size: 1.125rem; color: var(--cream); }
.foot_block nav li { line-height: 1.5 }







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

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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CTA FISSA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#cta_fix { bottom: 1rem; right: 1rem; filter: drop-shadow(0 0 1rem rgb(30 30 30 / 40%)); }
#cta_fix span {
	display: block; background-color: var(--cream); padding: .625em 2.5em .625em 1.5em;
	color: var(--blue); line-height: 1; font-size: 1rem; text-transform: uppercase; font-weight: 600;
}
#cta_fix svg { width: 3rem; height: 3rem; background-color: var(--blue); border-radius: 5rem; padding: .625rem; margin-left: -1.5rem; }

#cta_fix.hide { transform: translateX(100%); opacity: 0; pointer-events: none; }




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


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

.s1 { overflow: hidden; }
.s1 .filter_blue { mix-blend-mode: soft-light; }

.pt { padding-top: calc( 90px + ( 180 - 90 ) * ( (100vw - 320px) / 1600 ) + var(--c7v)); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION PARALLASSE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.img_1 { width: 35%; margin-left: var(--c2o); }
.img_2 { width: 20%; left: 55%; top: 0; transform: translate(-50%, 100%); }
.img_3 { width: 25%; right: var(--c2o); top: 20%; } 
.img_4 { width: 30%; left: var(--c10o); margin-top: 10%; } 
.img_5 { width: 30%; right: 10%; bottom: 0; } 






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


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

.card .cat { 
	padding: .5em 1em; background-color: var(--black); display: inline-block;
	text-transform: uppercase; color: var(--white); font-weight: 300; font-size: .85rem;
}

.card picture { overflow: hidden; background-color: var(--blue); }
.card picture img { transition: .5s ease-in-out; }
.card .card_content .cat { margin-top: 1rem; }
.card .card_content h3 { text-transform: initial; margin-top: .5rem; }
.card .card_content .txt { opacity: .5; line-height: 1.25; font-size: 1rem; }

.card:hover picture img { transform: scale(1.125); opacity: .5; }








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

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




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

.card_grid picture { margin-bottom: 1rem; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25); aspect-ratio: 4 / 4.75; }
.card_grid picture img { object-position: top; transition: .5s ease-in-out; }
.card_grid .tit { text-transform: uppercase; font-weight: 700; }
.card_grid .text p:not(.tit), .card_grid .text ul { margin-top: .75rem; }
.card_grid p:not(.tit), .card_grid li { opacity: .6; font-size: .95rem }

a.card_grid picture { background-color: var(--blue); overflow: hidden; }
a.card_grid:hover picture img { transform: scale(1.125); opacity: .5; }








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


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

.hero-title { display: inline-block; position: relative; }

#text_h1 { display: block; font-size: 11vw; white-space: nowrap; height: 1em; min-width: 50vw }
#text_h1 .word { position: absolute; opacity: 0; transform: scale(.5); top: 0; left: 50%; transform: translateX(-50%);}
#text_h1 .word.abs {  }

#s1_home h1 .tar {
    display: block; text-align: right;
    font-size: 1.125rem; font-weight: 400; font-family: var(--main-font);
}




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

.sec_attivita { transition: 0s; }
.sec_attivita .subtit { margin-left: var(--c5o); }

/*.sec_attivita .container { min-height: 90vh !important; }*/




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

.box_anim { padding: 1.5rem var(--c2o); display: block; z-index: 0; width: 100%; transition: .25s ease; }
.box_anim :where(h3, p) { transition: color .25s ease; }
.box_anim .hide { display: none; }
.box_anim::before { content: ""; z-index: -1; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background-color: var(--blue); transition: .75s cubic-bezier(.19,1,.22,1); }
.box_anim::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: rgb(var(--blue-rgb) / 25%); }

.box_anim .img_hover {
    display: block; position: absolute; width: 12rem; pointer-events: none; opacity: 0; transition: opacity .5s ease;
    right: var(--c2o); top: 50%; transform: translate(0, -50%) rotate(5deg); z-index: 1;
}
.box_anim .img_hover img { position: absolute; left: 0; top: 0; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition: clip-path 0s ease-in-out .5s ; filter: brightness(.75); box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, 0.10); }

.box_anim.active::before { height: 100%; }
.box_anim.active :where(h3, p) { color: var(--white); }
.box_anim.active .img_hover { opacity: 1; }
.box_anim.active img { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 1; opacity: 1; transition: .5s ease-in-out; }








/*
#wrapper_servizi:hover .img_hover { opacity: 1; }

.box_anim { padding: 1.5rem var(--c2o); display: block; z-index: 0; width: 100%; transition: .25s ease; }
.box_anim :where(h3, p) { transition: .25s ease; }
.box_anim::before { content: ""; z-index: -1; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background-color: var(--blue); transition: .75s cubic-bezier(.19,1,.22,1); }

.box_anim .hide {  }

.box_anim:hover::before { height: 100%; }
.box_anim:hover :where(h3, p) { color: var(--white); }

.img_hover { transform: rotate(5deg); display: block; position: absolute; width: 12rem; pointer-events: none; z-index: 0; opacity: 0; transition: opacity .5s ease; }
.img_hover img { position: absolute; left: 0; top: 0; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition: clip-path 0s ease-in-out .5s ; filter: brightness(.75); }
.img_hover img.visible { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 1; transition: .5s ease-in-out; }

.box_anim::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: rgb(var(--blue-rgb) / 25%); }
*/




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

.wrapper_en_home {  }
.wrapper_en_home .first {}
.wrapper_en_home .last .card + .card { margin-top: var(--c5v); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 8 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#rec_slider .swiper { overflow-y: visible; overflow-x: clip; padding: 0 var(--c2o); }
#rec_slider .swiper-slide { padding: 1.5rem; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); transition: .25s ease; }
#rec_slider .swiper-slide .tit { text-transform: uppercase; font-size: 1.125rem; color: var(--blue); font-weight: 700; }








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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE WAKE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 6 */
.garlik_card { transform: rotate(-15deg) translate(10%, 20%); z-index: 1; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE TOUR IN BARCA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

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

.card_pacchetto { padding: 1.5rem; box-shadow: 0 0 1rem rgb(30 30 30 / 10%); }
.card_pacchetto h3 { color: var(--black); font-size: calc(var(--h4-size) * .85); margin-bottom: 1rem; }
.card_pacchetto .prezzo { font-size: clamp(16px, 1.125vw, 18px); display: flex; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap; gap: .75rem; margin-bottom: var(--c5v); }
.card_pacchetto .prezzo .num { font-weight: 700; font-size: 255%; white-space: nowrap; line-height: 1;  }
.card_pacchetto .prezzo .desc { line-height: 1.25; margin-bottom: .25em; }
.card_pacchetto .text { padding-top: 1rem; border-top: 1px solid rgb(var(--black-rgb) / 15%); }
.card_pacchetto .text p, .card_pacchetto .text li { font-size: 1rem; }
.card_pacchetto .text button { text-decoration: underline 1px; margin-top: .75rem; }
.card_pacchetto .text button:hover { color: var(--blue); }
.card_pacchetto .info_nera { background-color: var(--black); padding: .75rem 1rem; margin-top: var(--c5v); } 
.card_pacchetto .info_nera p { color: var(--white); line-height: 1.25; font-weight: 300; }


.wrapper_modale { position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; z-index: 5; transform: translateX(-100%); transition: .25s ease; pointer-events: none; opacity: 0; }
.wrapper_modale .filter_close { backdrop-filter: blur(5px); pointer-events: initial; background-color: rgb(30 30 30 / 10%); opacity: 0; transition: .25s ease; }
.wrapper_modale .wrapper { position: relative; width: 30rem; max-width: 90%; background-color: var(--white); height: 100dvh; overflow-y: scroll; padding: 2rem; }
.wrapper_modale .wrapper::-webkit-scrollbar { width: 8px; background-color: var(--white); }
.wrapper_modale .wrapper::-webkit-scrollbar-thumb { width: 8px; background-color: var(--blue); }
.wrapper_modale .text { display: none; }
.wrapper_modale.active { transform: translateX(0); pointer-events: initial; opacity: 1; }
.wrapper_modale.active .filter_close { transition-delay: .25s; opacity: 1; }


/* Section 4 */
.box_how + .box_how { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgb(var(--black-rgb) / 15%); }
.box_how img { width: 4rem; margin-bottom: 1rem; }
.box_how h3 { margin-bottom: 1rem; }


/* Section 5 */
.box_info + .box_info { margin-top: 1.5rem; padding-top: var(--c7v); border-top: 1px solid rgb(var(--black-rgb) / 15%); }
.box_info h3 { margin-bottom: 1rem; }


/* Section 6 */
.wrapper_step { display: grid; gap: 2rem 3rem; }

.box_step { gap: 1rem; padding: 1rem; background-color: rgb(var(--black-rgb) / 25%); backdrop-filter: blur(5px); border-radius: .5rem; }
.box_step img { height: 2rem; width: auto; }
.box_step p { text-transform: uppercase; font-weight: 700; font-size: 1.5rem; line-height: 1.125; color: var(--cream); }

.box_step:not(:first-of-type)::after {
	content: ""; width: 1rem; height: 1rem; position: absolute; left: 50%; top: 0; transform: translate(-50%, calc(-100% - .5rem)) rotate(90deg);
	background: url(../images/svg/next.svg) no-repeat center / 1rem;
}

/* Section 11 */
.card_accordion + .card_accordion { border-top: 1px solid rgb(var(--black-rgb) / 25%); }
.accordion_head { padding: 1.5rem 2rem; transition: .25s ease; cursor: pointer; }
.accordion_head h2 { text-transform: uppercase; color: var(--black); font-size: 1.25rem; font-weight: 500; transition: .25s ease; }
.accordion_head svg { width: 1.25rem; }
.accordion_text { display: none; padding: 1.5rem 2rem; }

.accordion_head.active { background-color: var(--blue); }
.accordion_head.active h2 { color: var(--white); }
.accordion_head.active rect { fill: var(--white); }
.accordion_head.active rect:nth-of-type(2) { opacity: 0; }




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

#wrapper_gallery { padding: 0 2.5em; }
#wrapper_gallery .nav_btn { width: 2.5em; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE TEAM E ATLETI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_grid { gap: 2rem 1rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE TERRITORIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.bkg_bw .filter_tb {  }
.bkg_bw .filter_bt { background: linear-gradient(to top, rgb(var(--black-rgb) / 100%), transparent 50%); }

.bkg_bw:not(.sec_attivita) .link { --blue: var(--black); }

.bkg_bw .subtit { margin-top: 0; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SPONSOR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 2 */
.wrapper_sponsor { gap: var(--c5v) 0; }
.box_sponsor { padding: 1.5rem; border-bottom: 1px solid rgb(var(--blue-rgb) / 40%); }

.box_sponsor h3 { color: var(--blue); font-size:  1.75rem; font-weight: 700; margin-bottom: .75rem; }
.box_sponsor p { line-height: 1.125; }
.box_sponsor .luogo { opacity: .4; }
.box_sponsor .arrow_btn { position: absolute; right: 1.5rem; bottom: 1.5rem; }


/* Section 3 */
.elenco_why p { font-size: 1.5rem; line-height: 1.25; color: var(--cream); gap: .5rem; }
.elenco_why p + p { margin-top: 1em; }
.elenco_why p span { display: inline-block; }








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

#s2_contatti .text p, #s2_contatti .text ul { margin-top: .5rem; }
#s2_contatti .text .pretit { opacity: .5; }








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


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




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

/* Posts Loop */
#card_grid { grid-template-columns: 1fr; gap: 2em 1em; }





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








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


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




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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION RELATED ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/




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








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


/* WP-Form - Custom */
#form { background-color: var(--cream); padding: 2em }
#form .wpforms-field label { color: var(--blue); font-weight: 400; }
#form .wpforms-field :where(input, textarea, select) {
	background-color: transparent; border: 2px solid var(--blue); border-radius: 0;
	padding: .5rem; font-size: 1rem; color: var(--blue);
}

#form .wpforms-field:not(.wpforms-field-checkbox) > label {
	font-size: 1rem; background-color: var(--cream); padding: 2px; z-index: 1; pointer-events: none;
	position: absolute; left: .5rem; top: .5rem; transition: .125s ease; transform-origin: left center; 
}
#form .wpforms-field:not(.wpforms-field-checkbox).focus > label { transform: translateY(-100%); }


#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border: 2px solid var(--blue); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--hover); }


#form button[type=submit], #form input[type=submit] { padding: 0; background-color: transparent;  border: unset; border-radius: unset; }
#form button[type=submit] { width: 100%; display: inline-grid; gap: .75em; grid-template-columns: auto 3.25rem; position: relative; z-index: 1; }

#form button[type=submit] span {
	display: inline-flex; align-items: center; justify-content: center; position: relative; text-align: center;
	border: 2px solid var(--blue); padding: .75em 1.375em;
	font-size: 1.125rem; color: var(--cream); text-transform: uppercase;
}
#form button[type=submit] span:not(.svg)::before { content: ""; position: absolute; left: 0; top: -2px; width: 100%; height: calc(100% + 4px);; background-color: var(--blue); transition: .25s ease; z-index: -1; }

#form button[type=submit] .svg {
    height: 100%; width: 100%; aspect-ratio: 1 / 1;
    padding: .75em; background-color: var(--blue); transition: .25s ease;
}
#form button[type=submit] svg { width: 100%; height: 100%; transition: .125s ease-in-out .125s;  }
#form button[type=submit] svg:nth-of-type(2) { padding: .75em; position: absolute; right: 0; transform: translate(-1.5rem,1.5rem); opacity: 0; transition: .125s ease-in-out; }
#form button[type=submit] svg path { fill: var(--cream); transition: .25s ease; }

#form button[type=submit]:hover span::before { width: calc(100% + 1rem); }
#form button[type=submit]:hover svg { transform: translate(1.5rem,-1.5rem); transition: .125s ease-in-out; opacity: 0; transition: .125s ease-in-out; }
#form button[type=submit]:hover svg:nth-of-type(2) { transform: translate(0,0); opacity: 1; transition: .125s ease-in-out .125s; }






/* Newsletter */
#form_nl > p { font-size: 1rem; margin-bottom: .5rem; max-width: 95%; }
#form_nl .wpforms-container { margin: 0; position: relative; }
#form_nl .wpforms-field { width: 100%; padding: 0; margin-bottom: 1.5em; overflow: visible; }

#form_nl .wpforms-field label { color: var(--cream); font-weight: 400; }
#form_nl .wpforms-field :where(input, textarea, select) { 
	width: 100%; max-width: 100%; height: auto; min-height: unset; margin: 0; padding: .75rem;
	background-color: rgb(var(--black-rgb) / 20%); border: unset; border-radius: 0;
	font: 400 var(--rem) / 1.25 var(--main-font); color: var(--cream);
}

#form_nl .wpforms-field:not(.wpforms-field-checkbox) > label { font-size: 1rem; z-index: 1; pointer-events: none; position: absolute; left: .75rem; top: .75rem; transition: .125s ease; transform-origin: left center; }
#form_nl .wpforms-field:not(.wpforms-field-checkbox).focus > label { transform: translateY(-100%); }

#form_nl .wpforms-field.wpforms-field-checkbox li { display: flex; align-items: center; justify-content: flex-start; }
#form_nl .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] {
	-webkit-appearance: none; appearance: none;
	width: auto; height: auto; padding: .625em; margin: 0 .75em 0 0;
	background: transparent no-repeat center / 1em; border: 1px solid var(--cream); border-radius: 0;
	cursor: pointer; transition: .25s ease;
}
#form_nl .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]::before,
#form_nl .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]::after { display: none; }
#form_nl .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--cream); background-image: url(../images/svg/checked.svg); }
#form_nl .wpforms-field.wpforms-field-checkbox li label { width: 100%; margin: 0; padding: .25em 0; font-weight: 400; text-align: left; }
#form_nl .wpforms-field.wpforms-field-checkbox li label a { margin: 0; font: inherit; text-decoration: underline; display: inline-block; }
#form_nl .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--hover); }

#form_nl .wpforms-submit-container { margin: 0; position: absolute; top: .5rem; right: .5rem; }
#form_nl button[type=submit] { width: 1.75rem; height: 1.75rem; background: url(../images/svg/arrow_cream.svg) no-repeat center / 1.5rem; transform: rotate(45deg); font-size: 0; line-height: 1; }




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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#s1_grazie {}




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CSS EXTRA O MOD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/












/**
 * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
 *
 * RESPONSIVE
 *
 * Settare se necessario regole fluid per minmax di elementi specifici basandosi sulle seguenti regole:
 *	=>	ORIGINAL CALC			->	calc( 12px + (24 - 12) * ( (100vw - 360px) / (1920 - 360) ) )
 *	=>	CALC 1920px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 1560 ) )
 *	=>	CALC 1280px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 920 ) )
 *	=>	CALC 1024px -> 360px	->	calc( 12px + (24 - 12) * ( (100vw - 360px) / 664 ) )
 *
 * Da creare fluid dinamico con 2 step per i calc iniziali =   1920 -> 1024   1024 -> 360
 *
 * __________________________________________________________________________________________________________________________________________________________________________
 */




.head_logo { width: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }

#scroll_btn { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 360px) / 1560 ) ); }

.foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 360px) / 1560 ) ); }
#back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 360px) / 1560 ) ); }




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


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


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


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


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


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


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


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


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


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


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




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

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

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

	/* Logo */

	/* Head Content */
	.head_wrapper { padding: 1.25em 2.5%; z-index: 2; }

	/* Hamburger */
	/* Nav Menu */


}






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

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

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

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


	/*∞∞∞∞∞∞ SPONSOR ∞∞∞∞∞∞*/
	.wrapper_sponsor { grid-template-columns: 1fr 1fr; }
	.box_sponsor:nth-of-type(even) { padding-left: var(--c2o); }
	.box_sponsor:nth-of-type(odd) { padding-right: var(--c5o); }
	.box_sponsor:nth-of-type(odd) .arrow_btn { right: var(--c5o); }


	/*∞∞∞∞∞∞ NEWS ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr; }
	#card_grid .card:first-of-type { grid-column: 1 / 3; }


	/*∞∞∞∞∞∞ TEAM E ATLETI ∞∞∞∞∞∞*/
	.wrapper_grid { grid-template-columns: 1fr 1fr; }

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

	/* Sec 7 */
	.wrapper_step { grid-template-columns: 1fr 1fr 1fr; max-width: 50rem; }
	.box_step p { font-size: 1rem; }
	.box_step:not(:first-of-type)::after { left: 0; top: 50%; transform: translate(calc(-100% - 1rem), -50%); }


}



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

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

	.single .container { max-width: 1281px; }
	.single .text h1 { font-size: calc(var(--h1-size) * .5) }
	.single .text h2 { font-size: calc(var(--h2-size) * .5) }
	.single .text h3 { font-size: calc(var(--h3-size) * .5) }
	.single .text h4 { font-size: calc(var(--h4-size) * .5) }


	/*∞∞∞∞∞∞ SECTION PARALLASSE ∞∞∞∞∞∞*/
	.img_1 { width: 25%; }
	.img_2 { width: 14%; left: 50%; transform: translate(-50%, 125%); }
	.img_3 { width: 20%; } 
	.img_4 { width: 20%; } 
	.img_5 { width: 20%; } 



	/*∞∞∞∞∞∞ VARS ∞∞∞∞∞∞*/
	.maxPar p { max-width: 70%; }
	.maxPar.tac p { margin-left: auto; margin-right: auto; }



	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.wpml-ls-legacy-list-horizontal a { height: 2em; }


	.wrapper_sev.tapped { transform: translate(-50%,-150%); opacity: 0; pointer-events: none; }
	.wrapper_sev {
		display: flex; width: fit-content; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
		background-color: var(--cream); padding: .5rem; z-index: 1; transition: .25s ease; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	}
	.wrapper_sev a { padding: .75rem 1.5rem; color: var(--blue); font-size: 1rem; text-transform: uppercase; font-weight: 600; width: max-content }
	.wrapper_sev a:hover, .wrapper_sev a:active, .wrapper_sev a:focus, .wrapper_sev a.active { background-color: var(--blue); color: var(--cream); }

	/* MENU */
	#main_nav .menu_wrapper { overflow: clip; display: grid; grid-template-columns: 1.25fr .625fr .625fr; gap: var(--c5o); padding-left: var(--c3o); padding-right: var(--c3o) }
	#main_nav .menu_sec { border-bottom: 0; }
	#main_nav .tit { padding: 0; margin-bottom: 2rem; font-size: 1.125rem; }
	#main_nav .tit svg { display: none; }
	#main_nav .menu_sec .menu_inner { display: block; padding: 0; }

	#menu_chisiamo { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; }
	#main_nav .menu_cont { padding: 0; margin-top: auto; }

	#main_nav .menu li a { font-size: 1.5em; }
	#main_nav .menu li + li { margin-top: 1.5em; }

	#menu_serv { padding-right: var(--c5o); }
	#menu_serv .menu_inner a { padding: 2rem .5rem; font-size: 1.5em; }

	



	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	footer .container { grid-template-columns: calc(45% - var(--c2o)) 1fr; }
	.foot_block .flex { justify-content: flex-start; }
	.foot_block .pretit_footer { margin-bottom: 2.5em; }

	#foot_social { position: absolute; bottom: -2.5em; right: var(--c1o); }


	/* Credits */
	#credits { justify-content: flex-start; width: 80%; }
	#credits a:hover, #credits a:active, #credits a:focus { opacity: 1; color: var(--hover); }
	#credits #credits_studio:hover { color: #e74e0f; }



	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Sec 1 */
	.s1 .flex.h100 { align-items: flex-end; }
	#scroll_btn { bottom: var(--c2o); }

	/* Sec 2 */
	.sec_attivita.bkg_bw .link { bottom: var(--c10v) !important; }



	/* Sec scroll */
	#wrapper_arrivo { display: grid; grid-template-columns: 1fr 1fr; position: ; }
	#wrapper_arrivo .text_sec .text p { width: 90%; }
	#wrapper_arrivo .text_sec, #wrapper_arrivo .sec_img { min-height: 80vh; height: 100%; }
	#wrapper_arrivo picture { position: absolute; right: calc(50% + var(--c2o)); top: calc(var(--c15v) * -1); transform: translateY(-100%); width: 26%; }

	#page_home #wrapper_arrivo .text_sec .text p { width: 70%; }




	/*∞∞∞∞∞∞ NEWS ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr 1fr; gap: 4.5em 1em; }
	#card_grid .card:first-of-type { grid-column: 1 / 3; }

	#card_grid .card picture { aspect-ratio: unset; width: 100%; height: 22rem; }


	/*∞∞∞∞∞∞ CONTATTI ∞∞∞∞∞∞*/
	#s2_contatti .container { grid-template-columns: auto 1fr; gap: 1rem; }
	#s2_contatti .ratio-4-3 { aspect-ratio: unset; height: 100%; }


	/*∞∞∞∞∞∞ TERRITORIO ∞∞∞∞∞∞*/
	.bkg_bw:not(#s13_tour, #s13_wake) .h80 { min-height: 100vh; }
	.bkg_bw:not(#s13_tour, #s13_wake) p { max-width: 25%; }
	.bkg_bw:not(#s13_tour, #s13_wake) .link { position: absolute; right: var(--c2o); bottom: var(--c7v); }



	/*∞∞∞∞∞∞ CHI SIAMO ∞∞∞∞∞∞*/
	#wrapper_gallery { padding: 0 3.5em; }
	#wrapper_gallery .nav_btn { width: 3em; }


	/*∞∞∞∞∞∞ TEAM E ATLETI ∞∞∞∞∞∞*/
	.wrapper_grid { grid-template-columns: 1fr 1fr 1fr; gap: 4.5em 1.25em; }


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

	/* Sec 4 */
	.box_how + .box_how { margin-top: 2.5rem; padding-top: 2.5rem; }

	/* Sec 10 */
	#s10_tour .grid { grid-template-columns: 1fr 1fr; }
	#s10_tour .sec_img { height: 100%; }
	#s10_tour .ratio-4-3 { aspect-ratio: unset; height: 100%; }


	/*∞∞∞∞∞∞ WAKE ∞∞∞∞∞∞*/
	/* Sec 6 */
	#s6_wake .text { z-index: 2; }
	.garlik_card { position: absolute; width: 45%; bottom: 0; left: 40%; transform: rotate(-10deg) translate(25%, 5%); }


}




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

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


	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.foot_block .w40xl {  }
	.foot_block .w30xl { width: calc(30% - var(--c2o)); }

	#form_nl { width: 75%; }


	/*∞∞∞∞∞∞ TOUR ∞∞∞∞∞∞*/
	/* Sec 7 */
	.wrapper_step { max-width: 65rem; }
	.box_step { padding: 1.5rem 1rem; }
	.box_step img { height: 3rem; width: auto; }
	.box_step p { font-size: 1.375rem; }


}






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

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



	/*∞∞∞∞∞∞ MENU ∞∞∞∞∞∞*/
	#main_nav .menu li a { font-size: 2em; }
	#main_nav .menu li + li { margin-top: 2em; }
	
	#menu_serv .menu_sec .menu_inner a + a { margin-top: 1em; }
	#menu_serv .menu_inner a { padding: 3rem .5rem; font-size: 2em; }


	/*∞∞∞∞∞∞ NEWS ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr 1fr 1fr; }
	#card_grid .card picture { height: 25rem; }
	


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



	/*∞∞∞∞∞∞ TEAM E ATLETI ∞∞∞∞∞∞*/
	.wrapper_grid { grid-template-columns: 1fr 1fr 1fr 1fr; }
}






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

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






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

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