/*

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

DESIGN BY © LO STUDIO

CUSTOM.CSS STYLESHEET FOR => " Navigazione Lago d'Iseo "

BASE (MOBILE) SIZE

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




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


.header { position: fixed; top: 0; z-index: 4; transition: .25s ease-out; }

.header.scroll::before {
	content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: .5s ease; 
	/*background: linear-gradient(to bottom, var( --main-bkg-color ) 40%, transparent); */
	background-color: rgb(235 240 250 / 50%); backdrop-filter: blur(.25rem);
}

.header.scrolling.scroll::before { opacity: 0; }
.header.scrolling { transform: translateY(-100%); }



.head_wrapper { padding: 1em 1.5em; z-index: 2; }







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

.head_logo { 
	display: inline-block; 
	--head-logo-width: 50px; /* <- in 'px' */
	--head-logo-min: 50;
	--head-logo-max: 100;
	max-width: 100px;
}
.head_logo :where(img, svg) { width: 100%; }
.head_logo svg path { fill: var(--blue); }


.head_logo .txt { display: none; }


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

.link_head .link { margin-right: 2.5vw; }


/* Lang */
.lang #wpml-ls-submenu-click-default { background: transparent; }

.lang .wpml-ls-legacy-dropdown-click { width: auto; }
.lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle, .lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
	display: flex; align-items: center; justify-content: center; width: 2.7rem; background-color: transparent;
	padding: 0; padding: .5em .625em; border: 2px solid var(--blue); border-radius: 50%; aspect-ratio: 1 / 1; 
	font-size: clamp(16px, 1.5vw, 1.125rem); line-height: 1; text-transform: uppercase; white-space: nowrap; font-weight: 600; color: var(--blue);
}
.lang .wpml-ls-legacy-dropdown-click a span { margin-top: 2px; }
.lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { display: none; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border: 0; margin-top: .25rem; }
.lang .wpml-ls-legacy-dropdown-click .wpml-ls-item { margin-top: 2px; }
.lang .wpml-ls-legacy-dropdown-click a:hover { background-color: rgb(var(--blue-rgb) / 20%); }


/* Menu a tendina */
.menu_ex { margin-left: 1.5vw; }
.menu_ex > button {  display: inline-flex; gap: .5rem; text-transform: uppercase; font-size: clamp(16px, 1.5vw, 1rem); font-weight: 700; color: var(--blue); }
.menu_ex > button svg { width: auto; height: .5em; transition: .125s ease; }
.menu_ex > button svg path { fill: var(--blue); }
.menu_ex > button:hover { opacity: .75 }

.menu_ex.active > button svg { transform: scaleY(-1); }

.menu_ex .sub_menu {
	display: none; left: 0; bottom: 0; transform: translateY(calc(100% + 1rem)); padding: 1rem;
	min-width: 15rem; background: linear-gradient(to right, var(--gradient)); border-radius: 0 1.5rem 0 1.5rem;
}
.menu_ex .sub_menu a { font-size: .85rem; line-height: 1.125; color: var(--white); font-weight: 700; text-transform: uppercase; }
.menu_ex .sub_menu li + li { margin-top: .75rem; }
.menu_ex .sub_menu .border { padding-top: .75rem; border-top: 1px solid rgb(var(--white-rgb) / 50%); }

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



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

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

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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#main_nav { display: none; position: absolute; top: 0; left: 0; z-index: 1; }
#main_nav .menu_wrapper { top: 0; left: 0; background: linear-gradient(to bottom, var(--gradient)); padding-top: var(--top_head); }
#main_nav img { left: 0; bottom: 0; opacity: .125; }

#main_nav .flex-v { gap: .5rem; }
#main_nav .link.blue { border-color: var(--white); }


#main_nav .card_accordion { border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }
#main_nav .accordion_head { padding: 1rem; gap: .5rem; }
#main_nav .accordion_head .h3 { text-transform: uppercase; color: var(--white); font-weight: 700; font-size: 1.375rem; }

#main_nav .accordion_head.active svg { transform: scaleY(-1); }

#main_nav .accordion_text { display: none; padding: 0 1rem 1rem 2rem; }
#main_nav .accordion_text li a { font-size: 1rem; color: var(--white); font-weight: 700; text-transform: uppercase; }
#main_nav .accordion_text li + li { margin-top: .5rem; }









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

.head_white .head_logo svg path { fill: var(--white); }

.head_white .lang .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle, 
.head_white .lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { border-color: var(--white); color: var(--white); }

.head_white #hamburger span { background-color: var(--white); }

.head_white .menu_ex > button { color: var(--white); }
.head_white .menu_ex > button svg path { fill: var(--white); }






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


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

.link {
	display: inline-flex; gap: .5rem; position: relative; width: fit-content; background-color: var(--green);
    padding: .625em 1em; border: 1px solid var(--green); border-radius: 5rem;
	font: inherit; font-size: clamp(16px, 1.125vw, 1rem); color: var(--white); font-weight: 700; text-transform: uppercase;
}
.link svg { width: auto; min-width: 1rem; height: 1em; }
.link svg path, .link svg polygon { fill: var(--white); transition: .25s ease; }

.link:hover, .link:focus, .link:active { background-color: var(--white); color: var(--green); }
.link:hover svg path, .link:focus svg path, .link:active svg path { fill: var(--green); }


.link.grey { border-color: var(--grey); background-color: var(--grey); }
.link.grey:hover, .link.grey:focus, .link.grey:active { background-color: var(--white); color: var(--grey); }
.link.grey:hover svg path, .link.grey:focus svg path, .link.grey:active svg path { fill: var(--grey); }

.link.blue { border-color: var(--blue); background-color: var(--blue); }
.link.blue:hover, .link.blue:focus, .link.blue:active { background-color: var(--white); color: var(--blue); }
.link.blue:hover svg path, .link.blue:focus svg path, .link.blue:active svg path { fill: var(--blue); }

.link.outline { border-color: var(--blue); background-color: transparent; color: var(--blue); }
.link.outline svg path { fill: var(--blue); }
.link.outline:hover, .link.outline:focus, .link.outline:active { background-color: var(--blue); color: var(--white); }
.link.outline:hover svg path, .link.outline:focus svg path, .link.outline:active svg path { fill: var(--white); }

.link.outwhite { border-color: var(--white); background-color: var(--blue); }
.link.outwhite:hover, .link.outwhite:focus, .link.outwhite:active { background-color: var(--white); color: var(--blue); }
.link.outwhite:hover svg path, .link.outwhite:focus svg path, .link.outwhite:active svg path { fill: var(--blue); }






.link.desktop { display: none; }





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

.filter_blue { background-color: var(--blue); opacity: .5; }
.filter_tb { background: linear-gradient(to bottom, rgb(4 36 70 / 90%), transparent); }



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

.pt_custom { padding-top: var(--top_head); }


.bkg_texture { background-image: url(../images/svg/texture.svg); opacity: .05; }
.sec_img picture:not(.contain) { border-radius: var(--radius); }




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

#nav_dots.blue .swiper-pagination-bullet { border: 1px solid var(--blue); }
#nav_dots.blue .swiper-pagination-bullet-active { background-color: var(--blue); }


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



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

