.elementor-234 .elementor-element.elementor-element-086704a{--display:flex;}.elementor-234 .elementor-element.elementor-element-b759519{--display:flex;}.elementor-234 .elementor-element.elementor-element-f83e3b1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-234 .elementor-element.elementor-element-c995146{--grid-columns:1;--grid-row-gap:10px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--grid-column-gap:0px;}.elementor-234 .elementor-element.elementor-element-8f6186f{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-234 .elementor-element.elementor-element-c2c5cdf .elementor-icon-wrapper{text-align:center;}.elementor-234 .elementor-element.elementor-element-c2c5cdf .elementor-icon{font-size:40px;}.elementor-234 .elementor-element.elementor-element-c2c5cdf .elementor-icon svg{height:40px;}.elementor-234 .elementor-element.elementor-element-4a15590 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-234 .elementor-element.elementor-element-4a15590{--e-off-canvas-justify-content:flex-end;--e-off-canvas-align-items:flex-start;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:600ms;--e-off-canvas-overlay-opacity:1;}.elementor-234 .elementor-element.elementor-element-0a05d7f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-234 .elementor-element.elementor-element-1b60f15 .elementor-icon-wrapper{text-align:center;}.elementor-234 .elementor-element.elementor-element-1b60f15 .elementor-icon{font-size:40px;}.elementor-234 .elementor-element.elementor-element-1b60f15 .elementor-icon svg{height:40px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-234 .elementor-element.elementor-element-c995146{--grid-columns:1;--grid-row-gap:10px;}}@media(max-width:767px){.elementor-234 .elementor-element.elementor-element-c995146{--grid-columns:1;--grid-row-gap:10px;}}/* Start custom CSS *//* servizi nella tendina (24/10): ora il Loop Grid c995146 (template 1243), in ordine di menu (Simple Custom Post Order).
   Le due vecchie liste scritte a mano (56743efd, 1371bf8e) sono nascoste: si possono eliminare dall'editor. */
.elementor [data-id="56743efd"], .elementor [data-id="1371bf8e"] { display: none !important; }

/* icona del menu (quattro quadratini, ::before della voce Menu) e X di chiusura (hdr-x) un po' piu' grandi, su tutti i
   dispositivi (23/10 sera, Ivan): 30 -> 36px con la proprieta' scale, che si somma alle trasformazioni delle animazioni.
   Tutte e due crescono dal centro, cosi' restano una sopra l'altra. */
.site-header .arcas-nav .e-n-menu-item:nth-child(3) .e-n-menu-title::before,
.site-header .arcas-nav .hdr-x { scale: 1.2; }
.site-header .arcas-nav .hdr-x { transform-origin: center center; }

/* tendina (23/10, Ivan): lo spazio sotto Servizi e Contatti ora e' il gap delle colonne 33ae845e e 108d1c22
   (60px desktop, 20px tablet/mobile), non piu' il margine dell'occhiello messo dallo snippet 890.
   Maschera: la comparsa (rv-split) usa l'occhiello come maschera (overflow hidden, alto 24px) e il testo sale dal basso.
   La maschera deve valere solo per il testo: al posto dell'overflow c'e' un clip-path alto quanto la riga, tranne la
   fascia del quadratino (primi 31px), che si allarga di 4px sopra e sotto, cosi' all'hover il quadratino da 30px
   resta quadrato. */
.site-header .arcas-nav .e-n-menu-content .eyebrow {
	margin: 0 !important;
	overflow: visible !important;
	clip-path: polygon(-10px -4px, 31px -4px, 31px 0, 100% 0, 100% 100%, 31px 100%, 31px calc(100% + 4px), -10px calc(100% + 4px));
}

/* Servizi e Contatti della tendina sono link (/servizi/, /contatti/): all'hover fanno come le voci dell'header,
   il quadratino ruota, cresce e compare la freccia, il testo scorre */
.site-header .arcas-nav .e-n-menu-content .eyebrow:has(a) {
	transition: padding var(--btn-ease) .15s;
}
.site-header .arcas-nav .e-n-menu-content .eyebrow:has(a)::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1L14.5 7.5L13.1 8.9L9 4.8V15H7V4.8L2.9 8.9L1.5 7.5Z'/%3E%3C/svg%3E") center / 0 0 no-repeat, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1L14.5 7.5L13.1 8.9L9 4.8V15H7V4.8L2.9 8.9L1.5 7.5Z'/%3E%3C/svg%3E") center / 0 0 no-repeat exclude, linear-gradient(#000 0 0);
	transform-origin: center;
	transition: translate var(--btn-ease) .15s, rotate var(--btn-ease) .15s, scale var(--btn-ease) .15s, -webkit-mask-size .2s ease, mask-size .2s ease;
}
.site-header .arcas-nav .e-n-menu-content .eyebrow:has(a:is(:hover, :focus-visible)) {
	padding-inline-start: 50px;
	transition: padding var(--btn-ease);
}
.site-header .arcas-nav .e-n-menu-content .eyebrow:has(a:is(:hover, :focus-visible))::before {
	translate: 9px 0;
	rotate: 90deg;
	scale: 2.5;
	-webkit-mask-size: 7px 7px, auto;
	mask-size: 7px 7px, auto;
	transition: translate var(--btn-ease), rotate var(--btn-ease), scale var(--btn-ease), -webkit-mask-size .3s ease .5s, mask-size .3s ease .5s;
}
.site-header .arcas-nav .e-n-menu-content .eyebrow a { color: inherit; text-decoration: none; }

/* voce della pagina in cui ci si trova in grassetto (la classe is-current la mette lo snippet "Menu: voce attiva") */
.site-header a.is-current, .site-header a.is-current * { font-weight: 700 !important; }

@media (prefers-reduced-motion: reduce) {
	.site-header .arcas-nav .e-n-menu-content .eyebrow, .site-header .arcas-nav .e-n-menu-content .eyebrow::before { transition: none !important; }
}/* End custom CSS */