/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " ___NOME_SITO___ "

BASE (MOBILE) SIZE

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




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



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.head_logo { display: none; width: 8rem; filter: brightness(0) invert(1); }
.head_logo :where(img, svg) { width: 100%; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
header { z-index: 4; position: fixed; top: 0; right: 0; }
.head_wrapper { padding: 0.75em 1em; z-index: 2; transition: .25s ease; }

.head_wrapper .menu_desktop { display: none; }

.head_wrapper .wpml-ls-legacy-dropdown { width: max-content; }
.head_wrapper .wpml-ls-legacy-dropdown a { padding: 0.5rem; border: unset; background-color: transparent; color: var(--white); font-size: 1.5rem; letter-spacing: 3px;  }
.head_wrapper .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { content: unset; }
.head_wrapper .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,  .head_wrapper .wpml-ls-legacy-dropdown a:focus, 
.head_wrapper .wpml-ls-legacy-dropdown a:hover { background-color: unset; color: var(--white); }

.head_wrapper .right { gap: 1rem; transition: .25s ease; }

/* Scroll On */
header.scroll_on .head_wrapper { padding: 0; align-items: flex-start; }
header.scroll_on .head_wrapper .right { gap: 0.5rem; background-color: var(--light_blue);  border-radius: 0 0 0 1.5rem;
	box-shadow: 0 0 1rem rgb(var(--black-rgb) / 25%); padding: 0.5rem 1rem;  }
header.scroll_on .head_wrapper #hamburger span { background-color: var(--white); }

/* Header attivo */
.header_250 #hamburger span, /* Archive Blog */
.header_176 #hamburger span, /* Page grazie */
.header_single #hamburger span { background-color: var(--black); }

/* WPML */
.wpml-ls-legacy-dropdown a span { white-space: nowrap; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#hamburger { 
	display: inline-block; font-size: var(--rem); line-height: 0;
	padding: .25em .25em;
	overflow: visible; cursor: pointer; transition: .25s ease;
}
#hamburger .wrap { width: 2.5em; height: 1.75em; }
#hamburger span {
	display: block; position: absolute; left: 50%; transform: translateX(-50%);
	width: 2.5em; height: 3px; border-radius: .2em;
	background-color: var(--white);
	transform-origin: center; will-change: transform; transition: .25s ease;
}
#hamburger .top_bun { top: 0; }
#hamburger .burger { top: calc(50% - 2px); }
#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 { 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; right: 0;
	z-index: 1; min-width: 100vw;
}
#main_nav .menu_wrapper { top: 0; left: 0; }
#main_nav .menu_wrapper .sub_wrapper .link { margin: 2rem auto 0 auto; text-align: center; text-transform: uppercase; text-decoration: underline; }

#main_nav .head_menu { text-align: center; }
#main_nav .head_menu li a { display: inline-block; font-size: 6vh; line-height: 1; color: var(--white); font-family: var(--title-font); 
	padding: .25em; line-height: 1.25; position: relative; }

.head_menu li a::after { content: url(../images/svg/wave.svg); position: absolute; bottom: -0.75rem; left: 50%; width: 6rem; 
	filter: brightness(0) invert(1); max-width: 200px; transform: translateX(-50%); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition: .5s ease; }