/* Social */
.social { gap: .75rem; }
.social a { display: inline-block; width: 3em; }
.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: 5vh; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#breadcrumb { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: .5em; }
#breadcrumb li { font-size: 16px; list-style: none; margin: 0; }
#breadcrumb .separator {}
#breadcrumb :where(a,span) { text-decoration: unset; display: inline-block; min-width: fit-content; }




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

.toTop { transform: translateY(10%); opacity: 0; transition: .75s cubic-bezier(.76,0,.24,1); }
.toRight { transform: translateX(-10%); opacity: 0; transition: .75s cubic-bezier(.76,0,.24,1); }
.toLeft { transform: translateX(10%); opacity: 0; transition: .75s cubic-bezier(.76,0,.24,1); }

.toTop.active, .toRight.active, .toLeft.active { transform: translate(0); opacity: 1; }




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


footer { padding: .5rem; }
footer .wrapper { overflow: hidden; border-radius: var(--radius); background-color: var(--blue); }

#video_footer { mix-blend-mode: multiply; opacity: 0.2; }


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


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


/* Foot Block */
.foot_block + .foot_block { margin-top: var(--c7v); }
.foot_block p { color: var(--white); font-weight: 700; font-size: 1rem; }
.foot_block p + p { margin-top: 1.25rem; }
.foot_block p a { display: inline-block; font: inherit; }
.foot_block p a:hover { color: var(--lighter); }


/* Menu */
.foot_block li a { display: inline-block; color: var(--white); font-weight: 700; font-size: 1rem; text-transform: uppercase; }
.foot_block li + li { margin-top: .75rem; }

.foot_block li a:hover { color: var(--lighter); }

/* Foot Social */
.foot_block.social { display: inline-flex; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--white); }
.foot_block.social a { border-radius: 4rem; }
.foot_block.social a:hover { background-color: rgb(var(--white-rgb) / 10%); }




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

#credits { background-color: var(--white); padding: 1.5rem; }

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




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

#back_top {
	display: none; z-index: 2; 
	bottom: .5em; right: .5em;
	--back-top-px: 40px;
	--back-top-min: 40;
	--back-top-max: 60;
	max-width: 60px; 
	padding: .25em; background-color: rgb(255 255 255 / 25%);
	cursor: pointer; transition: .25s ease;
}
#back_top :where(img, svg) { width: 100%; }
#back_top svg path { fill: var(--black); }








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


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

