/* Add your custom styles here */
.admin-bar .elementor-location-header .elementor-element-d1fd656{top:32px;}
@media (max-width: 782px) {
	.admin-bar .elementor-location-header .elementor-element-d1fd656{top:46px;}
}

/* Animazioni [transition] */
a,
.e-n-accordion-item-title,
.e-button-base{transition: all .8s cubic-bezier(.215, .61, .355, 1) !important;}

/* Menu Mobile */
.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title.e-current,
.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title{background:var(--color-light)!important}

.elementor-widget-n-menu .e-n-menu-toggle svg{fill:var(--color-primary) !important; transition: all .8s cubic-bezier(.215, .61, .355, 1); width:30px !important; min-width:30px;}
.elementor-widget-n-menu .e-n-menu-toggle svg:hover,
.elementor-widget-n-menu .e-n-menu-toggle[aria-expanded="true"] svg{fill:var(--color-secondary) !important}

.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title{justify-content:center !important;}
.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title-text{font-size:16px !important}

/* GRADIENTE */
.more--gradient{background: var(--color-secondary); background: linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-accent));}
/*.btn--gradient{background: var(--color-secondary); background: linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-accent));}
.btn--gradient:hover{background: linear-gradient(135deg, var(--color-accent), var(--color-secondary), var(--color-primary));}*/

.elementor-widget-n-menu .e-n-menu-title.e-current, 
.elementor-widget-n-menu .e-n-menu-title.e-current a,
.title--gradient:not(.title-big),
.title--gradient .e-n-accordion-item-title-text,
.title--gradient.title-big strong{background: linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

.title-h6:before{content:""; display:inline-block; width:14px; height:14px; background:red; margin-right:10px; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-accent));}
.sup--white:before{background: var(--color-light);}


@property --c1 { syntax: '<color>'; inherits: false; initial-value: #1E8391; }
.btn--gradient { --c1: var(--color-primary,  #1E8391); --c2: var(--color-secondary,#49AA6E); --c3: var(--color-accent,   #7CD846);
  background: linear-gradient(135deg, var(--c1), var(--c2), var(--c3));
  transition: --c1 .8s cubic-bezier(.215, .61, .355, 1), --c2 .8s cubic-bezier(.215, .61, .355, 1), --c3 .8s cubic-bezier(.215, .61, .355, 1) !important;
}
.btn--gradient:hover { --c1:#7CD846; --c2:#49AA6E; --c3:#1E8391; }

/* OFFERTE */
.gradient--list{padding:0; list-style: none;}
.gradient--list li:before{content:""; display: inline-block; width:10px; height:10px; background: var(--color-secondary); background: linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-accent)); margin-right:10px; border-radius:12px; position: absolute; top: 7px; left:3px;}
.gradient--list li{position: relative; padding-left: 23px; margin:1px 0px;}

@media (max-width: 1024px) {
 	.grid--top .e-con-inner > .elementor-element:first-child,
	.grid--top .e-con-inner > .elementor-element:last-child{order:1}
	.grid--top .e-con-inner > .elementor-element:nth-child(2){order:0}
}

.e-con.recommended:before,
.recommended:before{content: "Consigliato" !important; display: block; color: #fff; font-family: var(--departure-font); background: var(--color-secondary); background: linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-accent)); position: absolute; height: auto; padding: 12px 10px; font-size: 24px; line-height: 1em; text-transform: uppercase; text-align: center; top: -48px; z-index:10; width:100%;}