.head_menu li a:hover::after, .head_menu li.current-menu-item a::after { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ GENERAL ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.text h2 { color: var(--light_blue); }
.white.text h2 { color: var(--white); }

.single_text .text ul { margin-top: 0.5em; }
.single_text .text ul li { list-style: none; position: relative; line-height: 1.75; }
.single_text .text ul li::before { content: url(../images/svg/list-point.svg); position: absolute; top: 50%; left: 0%; transform: translate(calc(-100% - 0.5rem), -40%); 
	width: 1rem; height: auto; }

.custom_pt { padding-top: calc(var(--c15v) + 3rem); }

body { background-color: var(--cream); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKs / BTNs STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.link {
	display: block; position: relative; width: fit-content;
	font: inherit; font-size: var(--rem);
}
.link.white { color: var(--white); }

.link.white:hover, .link.white:focus, .link.white:active { color: var(--salmon); }

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

/* button custom */
.btn_custom { position: relative; width: max-content; padding: 0.75rem 1.5rem; border-radius: 2rem; gap: 1rem; transition: .25s ease; }
.btn_custom span { position: relative; text-transform: uppercase; font-weight: 600; z-index: 1; transition: .25s ease; }
.btn_custom::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 2rem; z-index: 0; }
.btn_custom::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	border-radius: 2rem; z-index: 0; transition: .25s ease; }
.btn_custom:hover::after { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

.btn_custom img { width: 1.5rem; z-index: 1; transition: .25s ease; }

/* Light blue */
.btn_custom.light_blue:hover { box-shadow: 0 0 1rem rgb(var(--light_blue-rgb) / 75%); }
.btn_custom.light_blue::before { background-color: var(--light_blue); }
.btn_custom.light_blue span { color: var(--white); }
.btn_custom.light_blue:hover span { color: var(--light_blue); }
.btn_custom.light_blue::after { background-color: var(--white); }

/* White */
.btn_custom.white:hover { box-shadow: 0 0 1rem rgb(var(--white-rgb) / 25%); }
.btn_custom.white::before { background-color: var(--white); }
.btn_custom.white span { color: var(--light_blue); }
.btn_custom.white:hover span { color: var(--white); }
.btn_custom.white::after { background-color: var(--light_blue); }
.btn_custom.white:hover img { filter: brightness(0) invert(1); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.filter_color {
	background-color: var(--color);
	mix-blend-mode: multiply;
	opacity: .5;
}
.filter.blue_tl_br { background: linear-gradient(145deg, var(--light_blue) 25%, var(--grd_blue_dark) 100%); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ VARS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.dvh100 { min-height: 100dvh; }
.txt_white { color: var(--white); }
.pretitle { font-family: var(--main-font); font-size: 1.5rem; width: 100%; text-transform: uppercase; font-weight: 500; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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 */
.nav_dots { gap: .5em; }

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

/* Filigrana bkg */
.filigrana_bkg { top: 0; left: 0; width: 100%; height: 100%; min-height: 100dvh; pointer-events: none; }
.filigrana_bkg img { object-fit: cover; height: 100%; width: 100%; }

/* Wave svg */
.wave { position: absolute; pointer-events: none;  }
.wave svg { transform: translate(0, 0); transition-delay: 0.5s; }
.active .wave svg { animation: move_wave 2s ease-in-out 1s infinite alternate; }

.wave path { stroke: var(--light_blue); stroke-width: 3px; fill: transparent; stroke-dasharray: 2000; stroke-dashoffset: 2000; transition-delay: 0.5s; }
.active	.wave path { animation: draw_wave 2.5s ease-in forwards; }

.wave.white path { stroke: var(--white); transition-delay: 0.5s; }
.active .wave.white path { animation: draw_wave_white 2.5s ease-in forwards; }

.wave.blue path { stroke: var(--blue); transition-delay: 0.5s; }
.active .wave.blue path { animation: draw_wave_blue 2.5s ease-in forwards;  }

@keyframes draw_wave {
	65% { fill: var(--light_blue); }
	100% { fill: var(--light_blue); stroke-dashoffset: 0; stroke-width: 3px; }
}

@keyframes draw_wave_white {
	65% { fill: var(--white); }
	100% { fill: var(--white); stroke-dashoffset: 0; stroke-width: 3px; }
}

@keyframes draw_wave_blue {
	65% { fill: var(--blue); }
	100% { fill: var(--blue); stroke-dashoffset: 0; stroke-width: 3px; }
}

@keyframes move_wave {
	0% { transform: translate(0, 0); }
	100% { transform: translate(-10%, 50%); }
}

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

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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#breadcrumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5em; }
#breadcrumb li { list-style: none; margin: 0; }
#breadcrumb :where(a,span) { display: inline-block; min-width: fit-content; color: var(--white); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ANIMATIONS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/



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

footer { overflow: hidden; }
footer .top { gap: 4rem; }
footer .top .foot_logo { width: 80%; max-width: 450px; }

footer .bottom { padding-top: 8rem; gap: 2rem; }
footer .bottom svg { height: 2.75rem; }
footer .bottom svg path { fill: var(--salmon); }

footer .bottom .left a { font-size: 1.25rem; gap: 0.5rem; }
footer .bottom .left a svg { height: 2rem; }
footer .bottom .left .division_line { position: absolute; top: 0; left: 50%; height: 6rem; width: 1px; 
	background-color: rgb(var(--black-rgb) / 75%); transform: translate(-50%, calc(-100% - 1rem)); }


footer .bottom .right p { font-size: 1.25rem; text-align: center; margin-bottom: 0.5rem; }
footer .bottom .right .social { display: flex; justify-content: center; align-items: center; gap: 0.75rem; }
footer .bottom .right .social a { text-align: center; }

footer .corallo img { width: 80%; transform: translateY(1rem); max-width: 350px; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STRUCTURE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Foot Logo */
.foot_logo { display: block;  }
.foot_logo :where(img, svg) { width: 100%; }


/* Foot Block */
.foot_block p a { font: inherit; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 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: var(--salmon);
    border-radius: 8rem;
    box-shadow: 0 0 1rem rgb(var(--black-rgb) / 25%);
    transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; }
#back_top svg path { fill: var(--white); }




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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.s1 { overflow: hidden; }

.s1 .logo_mobile { filter: brightness(0) invert(1) drop-shadow(0 0 1rem var(--black)); width: 70%; max-width: 250px; }
.s1 .logo_mobile img { width: 100%; }

.s1.s1_page h1 { color: var(--white); filter: drop-shadow(0 0 1rem rgb(var(--black-rgb) / 75%)); }
.s1.s1_page .pretitle { color: var(--white); filter: drop-shadow(0 0 1rem rgb(var(--black-rgb) / 75%)); margin-bottom: 1rem; }
.s1.s1_page .container { gap: 2rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION TESTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.sec_testi .single_image { position: relative; }
.sec_testi .single_image picture { position: relative;  }

.sec_testi .single_image picture > img { transition: 1s ease; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }
.sec_testi .active .single_image picture > img { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.sec_testi .single_image.top picture { aspect-ratio: 1 / 1.1; width: 70%; }
.sec_testi .single_image.top .wave { top: 40%; left: 0; width: 7rem; transform: translate(-60%, -50%); }
 
.sec_testi .single_image.bot picture { aspect-ratio: 1 / 1.1; width: 60%; transform: translateX(10%); margin-top: -6rem;  }
.sec_testi .single_image.bot .wave { top: 60%; right: 0; width: 9rem; transform: translate(65%, -50%); }

.sec_testi .image_container { max-width: 601px; }

.sec_testi .single_text { justify-content: flex-end; }
.sec_testi .text .btn_custom { margin-top: 1rem; }

.video_link { top: 0; left: 0; height: 100%;  filter: drop-shadow(0 0 1rem rgb(var(--black-rgb) / 50%)); }

.video_link img {  width: 6rem; transition: .5s ease; }
.video_link:hover img { transform: scale(1.15); }

/* Left layout */
.sec_testi.left_layout .single_image.top { justify-content: flex-start; }
.sec_testi.left_layout .single_image.top .wave { display: none; }

.sec_testi.left_layout .single_image.bot { display: flex; justify-content: flex-end; align-items: center; }
.sec_testi.left_layout .single_image.bot picture { transform: translateX(calc(var(--c7o) * -1)); }
.sec_testi.left_layout .single_image.bot .wave { top: 60%; left: 0; width: 7rem; transform: translate(-65%, -50%); }

.sec_testi.left_layout .single_text { justify-content: start; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION FORM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_form .left { display: grid; grid-template-columns: 60% repeat(4, 10%); }
#sec_form .left .single_img picture { height: 100%; }


#sec_form .wave { position: relative; width: 55%; transform: translateX(-25%); margin-top: 2rem; max-width: 250px; }
#sec_form .wave path { stroke: var(--white); fill: var(--white); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION ACCORDION ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_accordion .card_accordion {  border-bottom: 1px solid var(--black);  }

.accordion { margin-top: 2rem; }
.card_accordion { transform: translateX(-1rem); opacity: 0; transition: 0.5s ease; }
.active .card_accordion { transform: translateX(0); opacity: 1; }

.accordion_head { padding: 1.25rem 0.25rem; cursor: pointer; }
.accordion_head .text { gap: 1rem; }
.accordion_head h3 { font-size: calc(var(--h3-size) * 0.6); }
.accordion_head .ico { width: 3.5rem; padding: 1rem; }
.accordion_head svg { width: 2rem; transition: .5s ease; }
.accordion_head.active svg { transform: rotate(-180deg); }

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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION PARTNER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_partner { background-color: var(--blue); }
#sec_partner .partner_container { gap: 1rem; margin-top: 2rem; }
#sec_partner .single_partner span { color: var(--blue); }
#sec_partner .single_partner:hover span { color: var(--white); }

#sec_partner .text h3 { font-size: calc(var(--h3-size) * 0.6); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ 5TERRE CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_5t_card .btn_custom { margin-top: 1rem; }
#sec_5t_card .right .wave { bottom: 0; right: -1rem; width: 8rem; }
#sec_5t_card .left .wave { top: 20%; left: -1rem; width: 8rem; }
#sec_5t_card .left picture { max-width: 400px; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FAQ ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#sec_faq .card_accordion { border-bottom: 1px solid rgb(var(--black-rgb) / 25%); }


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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FEATURED CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.featured_card .left { height: 16rem; }

.featured_card .right .evidenza { padding: 1rem; }
.featured_card .right .evidenza .btn_custom { pointer-events: none; }

.featured_card .right .text { padding: var(--c2v) var(--c5o); }
.featured_card .right .text h3 { font-size: calc(var(--h3-size) * 0.85); }
.featured_card .right .text p { margin-top: 0.5rem; }

.featured_card .right .arrow { padding: 1rem; }
.featured_card .right .arrow svg { width: 3rem; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
.card_blog a { background-color: var(--white); box-shadow: 0 0 1rem rgb(var(--black-rgb) / 10%); height: 100%; 
	display: flex; flex-direction: column; justify-content: space-between; }
.card_blog picture { height: 14rem; overflow: hidden; }
.card_blog picture img { transition: .25s ease; }

.card_blog .text { padding: 2rem 1rem 0 1rem; }
.card_blog .text h3 { color: var(--blue); font-family: var(--main-font); font-size: 1.5rem; font-weight: 600; transition: .25s ease; }
.card_blog .text p { margin-top: 1rem; font-size: 0.9rem; transition: .25s ease; }

.card_blog .date { padding: 1rem; }
.card_blog .date p { font-size: 0.85rem; transition: .25s ease; }
.card_blog .date button { width: 3.5rem; }
.card_blog .date button path { transition: .25s ease; }

.card_blog a:hover { background-color: var(--light_blue); }
.card_blog a:hover picture img { transform: scale(1.15); }
.card_blog a:hover .text h3, .card_blog a:hover .text p, .card_blog a:hover .date p { color: var(--white); }
.card_blog a:hover .date button path { fill: var(--white); }

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

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




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

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 3 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s3_home .container { min-height: 100dvh; height: 100%; }
#s3_home .corallo { display: block; top: 0; right: var(--c5o); width: 55%; transform: translateY(-85%); z-index: 1; max-width: 300px; pointer-events: none; }

#s3_home .card_container { height: 100%; min-height: 16rem; pointer-events: none; }
#s3_home .single_card { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
#s3_home .single_card .bkg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#s3_home .single_card .wrapper { height: 100%; padding: 2rem; }
#s3_home .single_card .wrapper h3 { font-size: calc(var(--h3-size) * 1.35); filter: drop-shadow(0 0 1rem rgb(var(--black-rgb) / 50%)); }
#s3_home .single_card .wrapper p { margin-top: 0.5rem; }

#s3_home .single_card .wave { position: relative; transform: translate(0, 0); margin: 2rem auto 0 auto; width: 8rem; }
#s3_home .single_card .wave svg { animation: none; }

#s3_home .single_card .filter { mix-blend-mode: multiply; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 4 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s4_home .attrazioni { gap: 1rem; justify-content: center; }

#s4_home .single_attrazione { width: 100%; aspect-ratio: 1 / 1; max-width: 450px; transition-property: transform, opacity, box-shadow; 
	transition-duration: 0.75s, 0.75s, 0.25s; transition-timing-function: ease, ease, ease; transform: scale(0.5); opacity: 0; overflow: hidden; }
#s4_home a.single_attrazione:hover { cursor: pointer; box-shadow: 0 0 1rem rgb(var(--light_blue-rgb) / 75%); }
#s4_home a.single_attrazione:hover img { transform: scale(1.1); }
#s4_home .active .single_attrazione { transform: scale(1); opacity: 1; }

#s4_home .single_attrazione .filter { background: linear-gradient(180deg, rgb(var(--black-rgb) / 0%) 0%, rgb(var(--black-rgb) / 40%) 100%); }
#s4_home .single_attrazione img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: .25s ease; }
#s4_home .single_attrazione .text { padding: 2.5rem 2rem; }
#s4_home .single_attrazione .text h3 { color: var(--white); font-size: calc(var(--h3-size) * 1.25); }
#s4_home .single_attrazione .text p { color: var(--white); margin-top: 0.5rem; }

#s4_home .wave:nth-of-type(1) { left: 0; top: 4rem; width: 10rem; height: auto; transform: translateX(-20%); z-index: 1; }
#s4_home .wave:nth-of-type(2) { right: 0; bottom: 0; width: 10rem; height: auto; transform: translateX(20%); }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 5 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s5_home .map img { transition: .25s ease; }
#s5_home .map:hover img { transform: scale(1.1); }





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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LA CASA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 3 */
#s3_la-casa .gallery_container { gap: 1rem; }
#s3_la-casa .gallery_container picture.not_visible { display: none; }

#s3_la-casa .gallery_container .fresco { transition-property: transform, opacity, box-shadow; transition-duration: 0.75s, 0.75s, 0.25s; 
	transition-timing-function: ease, ease, ease; transform: scale(0.5); opacity: 0; }
#s3_la-casa .gallery_container .fresco:hover { box-shadow: 0 0 1rem rgb(var(--white-rgb) / 75%); }

#s3_la-casa .gallery_container .fresco img { transition: .25s ease; }
#s3_la-casa .gallery_container .fresco:hover img { transform: scale(1.1); }
#s3_la-casa .gallery_container.active .fresco { transform: scale(1); opacity: 1; }

#s3_la-casa .gallery_container .wave:nth-of-type(1) { top: 2rem; left: calc((var(--c5o) + 1rem) * -1); width: 10rem; }
#s3_la-casa .gallery_container .wave:nth-of-type(2) { bottom: -1rem; right: calc((var(--c5o) + 1rem) * -1); width: 10rem; }

#s3_la-casa .gallery_container a { width: 100%; }

/* Section 4 */
#s4_la-casa .services_container { gap: 2rem; margin-top: 2rem; }

#s4_la-casa .single_service { gap: 1rem; transform: translateX(-1rem); opacity: 0; transition: .5s ease; }
#s4_la-casa .services_container.active .single_service { opacity: 1; transform: translateX(0); }

#s4_la-casa .single_service img { width: 4rem; border: 1px solid var(--light_blue); padding: 1rem; border-radius: 8rem; }

#s4_la-casa .wave { position: relative; width: 12rem; }
#s4_la-casa .wave svg { animation: none; }

/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE ATTRAZIONI LOCALI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/* Section 3 */
#swiper_attivita .swiper { padding: 1rem var(--c2o); }

#s3_attrazioni-locali .single_attivita { background-color: var(--white); max-width: 350px; margin: 0 auto; box-shadow: 0 0 1rem rgb(var(--black-rgb) / 10%); transition: .25s ease; }
#s3_attrazioni-locali .single_attivita picture { height: 15rem; }
#s3_attrazioni-locali .single_attivita .text { padding: 1.5rem 1rem; }
#s3_attrazioni-locali .single_attivita .text h3 { color: var(--blue); font-size: 1.5rem; font-weight: 600; line-height: 1.2; }
#s3_attrazioni-locali .single_attivita .text p { margin-top: 0.5rem; font-size: 0.85rem; }

#s3_attrazioni-locali .nav_btn { padding: 0; width: 2.5rem; }
#s3_attrazioni-locali .nav_next { transform: translate(50%, -50%); }
#s3_attrazioni-locali .nav_prev { transform: translate(-50%, -50%); }

#s3_attrazioni-locali .wave { top: 30%; left: -1rem; width: 12rem; z-index: 2; }

/* Section testi - 4 */
#s4_attrazioni-locali .sec_testi .container { padding-top: var(--c7v); padding-bottom: var(--c7v); }

/* Section 7 */
#s7_attrazioni-locali .accordion_head { padding: 1.25rem 0.25rem;  }
#s7_attrazioni-locali .accordion_head .ico { border: 1px solid var(--white); border-radius: 8rem; }
#s7_attrazioni-locali .accordion_head svg { filter: brightness(0) invert(1); }
#s7_attrazioni-locali .card_accordion {  border-bottom: 1px solid var(--white); }

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

/* Section 2 */
#s2_contatti .single_contact { gap: 1rem; margin-top: 1rem; }
#s2_contatti .single_contact svg { min-width: 1.5rem; width: 1.5rem; }
#s2_contatti .single_contact svg path { fill: var(--salmon); }

#s2_contatti .social { margin-top: 2rem; gap: 0.5rem; }
#s2_contatti .social p { font-weight: 700; }
#s2_contatti .social a { min-width: 2.5rem; width: 2.5rem; }
#s2_contatti .social svg path { fill: var(--salmon); }

#s2_contatti #sec_accordion { margin-top: 3rem; margin-bottom: 2rem; }
#s2_contatti #sec_accordion .text { text-align: left; }
#s2_contatti #sec_accordion .text h2 { font-size: calc(var(--h2-size) * 0.6); }

#s2_contatti .wave:nth-of-type(1) { top: 30%; left: 0; width: 7rem; transform: translate(-30%, -50%); }
#s2_contatti .wave:nth-of-type(2) { bottom: -2rem; right: 0; width: 9rem; transform: translate(40%, -50%); }




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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
#s1_blog h1 { color: var(--light_blue); }

.all_posts_container .wrapper { gap: 1rem; }

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




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




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

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

#form .wpforms-field { position: relative; }
#form .wpforms-field label { color: var(--white); position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); font-weight: 400; }
#form .wpforms-field.wpforms-field-textarea label { top: 1rem; transform: unset; }

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

#form .wpforms-field.wpforms-field-date-time { background-color: rgb(var(--white-rgb) / 10%); border-radius: 1rem; }

#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: var(--white); opacity: 1; font-size: 0.85rem }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { padding: 0.5rem; border: 1px solid var(--white); }
#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"]:checked { background-color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li label { padding: .25em 1rem; color: var(--white); }
#form .wpforms-field.wpforms-field-checkbox li label a:hover { color: var(--salmon); }

#form button[type=submit], #form input[type=submit] {
	padding: 0.75rem 1rem; font-size: 1rem; color: var(--light_blue); transition: .25s ease; margin: 1rem auto 0 auto; border: 1px solid var(--white);
	font-weight: 600; text-transform: uppercase; border-radius: 2rem;  width: max-content; background-color: var(--white);
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--light_blue); color: var(--white); 
	box-shadow: 0 0 1rem rgb(var(--white-rgb) / 50%); border: 1px solid var(--light_blue); }


/* 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 h2 { font-size: 4rem; }
#s1_grazie .s1_title h1 { font-size: 2rem; }
#s1_grazie .btn_container { margin-top: 1rem; }

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

#s1_404 { background-color: var(--bkg_color); }

#s1_404 .s1_title h1 { font-size: 2rem; }
#s1_404 .s1_title h1 span { font-size: 200%; color: var(--light_blue); }
#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); }

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






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


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

#scroll_btn { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-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) {


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s4_home .attrazioni { grid-template-columns: 1fr 1fr; }
	#s4_home .single_attrazione .text h3 { font-size: calc(var(--h3-size) * 1); }

	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	/* La casa */
	#s3_la-casa .gallery_container a { width: calc(50% - 0.5rem); }

	/* Attrazioni locali */
	.accordion_head .text { gap: 2rem; }
	.accordion_head svg { width: 2.75rem; }
	.accordion_head .ico { width: 5rem; padding: 1.5rem; }



}






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

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

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	.s1 .logo_mobile { max-width: 350px; }
	.s1 .btn_custom.scroll_form { display: none; }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s3_home .single_card .wrapper { height: 80%;  }

	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	/* Attrazioni locali */
	#swiper_attivita .swiper { padding: 0.5rem; }
	#swiper_attivita .nav_prev { left: -1.25rem; }
	#swiper_attivita .nav_next { right: -1.25rem; }

	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	.featured_card { grid-template-columns: 0.8fr 1fr; }
	.featured_card .left { height: 100%; }

	.all_posts_container .wrapper { grid-template-columns: 1fr 1fr; }

	/*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/
	#form #wpforms-170-field_1-container.wpforms-field, #form #wpforms-170-field_2-container.wpforms-field,
	#form #wpforms-170-field_3-container.wpforms-field, #form #wpforms-170-field_4-container.wpforms-field  { width: calc(50% - 0.5rem); margin-bottom: 1em; }

	/*∞∞∞∞∞∞ 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 ∞∞∞∞∞∞*/
	header { width: 100%; }

	.head_logo { display: block; transform: translate(0, 1.5rem); width: calc(15vw - 1rem); max-width: 350px; }
	header.scroll_on .head_logo { transform: translate(1rem, 1.5rem); width: calc(10vw - 1rem); opacity: 0; }

	.head_wrapper { padding: 0 1rem; justify-content: space-between;  }
	.head_wrapper .right { flex: unset; }
	.head_wrapper::after { content: ""; position: absolute; bottom: 0; right: 0; width: 80vw; height: 1px; background-color: var(--white); transition: .5s ease; }

	.head_wrapper .menu_desktop { display: flex; gap: 1rem; }
	.head_wrapper .menu_desktop .head_menu { display: flex; justify-content: center; align-items: center; }
	.head_wrapper .menu_desktop .head_menu a { color: var(--white); padding: 1.75rem 0.5rem; position: relative; }
	.head_wrapper .menu_desktop .btn_custom span { font-size: 0.8rem; }

	.head_menu li a::after { bottom: 0.5rem; width: 4rem;  }
	.head_menu li a:hover::after, .head_menu li.current-menu-item a::after { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

	header.scroll_on .head_wrapper::after { width: 0; }
	header.scroll_on .head_wrapper .menu_desktop .head_menu a { color: var(--white); padding: 1.25rem 0.5rem; }

	header.scroll_on .head_wrapper .right { padding: 0rem 1rem; }
	header.scroll_on .head_wrapper .menu_desktop .btn_custom span { color: var(--light_blue); }
	header.scroll_on .btn_custom::after { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

	#hamburger { display: none; }

	/* Header attivo */
	.header_250 .head_logo, /* Archive Blog */
	.header_176 .head_logo, /* Page grazie */
	.header_single .head_logo { filter: unset; }

	.header_250 .head_wrapper::after, /* Archive Blog */
	.header_176 .head_wrapper::after, /* Page grazie */
	.header_single .head_wrapper::after { background-color: var(--black);  }

	.header_250 .head_wrapper .menu_desktop .head_menu a , /* Archive Blog */
	.header_176 .head_wrapper .menu_desktop .head_menu a , /* Page grazie */
	.header_single .head_wrapper .menu_desktop .head_menu a  { color: var(--black);  }

	.header_250 .head_wrapper .menu_desktop .head_menu a::after , /* Archive Blog */
	.header_176 .head_wrapper .menu_desktop .head_menu a::after , /* Page grazie */
	.header_single .head_wrapper .menu_desktop .head_menu a::after  { filter: brightness(0);  }

	
	header.scroll_on.header_250 .head_wrapper .menu_desktop .head_menu a::after , /* Archive Blog */
	header.scroll_on.header_176 .head_wrapper .menu_desktop .head_menu a::after , /* Page grazie */
	header.scroll_on.header_single .head_wrapper .menu_desktop .head_menu a::after  { filter: brightness(0) invert(1);  }

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/* s1 */
	.s1 .logo_mobile { display: none; }

	/* s2 */
	.s2_custom .container { padding-top: 0; }
	.s2_custom .up_div { transform: translateY(-2rem); }
	/* .s2_custom .padding_div { padding-top: var(--c15v); } */

	/* Single text */
	.sec_testi .container { padding-left: var(--c5o); padding-right: var(--c5o); }
	.sec_testi .image_container { max-width: unset; }

	.sec_testi .single_text .text { padding-left: 0; padding-right: 0; }
	.sec_testi .single_text .text h2 { font-size: calc(var(--h2-size) * 0.85); }
	.sec_testi.left_layout .single_text { flex-direction: row-reverse; }

	/* Form */
	#sec_form .container { display: flex; justify-content: center; align-items: stretch; max-width: unset; width: max-content; min-height: 100vh; }
	#sec_form .left { display: flex; justify-content: flex-start; align-items: stretch; width: auto; z-index: 1; }
	#sec_form .left .single_img { width: 30vw; }

	#sec_form .right { width: calc(50vw - 8px); padding-left: var(--c2o); padding-right: var(--c2o); display: flex; flex-direction: column;
		align-items: center; justify-content: center;}
	#sec_form .wave { position: absolute; left: 0; margin-top: 0; bottom: calc(var(--c15v) / 2); }

	/* ACCORDION */
	.accordion_head h3, .accordion_head svg { transition: .25s ease; }
	.accordion_head:hover h3 { transform: translateX(1rem); }
	.accordion_head:hover svg { transform: translateX(-1rem); }
	.accordion_head.active:hover svg { transform: translateX(-1rem) rotate(180deg); }

	/* 5 Terre card */
	#sec_5t_card .container { flex-direction: row-reverse; align-items: flex-end; }
	#sec_5t_card .text { padding-left: 0; padding-bottom: var(--c15v); }
	#sec_5t_card .left picture { max-width: 700px; }
	#sec_5t_card .right .wave { bottom: var(--c15v); }


	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Section 3 */
	#s3_home .single_card .wrapper { height: 100%; }
	
	/* Section 4 */
	#s4_home .attrazioni { grid-template-columns: 1fr 1fr 1fr; gap: 1rem 1.5rem; }
	#s4_home .single_attrazione { max-width: unset; }
	#s4_home .single_attrazione .text { padding: 1rem 2rem; }
	#s4_home .single_attrazione .text h3 { font-size: calc(var(--h3-size) * 0.75); }
	#s4_home .single_attrazione .text p { font-size: calc(var(--p-size) * 0.85); }

	#s4_home .attrazioni .single_attrazione:nth-of-type(3n + 2) { transform: translateY(1.5rem); }

	/* Section 5 */
	#s5_home .container { padding-left: var(--c5o); padding-right: var(--c5o); }
	#s5_home .map picture { aspect-ratio: 16 / 8; }

	/*∞∞∞∞∞∞ PAGES ∞∞∞∞∞∞*/
	/* La casa */
	#s3_la-casa .gallery_container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem 1.5rem; }
	#s3_la-casa .gallery_container a { width: 100%; }
	#s3_la-casa .gallery_container a:nth-of-type(3n + 2) { transform: translateY(1.5rem); }
	#s3_la-casa .gallery_container.active .fresco:nth-of-type(3n + 2)  { transform: scale(1) translateY(1.5rem); opacity: 1; }


	#s4_la-casa .single_service { width: calc(50% - 1rem); }

	/* Attrazioni locali */
	#s3_attrazioni-locali .container { padding-top: 0; }

	#swiper_attivita .swiper { padding: 0.5rem 0.5rem 2.5rem 0.5rem; }
	#s3_attrazioni-locali .swiper-slide { height: auto; }
	#s3_attrazioni-locali .swiper-slide .single_attivita { height: 100%; max-width: 425px; }
	#s3_attrazioni-locali .swiper-slide.swiper-slide-next .single_attivita { transform: translateY(2rem);  }

	/*  Contatti */
	#s2_contatti .text { padding-top: var(--c7v); }
	#s2_contatti .flex_container { align-items: stretch; }
	#s2_contatti .sec_map .iframe_container { position: sticky; top: 8rem; width: 100%; }
	#s2_contatti .sec_map .iframe_container iframe { height: 100%; max-height: 80vh; }

	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	/* Blog */
	.all_posts_container .wrapper { grid-template-columns: 1fr 1fr 1fr;  }

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

	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	footer .bottom { justify-content: space-between; padding-top: 4rem; }
	footer .bottom .left .division_line { height: 10rem; left: unset; right: -12%; top: 50%; transform: translate(0, -50%); }

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

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

}






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

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

	.head_wrapper .menu_desktop .head_menu a { padding: 1.75rem 1.25rem; }
	header.scroll_on .head_wrapper .menu_desktop .head_menu a { padding: 1.25rem 0.75rem; }

	.header_250 .head_wrapper .menu_desktop .head_menu a, .header_176 .head_wrapper .menu_desktop .head_menu a, 
	.header_single .head_wrapper .menu_desktop .head_menu a { padding: 1.75rem 1.25rem; }

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s4_home .single_attrazione .text { padding: 3rem 2rem; }

	/*∞∞∞∞∞∞ SECTIONS ∞∞∞∞∞∞*/
	/*s1*/
	.s1 .s1_title { max-width: 70vw; margin: 0 auto; }

	/* Sec testi */
	.sec_testi .single_image.bot picture {  margin-top: -12rem; }

}






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

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

	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	#s3_home .corallo { max-width: 425px; }

	#swiper_attivita .swiper { max-width: 80vw; margin: 0 auto; }

	/*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/
	/* Blog */
	.all_posts_container .wrapper { grid-template-columns: 1fr 1fr 1fr 1fr; }

}






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

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






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

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

	#s3_attrazioni-locali .swiper-slide.swiper-slide-next .single_attivita { transform: translate(0); }

}