.s1 > img { position: absolute; top: 1rem; right: 1rem; height: 30vh; width: auto; filter: drop-shadow(0 0 2.5rem rgb(30 30 30 / 15%)); z-index: 1; pointer-events: none; }
.s1:not(#s1_home) .container { padding-top: calc(var(--top_head) + var(--c10v)); }

.s1 .text { z-index: 2; } 
.s1 .bkg_thumb.rel { aspect-ratio: 4 / 3; border-radius: var(--radius); overflow: hidden; background-color: #a5baff38; }


.s2, .s2_page { z-index: 1; }













/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ STILE CAMPI FORM CUSTOM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/
/*
.wrapper_form { gap: 1.5rem 1rem; }
.wrapper_form .input_wrp { display: flex; align-items: center; justify-content: center; flex-direction: ; gap: 1rem 3rem; }
*/

.wrapper_form { gap: 2rem 1rem; }
.wrapper_form .input_wrp { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem .5rem; }
.wrapper_form label { display: block; color: var(--blue); font-weight: 600; font-size: .85rem; cursor: pointer; }
.wrapper_form label span { display: block; }

.input_wrp .hide, .input_wrp.hide { display: none; }


/* Radio */
.wrapper_form .radio_wrp { align-items: center; }
.wrapper_form .radio { width: 100%; }
.wrapper_form .radio label { display: flex; align-items: center; justify-content: flex-start; }
.wrapper_form .radio input { display: none; }
.wrapper_form .radio input[type='radio'] + label:before {
	content: ''; background: var(--white); width: .85rem; height: .85rem; border-radius: 100%; 
	margin-right: .75em; display: inline-block; vertical-align: middle; box-shadow: 0 0 0 2px white, 0 0 0 3px black;
}
.wrapper_form .radio input[type='radio']:checked + label:before { background: var(--blue); }


/* Select */
.wrapper_form .switch { height: 2.5rem; width: 1.5rem; }
.wrapper_form .select::after { content: ""; position: absolute; left: 1rem; bottom: .75rem; width: 1rem; height: 1.25rem; background: url(../images/svg/ico_marker.svg) no-repeat center; background-size: contain; }
.wrapper_form .select label { font-size: 1rem; }
.wrapper_form .select select {
	-webkit-appearance: none; appearance: none; cursor: pointer; padding: .75rem 2.5rem; background: url(../images/svg/form_sel_open_1.svg) no-repeat calc(100% - 1em) / 1em;
	background-color: var(--white); border-radius: 5rem; border: 1px solid var(--blue); margin-top: .5rem;
	font-size: .85rem; color: var(--black); /* text-transform: uppercase; */ font-weight: 400; font-family: var(--main-font);
}

/* Data */
.wrapper_form .date { width: 100%; }
.wrapper_form .date::after { content: ""; position: absolute; left: 1rem; bottom: .75rem; width: 1rem; height: 1.25rem; background: url(../images/svg/ico_calendar.svg) no-repeat center; background-size: contain; }
.wrapper_form .date input {
	-webkit-appearance: none; appearance: none; cursor: pointer; padding: .75rem .75rem .75rem 2.5rem; width: 100%;
	background-color: var(--white); border-radius: 5rem; border: 1px solid var(--blue); margin-top: .5rem;
	font-size: .85rem; color: var(--black); text-transform: uppercase; font-weight: 400; font-family: var(--main-font);
}

.data_ritorno.not_active { pointer-events: none; opacity: .5; }

.flatpickr-calendar.open { background-color: var(--white); box-shadow: unset; border-radius: 1.5rem; padding: .125rem; width: 20rem; max-width: 100%; height: auto; box-shadow: 0 0 1rem rgb(30 30 30 / 20%); }
.flatpickr-calendar.open span { font-family: var(--main-font); color: var(--blue); }
.flatpickr-calendar.open select, .flatpickr-calendar.open .numInput { font-family: var(--main-font); color: var(--blue); font-weight: 500; }

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

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


/* Giorni settimana */
.flatpickr-calendar.open .flatpickr-weekdays { height: auto; }
.flatpickr-calendar.open span.flatpickr-weekday { font-size: clamp(.625rem, 1.25vw, .85rem); margin-bottom: 1rem; }


/* Giorni */
.flatpickr-calendar.open .flatpickr-days, .flatpickr-calendar.open .dayContainer { width: 100%; max-width: unset; }
.flatpickr-calendar.open .flatpickr-day {
	width: calc(100% / 7) !important; max-width: unset; font-size: clamp(.625rem, 1.25vw, .85rem); height: auto; line-height: 1; 
	aspect-ratio: 1 / 1;  display: flex; align-items: center; justify-content: center;
}

.flatpickr-calendar.open .flatpickr-disabled { opacity: .25; }
.flatpickr-calendar.open .nextMonthDay { opacity: .5; }
.flatpickr-calendar.open .flatpickr-day.today { border-color: transparent; }
.flatpickr-calendar.open .flatpickr-day:hover { background-color: rgb(var(--light-rgb) / 25%); }
.flatpickr-calendar.open .flatpickr-day.selected { background: var(--blue); -webkit-box-shadow: none; box-shadow: none; color: var(--white); border-color: transparent; }






/* Invio */
.wrapper_form .invio.is-disabled { opacity: .5; cursor: not-allowed; }
.wrapper_form .invio.is-disabled button { pointer-events: none; }
















/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION FORM DI RICERCA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

#cerca_orari { padding: 1.5rem; background-color: var(--white); border-radius: var(--radius); }
#cerca_orari .invio .link { width: 100%; padding: .75em; text-align: center; justify-content: center; }
#cerca_orari .switch { cursor: pointer; }


/* Mappa ricerca */
#mappa_lago.using #MAPPA { opacity: .75; }
#mappa_lago.using .pointer.not_active { opacity: .75 }

#mappa_lago .pointer { cursor: pointer; }
#mappa_lago .pointer:hover .st2 { opacity: .75; }

.pointer .st2 { opacity: 0; transition: .25s ease }
.pointer .outline { opacity: 0; }
.pointer .st4 {  }
.pointer .txt {  }


.pointer.active { filter: drop-shadow(0 0 1rem rgb(30 30 30 / 10%)); }
.pointer.active .st2 { opacity: 1; }
.pointer.not_active .outline { opacity: 1; }
.pointer.not_active .st4 { opacity: 0; }








/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION CALCOLATORE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_calc {}
.wrapper_calc .text:nth-of-type(1) p { margin-top: .5rem; }
.wrapper_calc .text.bt { width: fit-content; margin-top: 2rem; padding-top: .5rem; border-top: 1px solid var(--blue); }


/* Risultati ricerca tariffe */
.modal_result_tariffe .close_tariffe { position: absolute; top: 1rem; right: 1rem; width: 1.5rem; height: 1.5rem; }
.modal_result_tariffe .close_tariffe svg { width: 1.5rem; }
.modal_result_tariffe .close_tariffe svg line { stroke: var(--white); stroke-width: .5rem; }

.modal_result_tariffe { display: none; position: relative; margin-top: var(--c7v); border-radius: var(--radius); padding: 3rem 1rem; background: linear-gradient(to top, var(--gradient)); }
.modal_result_tariffe .wrapper { background-color: var(--white); border-radius: 1.5rem; }
.modal_result_tariffe .wrapper > .text { padding: 1rem; }
.modal_result_tariffe .wrapper > .text p.h3 { margin-top: 0; margin-bottom: 2rem; font-size: 1.625rem; }
.modal_result_tariffe .wrapper > .text p { margin-top: .25rem; }

.modal_result_tariffe .mark { width: fit-content; padding: .25em; border-radius: .25em; }
.zona_1 { background-color: #7EB4559e; }
.zona_2 { background-color: #00A1D59e; }
.zona_3 { background-color: #D67F419e; }
.zona_4 { background-color: #A9578C9e; }
.zona_5 { background-color: #C538349e; }


.box_tariffe { display: grid; grid-template-columns: 1fr; gap: 1rem; padding: 0 1rem 1rem 1rem; }
.box_tariffe .tab { text-align: center; }
.box_tariffe .tab p { padding: 1rem; text-transform: uppercase; font-weight: 700; color: var(--white); line-height: 1; font-size: 1.125rem; border-bottom: 1px solid var(--white); }
.box_tariffe .text { padding: 1rem; }
.box_tariffe .text p + p, .box_tariffe .text li + li { margin-top: .5rem; line-height: 1.25; }
.box_tariffe .text p, .box_tariffe .text li { font-size: 1rem; list-style: none; margin-left: 0; }
.box_tariffe .text strong { display: inline-block; }

.box_tariffe .corsa_singola { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); background-color: var(--blue); border: 1px solid var(--white); border-radius: 1rem 1rem 0 0; }
.box_tariffe .abbonamento { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); background-color: #343645; border: 1px solid var(--white); border-radius: 1rem 1rem 0 0; }

.box_tariffe .extra { box-shadow: 0 0 1rem rgb(30 30 30 / 10%); border: 1px solid var(--blue); border-radius: 0 0 1rem 1rem; }
.box_tariffe .extra .tab { width: max-content; white-space: nowrap; border-bottom: unset; }
.box_tariffe .extra .tab p { color: var(--blue); }
.box_tariffe .extra .text { border-left: 1px solid var(--blue); }

.avviso { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--white); gap: .75rem; }
.avviso img { width: 3rem; }
.avviso p { color: var(--white); font-size: 1rem; margin-top: .12rem; }



.filter_ajax { display: none; background-color: var(--main-bkg-color); position: fixed; opacity: .5; }
#loader { z-index: 1; transform: rotate(0deg); border: 8px solid #f3f3f3; border-top: 8px solid var(--blue); border-radius: 50%; width: 2em; height: 2em; animation: spin 1s linear infinite; }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




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


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

.card picture { border-radius: 1.5rem 0 1.5rem 0; z-index: 1; margin-bottom: -1.5rem; overflow: hidden; background-color: var(--blue); }
.card picture img { transition: .25s ease; }
.card .content { padding: 3rem 1.5rem 1.5rem 1.5rem; background-color: var(--white); }
.card .content h3 { font-size: 1.5rem; color: var(--blue); }
.card .content p { color: var(--blue); font-size: 18px; }
.card .content p span { display: inline-block; text-transform: uppercase; }

.card_blog a { filter: drop-shadow(0 0 2rem rgb(var(--blue-rgb) / 20%)); }
.card_blog .content { border-radius: 0 0 1.5rem 0; }
.card_blog h3 + p { margin-top: var(--c5v); }
.card_blog button { font-weight: 700; color: var(--blue); text-transform: uppercase; margin-top: 1.5rem; }
.card_blog button:hover { color: var(--lighter); }

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




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

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




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

.card_news + .card_news { margin-top: 1.5rem; }

.card_news { border-radius: var(--radius); background: linear-gradient(to top, var(--gradient)); padding: 2rem; }
.card_news a { gap: 1rem 0; }
.card_news .content { padding-right: 1rem; }
.card_news .content h3 { color: var(--white); text-transform: uppercase; font-size: 1.5rem; }
.card_news .content p { color: var(--white); font-size: 1.125rem; }
.card_news .content { margin-bottom: 1rem; }



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

.card_comunicati + .card_comunicati { margin-top: 2rem; }

.card_comunicati { border-radius: var(--radius); background: linear-gradient(to top, var(--gradient)); }
.card_comunicati .content { padding: 2rem; padding-top: 1rem; padding-right: 1rem; }
.card_comunicati .content h3 { color: var(--white); text-transform: uppercase; font-size: 1.5rem; margin-bottom: 1.5rem; }
.card_comunicati .content p { color: var(--white); font-size: 1.125rem; }

.card_comunicati .btn { padding: 0 2rem 2rem 2rem; }
.card_comunicati .date p { padding: 2rem 1rem 0 1rem; border-left: 1px solid var(--white);  color: var(--white); }



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

.card_press + .card_press { margin-top: 2rem; }

.card_press { gap: 1rem; padding: 2rem; border-radius: var(--radius); background: linear-gradient(to top, var(--gradient)); }
.card_press .content h2 { color: var(--white); font-size: 1.5rem; }



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

.card_tour { background-color: var(--blue); border-radius: var(--radius); overflow: hidden; }
.card_tour > a { height: 100%; }
.card_tour picture { overflow: hidden; background-color: var(--blue); }
.card_tour picture img { transition: .25s ease; }
.card_tour .content { padding: 2rem; }
.card_tour .content h3 { color: var(--white); margin-bottom: .5rem; }
.card_tour .content h3 + p { font-size: 1rem; color: var(--white); }
.card_tour .content .flex-init { padding: 1rem 0; gap: .5rem; } 
.card_tour .content .flex-init + .flex-init { border-top: 1px solid rgb(var(--white-rgb) / 50%); }
.card_tour .content .flex-init img { width: 1.25rem; margin-top: 5px; }
.card_tour .content .flex-init span { text-transform: uppercase; color: var(--white); font-weight: 600; }
.card_tour button { 
	position: relative; padding: 1.25rem; background-color: var(--white); z-index: 1; width: 100%;
	border: 1px solid var(--blue); border-radius: 1.5rem 0 1.5rem 0;
	color: var(--blue); text-transform: uppercase; font-weight: 700;
}
.card_tour button:hover { background-color: rgb(var(--white-rgb) / 25%); color: var(--white); }

.card_tour:hover picture img { transform: scale(1.05); opacity: .75 }



/* Tour sospeso */
.card_tour .txt_alert { display: none; position: absolute; left: 50%; top: var(--c10v); transform: translateX(-50%); text-align: center; z-index: 2; padding: 1rem var(--c2o); width: 100%; }
.card_tour.sospeso { pointer-events: none; }
.card_tour.sospeso .filter { background-color: rgb(var(--blue-rgb) / 75%); backdrop-filter: blur(2px); z-index: 1; }
.card_tour.sospeso .txt_alert { display: block; }
.card_tour.sospeso .txt_alert p { font-size: clamp(1.5rem, 2.5vw, 2.25rem); color: var(--white); font-weight: 600; }















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


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

#s1_home { padding: .5rem; }
#s1_home .wrapper { overflow: hidden; border-radius: var(--radius); }
#s1_home .container { min-height: calc(100vh - 1rem); }

#s1_home h1 { font-family: 'Beautifull Silent Signature'; font-size: clamp(4rem, 7.5vw, 7.5rem); font-weight: 400; }
#s1_home h1 span { display: block; margin-top: var(--c2v); font-family: var(--main-font); font-size: clamp(1.125rem, 2vw, 2rem); text-transform: uppercase; font-weight: 700; letter-spacing: .75em; line-height: 1.25; }



#cerca_orari_small { display: none; }



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

#s3_home .container { background: linear-gradient(to bottom, var(--blue), #04264e); }



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

#s4_home .container { justify-content: center; }

.triple_img picture:nth-of-type(1) { position: absolute; left: 0; top: 0; transform: translate(0%, -15%) rotate(5deg); }
.triple_img picture:nth-of-type(2) { position: relative; z-index: 1; }
.triple_img picture:nth-of-type(3) { position: absolute; left: 0; top: 0; transform: translate(0%, 15%) rotate(-5deg); }



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

#s5_home { margin-top: var(--c10v); }
#s5_home .text { padding: var(--c10v) 2rem; border-radius: var(--radius); background-color: rgb(var(--white-rgb) / 75%); backdrop-filter: blur(.5rem); }



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

#s7_home { background: linear-gradient(to bottom, var(--blue), var( --main-bkg-color )); }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SLIDER AVVISI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.opne_news {
    position: fixed; bottom: var(--c10v); right: 0; z-index: 3;
    padding: 1.25em .75em; background-color: var(--blue); border-radius: 1.5rem 0 0 1.5rem; border: 1px solid var(--white);
    color: var(--white); text-transform: uppercase; font-size: clamp(16px, 1.25vw, 1rem); font-weight: 400;
}
.opne_news .num {
	display: flex; align-items: center; justify-content: center; position: absolute; top: -.5rem; left: -.5rem;
	padding: .5rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; 
	font-size: 14px; font-weight: 600; list-style: 1; background-color: red; box-shadow: 0 0 .75rem rgb(30 30 30 / 10%);
}
.opne_news:hover { background-color: rgb(var(--blue-rgb) / 75%); }
.opne_news.hide { transform: translateX(120%); }

/* Chiudi news */
.filter_close_news { display: none; z-index: 4; position: fixed; pointer-events: initial; background-color: rgb(var(--blue-rgb) / 25%); backdrop-filter: blur(.25rem); }
.wrapper_slider_news .close_news { min-width: fit-content; width: 100%; padding: 1rem; background-color: var(--blue); color: var(--white); text-transform: uppercase; font-size: 1rem; font-weight: 400; }
.wrapper_slider_news .close_news:hover { background-color: rgb(var(--blue-rgb) / 75%); }

/* Banner news */
.wrapper_slider_news { pointer-events: none; position: fixed; bottom: var(--c10v); right: 0; background-color: var(--white); z-index: 5; transform: translateY(100%); opacity: 0; transition: .25s ease; width: 100%; }
.wrapper_slider_news.open { pointer-events: initial; transform: translateY(0); opacity: 1; }

.wrapper_slider_news .tit { min-width: max-content; padding: 1rem; background-color: var(--blue); }
.wrapper_slider_news .tit p { color: var(--white); text-transform: uppercase; font-size: 1rem; font-weight: 400; }
.wrapper_slider_news #nav_fraz { color: var(--white); text-align: center; font-size: .85rem }


.slide_news { padding: 1rem; display: flex; align-items: center; justify-content: flex-start; gap: 1rem; }
.slide_news > p { min-width: fit-content; }
.slide_news .date { font-size: clamp(16px, 2vw, 17px); font-weight: 700; }
.slide_news .date .autore { font-weight: 400; }
.slide_news div .p { font-size: 1.25rem; margin-top: .5rem; }
.slide_news div p { font-size: 1rem; }
.slide_news button { color: var(--blue); text-decoration: underline 1px; }



/* Nav slider */
.nav_wrp { gap: .5rem; padding: 1rem; }
.nav_wrp .nav_btn { top: unset; transform: unset; width: 2rem; padding: 0; }




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


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE COME VALIDARE IL BIGLIETTO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_convalida + .wrapper_convalida { margin-top: var(--c10v); }
.wrapper_convalida > .text { padding-left: var(--c5o); }


.green_light { gap: .5rem; padding: .5em .75em; background-color: var(--green); border-radius: .5em; }
.red_light { gap: .5rem; padding: .5em .75em; background-color: red; border-radius: .5em; }

.green_light p, .red_light p { color: var(--white); font-weight: 600; }

.info_valid { gap: .5rem; }
.info_valid + .info_valid { margin-top: 1rem; }
.info_valid img { width: 1.25rem; }
.info_valid.flex-init img { margin-top: .25em; }

.info_valid .green_light { margin-bottom: 1rem; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE RICERCA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Excerpt + form */
.wrapper_result_excerpt { background-color: var(--white); border-radius: var(--radius); padding: 2rem; margin-top: 2rem; gap: 2rem 1rem; }
.wrapper_result_excerpt .h4 { gap: .5rem; margin-bottom: .5rem; font-size: 2rem; }
.wrapper_result_excerpt .h4 img { width: 1.25rem; height: auto; }
.wrapper_result_excerpt p { font-size: 1rem; }

.btn_inline { font: inherit; color: var(--blue); font-size: .75em; padding: .375em .75em; border-radius: 2rem; border: 1px solid var(--blue); }
.btn_inline:hover { background-color: rgb(var(--blue-rgb) / 10%); }
.btn_inline.close { display: none; }

.wrapper_result_excerpt .wrapper_ricerca { display: none; }
.wrapper_result_excerpt .wrapper_ricerca.isSet { margin-top: var(--c5v); padding-top: var(--c5v); border-top: 1px solid var(--lighter); }
.wrapper_result_excerpt .wrapper_ricerca #cerca_orari { padding: 0; }


/* Risultati di ricerca */
#result_container .text { margin-bottom: var(--c5o); padding-right: 1rem; }
#result_container .h4 { text-transform: uppercase; flex-wrap: wrap; margin-top: .125rem; gap: .5rem; font-size: 1.75rem; }
#result_container .h4 img { width: 1rem; min-width: 1rem; }

#result_container table { box-shadow: 0 0 1rem rgb(var(--blue-rgb) / 10%); border-radius: 1rem; overflow: hidden; }
#result_container table, #result_container table * { border: 0; }
#result_container table th { text-align: left; background-color: #343645; padding: .75em 1.5em; font-size: 1rem; color: var(--white); font-weight: 300; }
#result_container table tr { background-color: var(--white); transition: .125s ease; }
#result_container table tr:hover { background-color: rgb(var(--light-rgb) / 5%); }
#result_container table tr + tr { border-top: 1px solid #343645; }
#result_container table td { padding: .75em 1.5em; font-size: 1rem; color: var(--black); font-weight: 500; }


.wrapper_tabella.show_more .result_table { max-height: 20rem; overflow: hidden; }
.wrapper_tabella.show_all .result_table { max-height: unset; }

.more_result { display: none; padding: 1rem; }
.more_result button svg { width: 2rem; }
.wrapper_tabella.show_more .more_result { display: flex; }
.wrapper_tabella.show_all .more_result button { transform: rotate(180deg); }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE BORGH ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.wrapper_mi { border-radius: var(--radius); padding: var(--c15v) var(--c1o) var(--c15v) var(--c5o); background: linear-gradient(to top, var(--gradient)); justify-content: flex-start; }
.wrapper_mi .text { z-index: 1; }
.wrapper_mi svg { z-index: 0; position: absolute; width: auto; height: 50%; right: -5%; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LAVORA CON NOI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.wrapper_pos { justify-content: center; }

.card_lav .content { padding: 3rem 1.5rem; margin-bottom: -1.5rem; }
.card_lav :where(a, button) { 
	position: relative; padding: 1.25rem; background-color: var(--blue); z-index: 1; width: 100%;
	border: 1px solid var(--blue); border-radius: 1.5rem 0 1.5rem 0;
	color: var(--white); text-transform: uppercase; font-weight: 700; text-align: center;
}
.card_lav :where(a, button):hover { background-color: var(--white); color: var(--blue); }


/* Section bandi */
.wrapper_bandi { border-radius: var(--radius); padding: var(--c5v) 2rem; background: linear-gradient(to top, var(--gradient)); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE DOVE ACQUISTARE I BIGLIETTI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.wrapper_vantaggi { padding: var(--c5v) var(--c5o) var(--c5v) 0; background: linear-gradient(to top, var(--gradient)); border-radius: 0 1.5rem 1.5rem 0 }
.wrapper_vantaggi > .text { padding-left: var(--c5o) }
.wrapper_vantaggi > img { width: 35%; position: absolute; top: 0; right: 0; transform: translate(50%, -25%); }

.vantaggio { gap: .75rem; padding: 1.25rem 1rem; padding-left: var(--c5o); }
.vantaggio + .vantaggio { border-top: 1px solid rgb(var(--white-rgb) / 50%); }
.vantaggio img { width: 1.25rem; }
.vantaggio p { font-weight: 700; font-size: 1.25rem; color: var(--white); }

/* Section 4 */
.wrapper_biglietterie { gap: 1.5rem; }
.box_biglietteria { padding: 1.5rem; border-radius: var(--radius); background: linear-gradient(to top, var(--gradient)); }
.box_biglietteria h3 { font-size: 1.5rem; color: var(--white); margin-bottom: 1.5rem; }
.box_biglietteria p { color: var(--white); gap: .5rem; font-size: 1rem; margin-top: .5rem; }
.box_biglietteria p img { width: 1.25rem; height: 1.25rem; margin-top: 2px; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE NOLEGGIO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

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




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE UFFICIO STAMPA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.box_ufficiostampa { padding: 2rem; border-radius: var(--radius); border: 2px solid var(--blue); gap: 1.5rem var(--c2o); }
.box_ufficiostampa .h3 { font-size: 1.5rem; margin-bottom: 1.5rem; }

.box_ufficiostampa .flex-l { gap: .5rem; }
.box_ufficiostampa a { font-weight: 600; }
.box_ufficiostampa a:hover { color: var(--lighter); }
.box_ufficiostampa p + p { margin-top: .5rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE PONTILI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
#map { z-index: 1; border-radius: var(--radius); overflow: hidden; }
#map.leaflet-touch .leaflet-control-attribution { display: none; }

#map .leaflet-popup-content-wrapper { border-radius: var(--radius); background: linear-gradient(to top, var(--gradient)); padding: 0.5rem; }
#map .leaflet-container a.leaflet-popup-close-button { color: var(--white); font-weight: 700; }
#map .leaflet-popup-content p.h3 { font-size: 1.375rem; color: var(--white); }
#map .leaflet-popup-content p { font-size: 1rem; color: var(--white); }
#map .leaflet-popup-content p a { color: var(--white); text-decoration: underline 1px; }
#map .leaflet-popup-content p a:hover { opacity: .75 }

#s3_pontili .link { position: absolute; right: 1rem; bottom: 1rem; font-size: .95rem; z-index: 2; }

/* Section 4 */
.elenco_pontili { overflow-x: scroll; }

.custom_tab { border: unset; margin-top: var(--c7v); }
.custom_tab thead { background-color: var(--blue); }
.custom_tab thead th { color: var(--white); border: 1px solid var(--blue); text-align: left; font-weight: 700; text-transform: uppercase; letter-spacing: 2.42px; padding: .5rem .25rem .5rem 1rem; margin-bottom: .25rem; }

.custom_tab tr { background-color: transparent; transition: .125s ease; }
.custom_tab td { border: 1px solid var(--blue); padding: .5rem .25rem .5rem 1rem; color: var(--blue); }
.custom_tab td:first-of-type { font-weight: 700; }

.custom_tab tr:hover { background-color: rgb(var(--light-rgb) / 15%); }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LINK UTILI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

:where(.accordion, .accordion_cerca) .card_accordion { padding: 0 var(--c5o); }
:where(.accordion, .accordion_cerca) .card_accordion + .card_accordion { border-top: 1px solid var(--blue); }

:where(.accordion, .accordion_cerca) .accordion_head { padding: 1.5rem 0; gap: 1rem; cursor: pointer; }
:where(.accordion, .accordion_cerca) .accordion_head > .flex-l { gap: .5rem; }
:where(.accordion, .accordion_cerca) .accordion_head h2 { font-size: clamp(1.25rem, 2vw, 2rem); }
:where(.accordion, .accordion_cerca) .accordion_head .icona { width: 2rem; }
:where(.accordion, .accordion_cerca) .accordion_head svg { min-width: 2rem; width: 2rem; }
:where(.accordion, .accordion_cerca) .accordion_head svg path { fill: var(--blue); }
:where(.accordion, .accordion_cerca) .accordion_head.active .plus { display: none; }

:where(.accordion, .accordion_cerca) .accordion_text { display: none; padding-bottom: 2rem; padding-right: 3rem; }
:where(.accordion, .accordion_cerca) .accordion_text.space { padding-left: 2.5rem }


#s2_link .accordion_text p { font-weight: 700; text-transform: uppercase; margin-top: 0.5rem; }
#s2_link .accordion_text p a { font-weight: 400; text-transform: initial; display: block; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE TOUR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.wrapper_tour.grid { gap: 2rem; }




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

.titolo_sec_faq { background-color: var(--blue); padding: 1rem var(--c5o); position: sticky; top: 0; z-index: 1; }

.input_wrapper { position: relative; margin-top: 1rem; }
.input_wrapper input#keyword { width: 100%; height: auto; line-height: 1.25; font-size: 1rem; padding: .75em; border-radius: .5rem; }
.input_wrapper img { width: auto; height: 1.5rem; position: absolute; right: .5em; top: 50%; transform: translateY(-50%); }





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CONVENZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.logo_conv { margin: 2.5% 0 5% 0; width: 10rem; height: auto; }

.accordion_text .convenzione ul { column-count: 2; column-gap: 5%; list-style: unset; }
.accordion_text .convenzione li { margin-left: 0; list-style: unset; }
.accordion_text .convenzione li + li { margin-top: .5rem; }



.sub_accordion { padding: 0 var(--c2o); border-left: 1px solid var(--blue); margin-top: var(--c5v); }
.sub_accordion .card_sub_accordion + .card_sub_accordion { border-top: 1px solid var(--blue); }

.sub_accordion .sub_accordion_head { padding: 1.5rem 0; gap: 1rem; cursor: pointer; }
.sub_accordion .sub_accordion_head > .flex-l { gap: .5rem; }
.sub_accordion .sub_accordion_head h2 { font-size: clamp(1.5rem, 2vw, 2rem); }
.sub_accordion .sub_accordion_head .icona { width: 2rem; }
.sub_accordion .sub_accordion_head svg { min-width: 2rem; width: 2rem; }
.sub_accordion .sub_accordion_head svg path { fill: var(--blue); }
.sub_accordion .sub_accordion_head.active .plus { display: none; }

.sub_accordion .sub_accordion_text { display: none; padding-bottom: 2rem; }
.sub_accordion .sub_accordion_text.space { padding-left: 2.5rem }


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

/* Section 2 */
#s2_contatti .text p { font-weight: 600; }
#s2_contatti .text p a { text-decoration: unset; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE MYCARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.row_step { padding: 2rem 0; }
.row_step + .row_step { border-top: 1px solid var(--white); }

.tit_step { gap: .75rem; }
.tit_step p { color: var(--white); font-weight: 700; }
.tit_step .numero { min-width: 2rem; width: 2rem; height: 2rem; background-color: var(--green); border-radius: 5rem; color: var(--white); font-weight: 600; }

.info_step { margin-top: 1rem; }




/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LA FLOTTA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.box_nave + .box_nave { margin-top: 2em; }

.box_nave { border-radius: var(--radius); background: linear-gradient(to top, var(--gradient)); overflow: hidden; }
.box_nave .top {  }
.box_nave .top .text { padding: 1.5rem; }
.box_nave .top .text p { font-size: 1rem; }
.box_nave .top picture img { border-radius: 1.5rem 0 0 0; }
.box_nave .bottom {  }

.info_nave { padding: 1rem; border-top: 1px solid rgb(var(--white-rgb) / 50%); }
.info_nave .info { gap: .5rem; max-width: 85%; }
.info_nave .info img { width: 2rem; height: 2rem; }
.info_nave .info p { font-size: 16px; color: var(--white); }
.info_nave .numero p { color: var(--white); font-weight: 700; white-space: nowrap; }


/* Section 4 */
.wrapper_numeri { gap: 2rem; }

.box_numero { text-align: center; padding: 2rem; border-radius: var(--radius); background-color: rgb(var(--white-rgb) / 15%); border: 2px solid var(--white); }
.box_numero img { width: 2.5rem; }
.box_numero p:first-of-type { font-size: clamp(3.5rem, 5vw, 5rem); color: var(--white); font-weight: 700; line-height: 1.25; }
.box_numero p:last-of-type { font-size: 1rem; color: var(--white); font-weight: 700; }

#s4_flotta > img { position: absolute; top: -10%; right: var(--c2o); height: 120%; width: auto; }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE MONTE ISOLA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 4 */
.box_info_utili { padding: var(--c10v) var(--c2o); border-radius: var(--radius); background: linear-gradient(to top, var(--gradient)); overflow: hidden; }
.box_info_utili .text { margin-bottom: var(--c5v); }
.box_info_utili .flex-l { gap: .75rem; }
.box_info_utili .flex-l + .flex-l { margin-top: 1.5rem; }
.box_info_utili .flex-l img { width: 2rem; min-width: 2rem; }
.box_info_utili .flex-l p { color: var(--white); }

.box_raggiungere { margin-top: var(--c7v); padding: var(--c10v) var(--c2o); border-radius: var(--radius); background-color: rgb(var(--white-rgb) / 50%); backdrop-filter: blur(1rem); }


/* Section 5 */
#s5_mi picture img { filter: drop-shadow(0 0 1rem rgb(30 30 30 / 10%)); }

/* Section 6 */
.logo_monteisola img { display: inline-block; width: 15rem; }







/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LA NOSTRA STORIA ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

/* Section 3 */
.wrapper_banner { border-radius: var(--radius); padding: var(--c10v) var(--c5o); background: linear-gradient(to top, var(--gradient)); }

/* Section 8 */
#s8_storia .text { padding: 2rem; padding-bottom: 5rem; border-radius: var(--radius); background: linear-gradient(to top, var(--gradient)); }
#s8_storia .sec_img { margin-top: -3rem }






/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE TARIFFE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/


.box_zone { border-radius: var(--radius); padding: 2rem; background: linear-gradient(to top, var(--gradient)); }
.zona + .zona { margin-top: 1rem; }
.zona p { color: var(--white); font-weight: 700; }
.zona span {
    color: var(--blue); font-weight: 600; line-height: 1; text-transform: uppercase;
    padding: .25rem; background-color: var(--white); border-radius: 5px; margin-right: .5rem;
    aspect-ratio: 1 / 1; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center;
}






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


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




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

/* Search & Filter */

/* Terms Loop */

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

/* Custom pagination */
.pagination_wrp { padding-top: var(--c5v); margin-top: var(--c5v); border-top: 1px solid #f0f0f0; }
.pagination .nav-links { display: flex; align-items: center; justify-content: flex-end; border-top: 1px solid var(--lighter); padding-top: 1rem; margin-top: 2rem; }
.pagination .next, .pagination .prev { display: none; }
.pagination .page-numbers { border-radius: .5rem 0 .5rem 0; }

.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: var(--light); }

/* Load More */




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








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

.links { gap: .75rem; }


/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE NEWS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.info_news { width: fit-content; margin-top: 2rem; border-radius: 1rem 0 1rem 0; border: 1px solid var(--blue); padding: 1rem; }



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SINGLE TOUR ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.alert { border: 2px solid #d10606; padding: 1.5rem; border-radius: var(--radius); }
.alert p { text-align: center; color: #d10606; font-weight: 700; }

/* Text */
:where(.text_tour, .s2_single) blockquote { margin: 2rem 0; background: linear-gradient(to top, var(--gradient)); border-radius: var(--radius); padding: 2rem !important; color: var(--white); }
:where(.text_tour, .s2_single) blockquote::after, :where(.text_tour, .s2_single) blockquote::before { display: none; }
:where(.text_tour, .s2_single) blockquote * { color: var(--white) !important; }

/* Sidebar */
.wrapper_info { background: linear-gradient(to top, var(--gradient)); border-radius: var(--radius); position: sticky; top: 5vh; }
.info_tour { gap: .75rem; padding: 1rem 1.75rem; }
.info_tour + .info_tour { border-top: 1px solid rgb(var(--white-rgb) / 50%); }
.info_tour img { width: 2rem; }
.info_tour p { color: var(--white); line-height: 1.25; }
.info_tour p span { display: block; opacity: .75; text-transform: uppercase; font-size: 1.125rem; }
.info_tour p b { display: block; font-size: 1rem; }

.info_link { padding: 2rem 1.75rem; }
.info_link a { width: 100%; text-align: center; display: inline-block; }




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




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








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


#sec_form .wrapper_wpform { background: linear-gradient(to top, var(--gradient)); padding: var(--c15v) var(--c5o); border-radius: var(--radius); }



#form .wpforms-field label, #form .wpforms-field legend { color: var(--white); font-weight: 400; margin-left: 1.25rem; }
#form .wpforms-field :where(input, textarea, select) {
	background-color: var(--white) !important; border: 1px solid var(--white); border-radius: 3rem;
	padding: .75rem; font-size: 1rem; color: var(--black);
}
#form .wpforms-field textarea, #form .wpforms-field .wpforms-uploader { border-radius: 1.5rem; }
#form .wpforms-field input::placeholder, #form .wpforms-field textarea::placeholder { color: ; opacity: ; }

#form .wpforms-field.wpforms-field-checkbox li input[type="checkbox"] { border-color: 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 a:hover { color: var(--lighter); }

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

#form button[type=submit], #form input[type=submit] {
	padding: .625em 1.25em; font-size: 1.125rem; font-weight: 600; color: var(--white); text-transform: uppercase;
	background-color: var(--green);  border: 1px solid var(--green); border-radius: 5rem;
}
#form button[type=submit]:hover, #form input[type=submit]:hover { background-color: var(--white); color: var(--green); }










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


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

#s1_grazie {}




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





/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ MODAL POPUP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/

.modal { max-width: 100%; margin: 0; top: 0; left: 0; background-color: transparent; border: none; z-index: 6; backdrop-filter: blur(10px); }
.modal:not([open]) { display: none; }
.modal .modalOverlay { background-color: rgb(var(--blue-rgb) / 25%); pointer-events: initial; }
.modal .modalWrapper { 
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
	display:  block; width: calc(100% - (20% * var(--oriz-ratio))); max-width: 900px;
	background-color: var(--blue); box-shadow: 0 0 6em rgba(30 30 30 / 50%);
	border-radius: var(--radius);
}

.modal .close {
	position: absolute; top: 0; right: 0;
	display: block; width: 2.5em; padding: 0.5em;
	transition: .25s ease;
}
.modal .close svg { width: 100%; height: auto; }
.modal .close svg line { fill: transparent; stroke: var(--white); stroke-width: 14; stroke-miterlimit: 10; transition: .25s ease; }
.modal .close:hover { opacity: .5; }
.modal .close:hover svg line {}





/* Popup avvisi importanti */
#modalPopupAvvisi .modalWrapper { padding: 0; background: linear-gradient(to top, var(--gradient)); max-width: 1024px; overflow: hidden; }
#modalPopupAvvisi .text { padding: 1rem; margin: 0; }
#modalPopupAvvisi .text:nth-of-type(1) { border-bottom: 1px solid var(--white); padding: 0; }

#modalPopupAvvisi .text svg { min-width: 4rem; width: 7vw; max-width: 7rem; background-color: var(--blue); padding: 1rem; }
#modalPopupAvvisi .text h5 { padding: 1rem; }
#modalPopupAvvisi .text p { font-size: 1rem; }







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




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

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

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




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


	/*∞∞∞∞∞∞ DOVE ACQUISTARE ∞∞∞∞∞∞*/
	/* Section  */
	.wrapper_biglietterie { grid-template-columns: 1fr 1fr; }


	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr; }


}



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

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

	/* Modal popup avvisi */
	#modalPopupAvvisi .text h5 { padding: 2rem; }
	#modalPopupAvvisi .text { padding: 2rem; margin: 0; }



	/*∞∞∞∞∞∞ FORM CUSTOM ∞∞∞∞∞∞*/
	.wrapper_form { flex-wrap: wrap; gap: 2rem; }
	.wrapper_form .input_wrp { gap: 1rem 2.5rem; }
	.wrapper_form .porti_wrp { align-items: flex-end; gap: 1rem 0.5rem; }


	.wrapper_tabella > .text { position: sticky; top: 5vh; }



	/* Calcolatore */
	.wrapper_calc .wrapper_form { flex-wrap: nowrap; align-items: flex-end; flex-direction: row; justify-content: flex-start; }
	.wrapper_calc .wrapper_form .input_wrp { justify-content: flex-start; width: auto; }
	.wrapper_calc .wrapper_form .select { width: auto; }

	.wrapper_calc .invio { min-width: max-content; }
	.modal_result_tariffe { padding: 5.5rem var(--c2o) 3rem var(--c2o); }
	.modal_result_tariffe .wrapper > .text { padding: 2rem; }
	.box_tariffe { grid-template-columns: 1fr 1fr; margin-top: calc(-3.25rem - -1px); }
	.box_tariffe .extra { grid-column: 1 / span 2; }
	.box_tariffe .text ul { column-count: 2; column-gap: 1rem; list-style: none; }




	/* Versione ridotta ricerca */
	.wrapper_form_s1 { position: absolute; bottom: var(--c5v); }

	#cerca_orari_small { display: flex; align-items: flex-end; justify-content: center; flex-wrap: nowrap; gap: 1rem; flex-direction: row; }
	#cerca_orari_small label { color: var(--white); }
	#cerca_orari_small .link { width: max-content; }

	#cerca_orari_small .select select, #cerca_orari_small .date input { background-color: transparent; border-color: var(--white); color: var(--white); }

	#cerca_orari_small .select select { background-image: url(../images/svg/form_sel_open_1_white.svg); }
	#cerca_orari_small .select select option { color: var(--black); }
	#cerca_orari_small .select::after { background-image: url(../images/svg/ico_marker_white.svg); }
	#cerca_orari_small .date::after { background-image: url(../images/svg/ico_calendar_white.svg); }





	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.head_wrapper .flex-el { justify-content: space-between; }
		
	.link.desktop { display: inline-flex; }
	.link_head .link svg { display: none; }
	.link_head .link { margin-right: 1.5vw; }	

	.menu_ex .sub_menu a:hover { color: var(--lighter); }

	#hamburger { display: none; }





	/*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/
	/* Contents */
	.foot_right { text-align: right; }
	.foot_right .social { justify-content: flex-end; }

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

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




	/*∞∞∞∞∞∞ NEWS ∞∞∞∞∞∞*/
	.wrapper_slider_news {
		position: fixed; bottom: var(--c5v); right: 0; background-color: var(--white); z-index: 5; 
		display: flex; align-items: stretch; justify-content: center;
	}
	.wrapper_slider_news .close_news { width: auto; }




	/*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/
	/* Banner avvisi */
	.opne_news { padding: 1.75em 1em; }
	.opne_news .num { font-size: 16px; width: 1.75rem; height: 1.75rem; top: -.75rem; left: -.75rem; }

	/* Sec 3 */
	#s3_home .container { background: transparent; display: flex; align-items: flex-start; justify-content: space-between; min-height: 105vh; }
	#s3_home .sized { position: absolute; top: 0; left: 0; z-index: -1; background-position: 100% 80%; aspect-ratio: unset; width: 100%; height: 100%; }
	#s3_home .text.w60l { text-align: right; }

	/* Sec 4 */
	#s4_home .container { padding-top: var(--c25v); }

	.triple_img picture:nth-of-type(1) { transform: translate(-10%, -15%); transition: .375s ease-in-out }
	.triple_img picture:nth-of-type(3) { transform: translate(-10%, 15%); transition: .375s ease-in-out }
	.triple_img.trigger.active picture:nth-of-type(1) { transform: translate(-10%, -45%) rotate(5deg); }
	.triple_img.trigger.active picture:nth-of-type(3) { transform: translate(-10%, 50%) rotate(-5deg); }

	/* Sec 5 */
	#s5_home .text { padding: var(--c10v) var(--c2o); padding-right: 10rem; }
	#s5_home .text img { width: auto; height: 100%; position: absolute; right: 0; top: 0; transform-origin: left; transform: translateX(10%) scale(1.25); }

	/* Sec 7 */
	#s7_home .text:nth-of-type(2) { text-align: right; }



	/*∞∞∞∞∞∞ CHI SIAMO ∞∞∞∞∞∞*/
	/* Sec 1 */
	.s1 > img { height: 100vh; right: 1rem }
	.s1 .bkg_thumb.rel { aspect-ratio:4 / 1.375; width: 95% }


	/*∞∞∞∞∞∞ BORGHI ∞∞∞∞∞∞*/
	/* Sec 3 */
	.wrapper_mi svg { height: 110%; }


	/*∞∞∞∞∞∞ DOVE ACQUISTARE ∞∞∞∞∞∞*/
	/* Section 3 */
	.wrapper_biglietterie { gap: 2rem; }


	/*∞∞∞∞∞∞ PONTILI ∞∞∞∞∞∞*/
	/* Section 3 */
	.elenco_pontili { overflow-x: visible; }


	/*∞∞∞∞∞∞ ACCORDION ∞∞∞∞∞∞*/
	.accordion_head .icona { width: 2.5rem; min-width: 2.5rem; }
	.accordion_head > .flex-l { gap: .75rem; }
	:where(.accordion, .accordion_cerca) .accordion_head svg, .sub_accordion .sub_accordion_head svg { min-width: 3rem; width: 3rem; }
	:where(.accordion, .accordion_cerca) .accordion_text { padding-right: 4rem; }
	.accordion_text.space { padding-left: 3.5rem }


	/*∞∞∞∞∞∞ LINK UTILI ∞∞∞∞∞∞*/
	#s2_link .accordion_text p a { display: inline-block; }


	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr 1fr; gap: 2rem; }


	/*∞∞∞∞∞∞ TOUR ∞∞∞∞∞∞*/
	.wrapper_tour.grid { grid-template-columns: 1fr 1fr; gap: var(--c5o); }



	/*∞∞∞∞∞∞ MYCARD ∞∞∞∞∞∞*/
	.row_step { display: grid; grid-template-columns: .45fr 1fr; padding: 0; }
	.tit_step { align-items: flex-start; padding-top: 2rem; }
	.info_step { margin-top: 0; border-left: 1px solid var(--white); padding: 2rem 0 2rem 2rem; }

	.row_step:first-of-type .info_step, .row_step:first-of-type .tit_step { padding-top: 0; }
	.row_step:last-of-type .info_step, .row_step:last-of-type .tit_step { padding-bottom: 0; }



	/*∞∞∞∞∞∞ MONTE ISOLA ∞∞∞∞∞∞*/
	/* Sec 4 */
	#s4_mi .container { display: flex; align-items: flex-start; justify-content: flex-start; min-height: 150vh }

	/* Sec 5 */
	#s5_mi { z-index: 1; }
	#s5_mi picture { transform: scale(1.125); transform-origin: right; } 

	/* Sec 6 */
	#s6_mi .container { min-height: 100vh; display: flex; align-items: flex-end; justify-content: flex-start; }
	#s6_mi picture { position: absolute; bottom: -5%; right: -5%; height: 95%; }

	.logo_monteisola img { width: 25rem; }



	/*∞∞∞∞∞∞ LA FLOTTA ∞∞∞∞∞∞*/
	/* Sec 3 */
	.box_nave .top { grid-template-columns: 1.25fr 1fr; border-bottom: 1px solid rgb(var(--white-rgb) / 50%); }
	.box_nave .top .text, .box_nave .top picture { height: 100%; }
	.box_nave .bottom { display: grid; }
	.box_nave .info_nave { border-top: unset; }
	.box_nave .info_nave:not(:first-of-type) { border-left: 1px solid rgb(var(--white-rgb) / 50%); }

	.indice_flotta { padding: .5rem 0; border-radius: var(--radius); background: linear-gradient(to top, var(--gradient)); overflow: hidden; position: sticky; top: 5vh; }
	.indice_flotta button { width: 100%; padding: .5rem 2rem; color: var(--white); font-weight: 700; text-align: left; }
	.indice_flotta button:hover { opacity: .5; }
	.indice_flotta button.active { background-color: var(--white); color: var(--blue); }

	/* Sec 4 */
	.wrapper_numeri { grid-template-columns: 1fr 1fr 1fr; }


	/*∞∞∞∞∞∞ LA NOSTRA STORIA ∞∞∞∞∞∞*/
	/* Sec 8 */
	#s8_storia .text { padding: 10% 7.5%; padding-left: 12rem; }
	#s8_storia .sec_img { margin-top: 0; /* transform: scale(1.1); transform-origin: left; */ }
	#s8_storia .sec_img img { max-width: unset; width: calc(100% + 7rem); }

}






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

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

	/*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/
	.head_logo .icon { display: none }
	.head_logo .txt { display: inline-block; }
	.head_logo { 
		--head-logo-width: 50px;
		--head-logo-min: 50;
		--head-logo-max: 200;
		max-width: 200px;
	}
	
 	.header.scroll .head_logo { --head-logo-max: 150; max-width: 150px; }
 	.header.scroll .head_wrapper { padding: 1em 2.5%; }

	.link_head .link svg { display: inline-block; }



}



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

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

	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	#card_grid { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2rem; }


}






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

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






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

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