/**
Theme Name: Visit Anglona
Author: Lenus Media
Text Domain: anglona
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wdth,wght@125,100,400,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Encode+Sans:wdth,wght@125,100..900&display=swap');


body {
	color: #444;
	font-family: "Encode Sans", arial, sans-serif;
	font-size: 16px;
} 

.wpcf7-submit {
	font-size: 16px;
	font-weight: bold;
}
label {
	display: block !important;
	width: 100% !important;
}
.wpcf7 input, .wpcf7 select {
	height: 48px;
	margin-bottom: 15px;
}
.wpcf7 label strong {
}

.wpcf7-list-item {
	margin: 0 15px 5px 0;
}

/* Sostituisce l'immagine di default nei background */
.vc_gitem-zone[style*="vc_gitem_image.png"] {
    background-image: url('https://www.visitanglona.it/wp-content/themes/anglona/images/anglona_placeholder.png') !important;
}

/* Sostituisce le immagini <img> con il placeholder personalizzato */
.vc_gitem-zone-img[src*="vc_gitem_image.png"] {
    content: url('https://www.visitanglona.it/wp-content/themes/anglona/images/anglona_placeholder.png') !important;
}


/* Layout a due colonne per il form */
.cf7-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.cf7-column {
    flex: 1;
    min-width: 300px;
}

/* Rendi il form una colonna su schermi piccoli */
@media (max-width: 768px) {
    .cf7-grid {
        flex-direction: column;
    }
}

/* Stili per il form Contact Form 7 */
.cf7-grid,
.cf7-column,
label,
.cf7-tipologia-link,
.cf7-submit {
  font-size: 14px;
  font-weight: 300;
  font-family: "Encode Sans", arial, sans-serif;
  line-height: 1.8;
}



.share {
	font-size: 20px;
	color: #000;
}
.share a {
	text-decoration: none;
	margin-right: 15px;
	color: #000;
}


#configuratore {
	
}
#configuratore_design {
	background: #fff;
	z-index: 666;
	margin-top: 15px;
	margin-bottom: 15px;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
	border-radius: 30px;
	padding: 5px;
	background: #fff;
	border: 5px solid #1173D4;
}
#configuratore_design label {
	display: block;
	font-weight: 400;
	clear: both;
}
.d-none {
	display: none !important;
}

#configuratore input, #configuratore select {
	width: 100%;
	outline: none;
	box-shadow: 0 0 0 rgba(0,0,0,0); 
	background: none;
	border: 0;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	display: block;
	padding: 10px !important;
	color: #000;
}
#configuratore .btn, .btn-search {
	font-size: 16px;
	padding: 0;
	height: 46px;
	line-height: 46px;
	border: 0;
	border-radius: 20px;
	text-transform: uppercase;
	width: 100%;
	background: #1173D4;
	color: #fff;
}
#configuratore .form-check-inline {
	display: inline-block; 
}
#configuratore .form-check-inline label {
	font-weight: 400;
	display: inline-block;
}
#configuratore .form-check-inline input {
	height: auto;
	line-height: auto;
	width: auto;
	clear: none;
	display: inline-block;
	
}



.youtube_video {
	margin: 30px 0; 
}
	.youtube_video iframe {
		
	}
#top {
	transition: all .5s;
	overflow: hidden;
	padding: 5px 0;
	background: #046bd2;
	font-size: 12px;
	color: #fff;
}
	#top a {
		margin: 0 5px;
		color: #fff;
	}

.btn-submit {
  background-color: ##216bd0;
  color: #ffffff!important;
  border: none;
  padding: 10px 20px;
  font-size: 20px;
  cursor: pointer;
  border-radius: 3px;
  transition: background-color 0.3s ease;
  font-family: "Encode Sans", arial, sans-serif;
}
.btn-submit:hover {
  background-color: #0577e9;
}


.mappa_anglona_bianca {
	position: absolute;
	top: 80px;
	left: 30px;
	width: 40%;
}
#breadcrumbs {
	font-size: 14px;
}
	#breadcrumbs .location {
		display: inline-block;
	}
	#breadcrumbs i {
		color: #666;
	}
	
	#breadcrumbs a {
		padding-right: 15px;
		padding-left: 15px;
		font-weight: bold;
		text-decoration: none;
		color: #111;
	}
	#breadcrumbs a:last-child {
		font-weight: 400;
		color: #111;
	}
	
	
p {
	font-size: 16px;
	line-height: 1.4em;
}

ul, ul li {
	list-style-type: none;
	margin: 0;
	padding: 0; 
}
h2, .site_title_h2, .like_h5 {
	font-family: "Asap Condensed", arial, sans-serif;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 34px;
	font-weight: bold;
	display: block;
	text-align: center;
}
.modal-dialog {
    margin: auto;
	top: 50% !important;
    transform: translateY(-50%) !important;
}
.modal-body {
	padding: 0;
}

h3 {
	margin: 30px 0 5px 0;
	font-size: 30px;
	font-weight: 700;
}
h4 {
	margin: 0 0 25px 0;
	font-size: 20px;
	line-height: 1.4em;
	font-weight: 600;
	margin-bottom: 10px;
}
h4:after {
	content: '';
	margin: 0 auto;
	margin-top: 18px;
	margin-bottom: 18px;
	display: block;
	width: 120px;
	height: 1px;
	background: #2398D6;
}

.btn-submit {
  background-color: ##216bd0;
  color: #ffffff!important;
  border: none;
  padding: 10px 20px;
  font-size: 20px;
  cursor: pointer;
  border-radius: 3px;
  transition: background-color 0.3s ease;
  font-family: "Encode Sans", arial, sans-serif;
}
.btn-submit:hover {
  background-color: #0577e9;
}

.tappa {
	
}
	.tappa:after {
		content: '';
		display: block;
		clear: both;
		
	}
	.tappa .contatore {

		position: relative;
		height: 100%;
		width: 10%;
		float: left;
	}
	.tappa .contenuto_percorso {
		position: relative;
		margin-bottom: 32px;
		width: 90%;
		float: left;
	}
		.tappa .contenuto_percorso:before {
			content: '';
			width: 1px;
			display :block;
			position: absolute;
			left: -5%; 
			margin-left: -5px;
			z-index: 1;
			background: #dedede;
			height: 100%;
		}
		
		.tappa .contenuto_percorso h2 {
			margin: 0 0 15px 0;
			text-align: left !important;
			text-transform: none;
			font-size: 26px !important;
			font-weight: 400 !important;
		}
		.contenuto_percorso img {
			border-radius: 4px;
			width: 100%;
			margin: 10px 0;
		}
		.tappa .segnaposto {
			overflow: hidden;
			background: #eee;
			height: 200px;
			border-radius: 5px;
			background-position: center center;
			background-size: cover !important;
			margin: 30px 0;
		}
	.tappa .contatore span {
		box-shadow: 0 0 5px rgba(255,255,255,1);
		z-index: 2;
		position: absolute;
		top: 0;
		left: 50%;
		background: #fff;
		text-align: center;
		border-radius: 50%;
		transforM: translateX(-50%);
		width: 32px;
		height: 32px;
		line-height: 32px;
		
		background: #1072D4;
		color: #fff;
		font-weight: bold;
		
		
	}
	

.altri_comuni {
	text-transform: uppercase;
	font-size: 10px;
	padding: 30px 0;
	background: #fff;
	text-align: center;
}
.altri_comuni:after {
	content: '';
	clear: both;
	display: block;
}
.altri_comuni a {
	color: #000;
	text-decoration: none;
	display: block;
	width: 25%;
	float: left;
	text-align: center;
}
.altri_comuni img {
	clear: both;
	width: auto;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 5px;
	height: 50px;
	text-align: center;
}


.page_design {
	padding: 30px 0;
	background: #fff;
}
	.page_design h2 {
	}
	.page_design h3 {
		font-family: "Asap Condensed", arial, sans-serif;
		text-transform: none;
		padding: 0;
		font-weight: bold;
		margin: 20px 0 10px 0;
		font-size: 22px;
	}
	.stemma_comunale {
		width: 120px;
	}
	
	
.alternate h4:after {
	content: '';
	margin-left: 0;
}

.wpb_gallery {
	margin: 0 !important;
}
.flexslider .flex-direction-nav {
	display: none;
}
.flexslider {
	background: none !important;
	overflow: hidden;
	margin: 0 !important;
	border: 0 !important; 
}
	.flexslider .slides {
		overflow: hidden !important;
		border-radius: 4px !important;
	}
.flex-control-nav {
	top: auto !important;
	bottom: 0 !important;
	margin: 0 !important;
}
	.flex-control-nav li a {
		background: rgba(255,255,255,.5) !important;
	}
	.flex-control-nav li a.flex-active {
		background: rgba(255,255,255,1) !important;
	}
.alternate {
}
	
.skip_to_main {
	transition: all 0s;
	z-index: 999;
	width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 15px;
    left: 15px;
    background: #eee;
    text-transform: uppercase;
}
#footer {
	font-size: 14px;
	padding: 30px 0;
	color: #fff;
	background: #046BD2;  
}
	#footer a, #footer .social a {
		color: #fff;
	}
	#footer ul li a {
		white-space: nowrap;  /* Impedisce al testo di andare a capo */
		overflow: hidden;     /* Nasconde il testo che eccede la larghezza del contenitore */
		text-overflow: ellipsis; /* Mostra i tre puntini per indicare il testo troncato */
		opacity: .8;
		transition: .3s all;
		padding: 5px 0;
		display: block;
	}
		#footer ul li a.all {
			opacity: 1;
		}
		#footer ul li a:hover {
			opacity: 1;
		}
				
		#footer .like_h5 {
			margin-top: 15px;
			margin-bottom: 10px;
			text-align: left;
			font-size: 18px;
			font-weight: 600;
		}
		#footer #copyright {
			margin-top: 30px;
			font-size: 12px;
		}

	#footer .social a {
		font-size: 25px;
		margin-right: 10px;
	}

	.vc_grid-item-mini {
		transition: all .5s;
		border-radius: 4px;
		overflow: hidden;
	}
	.vc_grid-item-mini:hover {
	}
	.grid_destinazioni h4:after, .grid_itinerari h4:after {
		display: none;
	}

	.grid_destinazioni .vc_grid-item:first-child .kpi, 
	.grid_destinazioni .vc_grid-item:first-child h4, 
	.grid_destinazioni .vc_grid-item:first-child .vc-gitem-zone-height-mode-auto:before, 
	
	.vc_grid-item:hover .kpi, 
	.vc_grid-item:hover h4, 
	.vc_grid-item:hover .vc-gitem-zone-height-mode-auto:before {
		opacity: 0;
	}
	.skip_to_main:focus {
			padding: 30px 60px;
			width: auto;
			height: auto;
			opacity: 1;
		}
		
	.first-grid {

	}
		.first-grid * {
			
		}
	.vc_gitem-post-data-source-post_title h4 {
		transition: all .5s;
		font-size: 26px;
		margin-left: 10px;
		font-weight: 700;
		color: #fff;
	}
	.vc-gitem-zone-height-mode-auto:before {
		transition: all .8s;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%); 
	}
	.vc-gitem-zone-height-mode-auto.griglia_operatori:before {
		background: none !important;
	}
	.helpdesk.helpdesk_abs {
		position: absolute;
		right: 0;
	}
	.griglia_operatori .vc_gitem-post-data-source-post_title h3 {
		margin: 15px 0 !important;
		font-weight: 400 !important;
		font-size: 16px !important;
	}
	.titolo_destinazione {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%; 
		transform: translateY(-50%);
		font-size: 60px;
		text-align: center;
	}
	.titolo_destinazione h1 {
		text-transform: none !important;
		font-weight: 300 !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: center !important;
		font-size: 26px !important;
	}
	.titolo_destinazione h1 strong {
		clear: both;
		display: block;
		margin-top: 5px;
		font-weight: 700 !important;
		font-size: 56px !important;
	}
		
		.icona {
			text-align: center;
			font-size: 56px;
			border: 5px solid #fff;
			margin: 0 auto;
			
			margin-bottom: 15px;
			background: #dedede;
			border-radius: 50%;
			width: 120px;
			height: 120px;
			line-height: 100px;
			color: #fff;
		}
		h3.icona_title {
			color: #191919 !important;
			margin: 0;
			padding: 0;
			font-weight: 400;
			text-transform: none !important;
			font-size: 20px !important;
		}
		h3.icona_title strong { 
			display: block;
			font-size: 24px !important;
		}
		.ex_stemma_comunale {
			max-width: 300px;
			margin: 15px 0;
		}
		
	.kpi {
		font-weight: 600;
		transition: all .5s;
		min-width: 80px;
		margin-right: 10px;
		font-size: 20px;
		border-right: 1px solid rgba(255,255,255,.5) ;
		padding: 6px 15px 6px 5px !important;
		color: #fff;
		float: left;
	}
		.kpi_sidebar {
			color: #000;
		}
		.kpi_container .kpi {
			min-width: 120px;
			font-size: 30px;
		}
		
		
		.kpi_container_sidebar {
			max-width: 360px;
			margin: 0 auto;
		}
		.kpi_container_sidebar .kpi_sidebar {
			width: 50%;
			float: left;
			text-align: center;
		}
		
		.kpi_container_sidebar .kpi_sidebar {
			margin-bottom: 15px;
			font-size: 24px;
		}
		.kpi_container_sidebar .kpi_sidebar strong {
			display: block;
			font-size: 14px;
		}
		
		
		
		.kpi_container .kpi:last-child {
			border: 0;
		}
		
		.kpi .vc_gitem-acf-label, .kpi strong {
			margin: 0;
			font-weight: 400;
			font-size: 12px;
			display: block;
			clear: both;
			text-transform: uppercase;
		}
		.kpi br {
			display: none;
		}
		.kpi:last-child {
			border-right: 0;
		}
		.wpb_text_column.kpi {
			border-right: 1px solid rgba(0,0,0,.3) !important; 
		}
		.wpb_wrapper .wpb_text_column.kpi:last-child {
			border-right: 0 !important;
		}
		.filtro_laterale {
			padding-bottom: 30px;
			margin-bottom: 30px;
			border-bottom: 1px solid #dedede;
		}
		.filtro_laterale label {
			font-weight: 400;
		}
#destinations_megamenu {
	display: none;
	background: rgba(241, 242, 245,.9);
	color: #046BD2;
}
	#destinations_megamenu ul {
		content: '';
		clear: both;
		display: block;
	}
	#destinations_megamenu ul li {
		width: 50%;
		float: left;
	}
	#destinations_megamenu ul li .destinazione {
		text-align: center;
		margin: 5px;
	}
	#destinations_megamenu ul li a.destinazione {
		white-space: nowrap;    /* Non consentire il wrapping del testo */
		overflow: hidden;       /* Nascondi il testo che eccede il contenitore */
		text-overflow: ellipsis;
		display: block;
		text-align: left;
		padding: 20px;
		margin: 0 5px;		
		border-bottom: 1px solid #ddd;
		line-height: 60px;
		font-size: 12px;
		font-weight: bold;
		color: #000 !important;
	}
	#destinations_megamenu ul li:nth-child(n+7) a {
		border: 1px solid transparent; 
	}
	#destinations_megamenu ul li .destinazione .img {
		border-radius: 10px;
		overflow: hidden;
		width: 60px;
		height: 60px;
		float: left;
		margin-right: 10px; 
	}
	#destinations_megamenu ul li .destinazione .img img {
		height: auto;
	}
	
	.menu_destinazioni ul {
		display: none !important;
	}
	
#header {
	transition: all .3s;
	background: rgba(4,107,210,.95);
	width: 100%;	
}
.page-id-2 #header, .page-id-2 #header.attached {
	transition: all .3s;
	background: rgba(4,107,210,.5);
	position: fixed;
	z-index: 888;
	top: 0; left: 0;
	width: 100%;	
}

	.page-id-2 #header.attached {
		background: rgba(4,107,210,.9);
	}
	
	.page-id-2 #header.attached #top {
		height: 1px;
		padding: 0;
	}
	
	
	
	#header ul.menu {
		margin-top: 35px;
	}
	#header ul li a {
		font-weight: 600;
		font-size: 14px;
		padding: 15px 5px;
	}
	#header ul.menu li a {
		border-bottom: 3px solid rgba(255,255,255,0);
	}
	#header ul.menu li a:hover, #header ul.menu li.selezionato a {
		border-bottom: 3px solid rgba(255,255,255,.5);
	}
		#header ul li ul li a{
			padding: 8px 15px !important;
		}
	#header .logo, #header .mainmenu {
	}
	#header .logo img {
		width: 150px;
	}
	.mainmenu_desktop_design {
		clear: both;
		display: block;
		padding: 15px 15px;
	}
	.mainmenu_desktop_design:after {
		content: '';
		clear: both;
		display: block;
	}
	.mainmenu_mobile_design { 
		z-index: 999;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}
	.mainmenu_mobile_design .fx { 
		box-shadow: 0 0 15px rgba(0,0,0,.15);
		display: block;
		margin: 15px 0;
		padding: 0;
		border-radius: 5px;
		background: #fff;
	}
		.mainmenu_mobile_design .logo {
			padding: 15px 15px;
		}
		.mainmenu_mobile_design .social {
			display: block;
			margin-top: 15px;
			margin-bottom: 30px;
			margin-left: 15px;
		}
			.mainmenu_mobile_design .social:after {
				content: '';
				clear: both;
				display: block;
			}
			.mainmenu_mobile_design .social li {
				display: inline-block;
			}
		.mainmenu_mobile_design .social a {
			margin-right: 15px;
			color: #000;
			font-size: 20px;
		}
	.mainmenu_trigger {
		transition: all .5s;
		color: #fff;
		cursor: pointer;
		float: right;
		font-size: 24px;
	}
		.mainmenu_trigger:hover {
			color: #fff;
		}
		.mainmenu_desktop_design .menu, .mainmenu_mobile_design {
			display: none;
		}
		.mainmenu_mobile_design .menu ul li ul {
			display: none;
		}
		.mainmenu_mobile_design .menu ul, .mainmenu_mobile_design .menu ul li {
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
			.mainmenu_mobile_design .menu {
				margin-top: 30px;				
			}
			.mainmenu_mobile_design .mainmenu_trigger {
				color: #000;
			}
			.mainmenu_mobile_design .social {
				
			}
			.mainmenu_mobile_design .menu ul li a {
				position: relative;
				border-bottom: 1px solid #cedeef;
				text-decoration: none !important;
				color: #191919;
				font-size: 14px;
				text-transform: uppercase;
				padding: 10px 15px;
				display: block;
			}
				.mainmenu_mobile_design .menu ul li a:after { 
					content: '\f105';
					display: block;
					top: 8px;
					right: 20px;
					position: absolute;
					font-family: "Font Awesome 6 Pro";
				}
				.mainmenu_mobile_design .menu ul li:last-child a {
					border-bottom: 0;
				}
	.hero_design {
		text-transform: uppercase;
		text-align: center;
		padding: 120px 0 30px 0;
		color: #fff;
		background: #1072D4;
	}
	.kpi_container {
		position: absolute;
		bottom: 0;
		z-index: 2;
		width: 100%;
		padding: 30px 0;
		background: #0b82c6b0;
	}
		.kpi_container:after {
			content: '';
			display: block;
			clear: both;
		}
	#riga_destinazioni {
		padding: 60px 0;
		margin: 30px 0;
		background-color: #2398D6b0;
	}
		#riga_destinazioni h2 {
			color: #fff;
		}
	.cerca {
		margin: 30px 0;
		overflow: hidden;
		background: rgba(255,255,255,.5);
		border-radius: 15px;
	}
		.cerca input, .cerca select, .cerca button {
			background: none !important;
			outline: none !important;
			box-shadow: 0 0 0 rgba(0,0,0,0) !important;
			border: 0 !important;
			padding: 15px;
			display: inline-block;
		}
		.cerca input { 
			width: 40%;
		}
			.cerca input::placeholder {
				color: #fff;				
			}
		.cerca select {
			float: right;			
			width: 30%;
		}
		
		.cerca button {
			font-size: 20px;
			background: none;
			color: #fff;
			float: right;
			width: 80px;
		}
		
	.googlemap {
		min-height: 600px;
		background: #eee; 
	}
	.googlemap_itinerario {
		border: 1px solid #dedede;
	}

	.hero {
		position: relative;
		overflow: hidden;
		color: #fff;
		background: #1072D4;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center bottom !important; 
		animation: zoom 2s ease-in-out forwards;
	}

	
	
	.hero {
	}
	
	
	.discover_more {
		margin: 60px 0;
		text-align: left;
		color: #000;
		background: #EFEFEF; 
		padding: 30px;
		border-radius: 25px;
	}
	
	.site_title_h2 {
		display: block;
		text-align: center !important;
	}

	.discover_more ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}		
	.discover_more ul li {
		text-align: left;
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-bottom: 25px;
		display: block;
	}
	.discover_more h2 {
		text-align: center;
	}
	
	


	#events_timeline {
		opacity: 1;
		transition: all .3s;
		position: relative;
	}
		#events_timeline:hover {
			opacity: 1;
		}
	#events_timeline:before { 
		
	}
	
	.events a {
		color: #191919 !important;
		text-decoration: none;
		font-weight: 400;
	}
	.box_evento, .box_data {

	}

	.box_itinerario {
		margin: 0 15px;
		margin-bottom: 60px;
		box-shadow: 0 0 15px rgba(0,0,0,.3);
		background: #fff;
	}

	.itinerario_title {
		margin-bottom: 10px;
		font-size: 17px;
		font-weight: bold;
		text-align: center;
	}

	.box_evento {
		margin: 0 15px;
		margin-bottom: 60px;
		border-radius: 15px;
		box-shadow: 0 0 15px rgba(0,0,0,.3);
		background: #fff;
	}
		.event_img {
			height: 220px;
			overflow: hidden;
		}
		.event_img img {
			width: auto;
			min-height: 100%;
		}
		.event_data {
			min-height: 220px;
			color: #fff;
			overflow: hidden;
		}
		.event_title {
			margin-bottom: 10px;
			font-size: 20px;
			font-weight: bold;
		}
		.event_estratto {
			margin-bottom: 5px;
			font-size: 16px;
		}
		.data_evento {
			text-transform: uppercase;
		}
		.data_evento .day {
			position: relative;
			font-size: 30px;
			font-weight: bold;
			display: block;
		}
		.data_evento .day:before {
			content: '';
			position: absolute;
			top: -33px;
			left: 50%;
			margin-left: -15px;
			display: block;
			clear: both;
			background: #fff;
			z-index: 11;
			width: 30px;
			height: 30px;
			margin-bottom: 5px;
			border-radius: 50%;
			border: 5px solid #dedede;
		}
		.event_date {
			font-size: 14px;
			opacity: .8;
		}
		
		.event_data {
			padding: 15px 20px;
		}
		.event_data span {
			clear: both;
			display: block;
		}

	.box_data {
		text-align: center;
		font-size: 18px;
	}
	
	
	.singlepost {
		
	}
	.singlepost h2 {
		text-align: left !important;
	}
	.singlepost img {
		max-width: 100%;
		border-radius: 5px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	
	
	.discover_more ul li a {
		display: block;
		border-bottom: 1px solid #dedede;
		font-size: 16px;
		color: #000;
		padding: 15px 0;
		margin: 0 15px;
		font-weight: bold;
		text-decoration: none;
	}
	.discover_more ul li a i {
		margin-right: 10px;
	}

	.hero {
		padding: 30px 0;
	}
	.hero_image {
		min-height: 100vh;
	}
	.hero_image .hero_text {
		bottom: 60px; 
	}
	
	.hero p {
		color: #fff;
	}
	.hero video {
		z-index: 6;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.single-destinazione .hero {
		margin: 0;
	}
	.hero_image .hero_gradient {
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 7;
	}
		.single-operatori .hero {
			background: #1072D4 !important;
			min-height: 260px !important;
		}

	
	@keyframes zoom {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	.galleria_foto {
		margin-bottom: 32px;
	}		
.zooming {
	overflow: hidden;
}
.zooming img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease-in-out;
}
.zooming:hover img {
	transform: scale(1.2);
}
.owl-nav {
	display: none;
}
ul.social, ul.social li {
		margin: 0;
		display: inline-block !important;
		list-style-type: none !important;
	}
		.social li a {
			font-size: 16px;
		}
		.social li a:after {
			display: none;
		}

 .item {
            position: relative;
        }
        .item img {
            display: block;
            width: 100%;
            height: auto;
        }	

        .item_itinerario img {
            display: block;
            width: 100%;
            height: 200px;
        }

		.hero h1 {
			position: relative;
			margin: 0 0 5px 35px;
			font-size: 14px;
			position: relative;
			text-transform: uppercase;
		}
		.hero h1:after {
			content: '';
			position: absolute;
			top: 7px;
			left: -35px;
			display: block;
			background: #2398D6;
			width: 25px;
			height: 1px;
		}
		.hero .primary {
			font-size: 48px;
			line-height: 48px;
			font-weight: 700;
		}
		.hero .secondary {
			font-size: 16px;
		}		
		.hero_text {
			padding-right: 15px;
			padding-left: 15px;
		}

    .single-destinazione .hero {
    	height: 1050px !important;
    }

	/*.home .hero {
		display: none;
	}*/		
	
	.hero_image .hero_text {
		position: absolute;
		bottom: 30px;
	}
	
	.hide_mobile {
		display: none !important;
	}

	.signature {
		opacity: .5;
		width: 220px;
		right: 0;
		position: absolute;
		z-index: -1;
	}
	
	.mappa_anglona_abs {
		display: none;
	}
	.kpi_container {
		overflow-x: scroll;
	}
	
	.etichetta_itinerario {
		margin: 15px 15px 0 15px;
		padding: 5px;
		display: inline-block;
		font-size: 11px;
		text-transform: uppercase;
		background: #000;
		color: #fff;
	}
	.scheda_itinerario_bg {
		position: relative;
		display: block;
		background-color: #dedede !important;
		text-decoration: none !important;
		min-height: 256px;
		border-radius: 10px;
		background-size: cover !important;
		margin: 0 15px 15px 0;
	}
	.scheda_itinerario_bg .titolo {  
		color: #fff;
		display: block;
		font-family: "Asap Condensed", arial, sans-serif;
		text-transform: none;
		padding: 0 15px;
		font-weight: bold;
		font-size: 22px;

	}
	
	
	.daterangepicker .drp-calendar {
}

.daterangepicker .calendar-table tr td.active,
.daterangepicker .calendar-table tr td.active:hover {
  background-color: #1173D4;
  color: white;
}

.daterangepicker .calendar-table tr td.start-date,
.daterangepicker .calendar-table tr td.end-date {
  background-color: #1173D4;
  color: white;
}

.daterangepicker .calendar-table tr td.in-range {
  background-color: #8BB8E5; /* Slightly lighter in-range color */
}

.daterangepicker .ranges li.active {
  background-color: #1173D4;
  color: white; 
}

.daterangepicker .drp-buttons .btn-primary {
  background: #1173D4;
  border-color: #1173D4;
}

.daterangepicker .drp-buttons .btn-primary:hover {
  background: #1173D4;
  border-color: #1173D4;
}

.daterangepicker .drp-buttons .cancelBtn,
.daterangepicker .drp-buttons .applyBtn {
  background: #1173D4;
  border-color: #1173D4;
  color: white;
}

.daterangepicker .drp-buttons .cancelBtn:hover,
.daterangepicker .drp-buttons .applyBtn:hover {
}

.daterangepicker .drp-calendar .calendar-table tr td:hover {
  background-color: #8BB8E5; /* Slightly lighter hover color */
}

.abs_popup {
	display: none;
}
#configuratore_design label:hover .abs_popup {
	padding: 15px 30px;
	display: block;
	position: absolute;
	bottom: 50px;
	margin-left: -15px;
	margin-bottom: -15px;
	background: #fff;
	border: 1px solid #eee;
	min-width: 520px;
	min-height: 256px; 
}
#configuratore_design label:hover .abs_popup h3 {
	font-size: 16px;
	margin: 15px 0;
	padding: 0;
}
#configuratore_design label:hover .abs_popup ul li {
	width: 50%;
	float: left;
}
#configuratore_design label:hover .abs_popup input, #configuratore_design label:hover .abs_popup label {
	border: 0 !important;
	padding: 0 !important;
	width: auto !important;
	display: inline-block !important;
	clear: none !important;
	line-height: auto !important;
	height: auto !important;
}
.tracker {
	width: 120px;
	float: right;
	border: 1px solid #dedede;
}
.opzione {
	border-bottom: 1px solid #dedede;
	padding: 5px 0;
}
	
@media(min-width: 768px){
	
	#configuratore_design label {
		cursor: pointer;
		padding-left: 15px;
		line-height: 46px;
		margin-bottom: 0;
		border-right: 3px solid #1173D4;
	}
	.scheda_itinerario {
		float: left;
		width: 33.333%;
	}
	#footer .like_h5 {
		margin-top: 0;
	}

	.hero {
	}
	.discover_more {
		padding: 30px 60px;
	}
	
	.icona {
		margin-top: -110px;
	}
	
	#destinations_megamenu ul li {
		width: 25%;
	}

	.discover_more ul li {
		width: 50%;
		display: inline-block;
	}

	.tappa .segnaposto {
		height: 400px;
	}
	.altri_comuni a {
		width: 9.090909090909091%;
	}
	.altri_comuni img {
		margin-top: 0;
		height: 100px;
	}
	
	.kpi_container {
		overflow-x: hidden;
	}
	.hide_mobile {
		display: block !important;
	}
	.hide_desktop {
		display: none !important;
	}
	
	
	.mappa_unione_anglona {
		z-index: -1;
		opacity: .45;
		width: 320px;
		position: absolute;
		top: 55px;
		right: -45px;
	}
	.mappa_comuni {
		width: 420px;
		position: absolute;
		z-index: -1;
		right: 0;
		margin-top: -65px;
	}
	.hero_text {
		width: 60%;
	}
	#header .logo img {
		width: 180px;
	}

	#header .mainmenu_desktop_design .logo, #header .mainmenu_desktop_design .mainmenu {
		float: left;
	}	
}
	

@media(min-width: 1024px){
	
	.tappa_iniziale {
		margin-left: -17px;
	}
	.hero {
	}

	#destinations_megamenu ul li {
		width: 16.6666666%;
		float: left;
	}
	
	.discover_more ul li {
		width: 33%;
	}

	.mappa_anglona_abs {
		right: 30px;
		z-index: 10;
		bottom: 30px;
		position: absolute;
		width: 450px;
	}
	.hero_text { 
		width: 50%;
	}	
	.hero h1 {
		font-size: 14px;
	}	
	.hero .primary {
		font-size: 56px;
		line-height: 56px;
		font-weight: 700;
	}	
	.hero .secondary {
		font-size: 20px;
	}	

	
	.social {
		text-align: right;
		margin-bottom: 15px;
	}
	#header .social {
		display: block;
		float: right;
	}
	
	.mainmenu_desktop_design .mainmenu_trigger {
		display: none;
	}
	.mainmenu_desktop_design .menu {
		display: block;
		float: right;
		margin-top: 5px;
	}
	.mainmenu_desktop_design .menu ul, .mainmenu_desktop_design .menu ul li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		.mainmenu_desktop_design .menu ul li ul {
			display: none;
		}
		.mainmenu_desktop_design .menu ul li {
			display: inline-block;
			margin-left: 10px;
		}
		.mainmenu_desktop_design .menu ul li a {
			color: #fff;
			padding: 5px 0;
			text-decoration: none !important;
			text-transform: uppercase;
		}
		.mainmenu_desktop_design .current-menu-item:after  {
			
		}
		
		.menu-item-has-children {
			position: relative;
			padding-right: 15px !important;
		}
		.menu-item-has-children:after {
			content: '\f078';
			color: #fff;
			position: absolute;
			top: 4px;
			right: -2px;
			font-size: 10px;
			font-family: "Font Awesome 6 Pro";			
		}
		
		.mainmenu_desktop_design .menu ul li:hover ul {
			display: block;
			padding: 0;
			z-index: 888;
			position: absolute;
			background: #fff;
		}
			.mainmenu_desktop_design .menu ul li ul li {
				padding: 0;
				margin: 0;
				clear: both;
				display: block;
			}
				.mainmenu_desktop_design .menu ul li ul li a {
					display: block;
					transition: all .3s;
					padding: 8px 10px;
					font-size: 14px;
					color: #000;
				}
					.mainmenu_desktop_design .menu ul li ul li a:after {
						display: none;
					}
				.mainmenu_desktop_design .menu ul li ul li a:hover {
					background: #eee;
				}
		
		.mainmenu_desktop_design a {
			position: relative;
		}

		.mainmenu_desktop_design .menu a:after {
			display: none;
			content: '';
			left: 0;
			top: 24px;
			position: absolute;
			transition: all .3s;
			width: 1px;
			height: 2px;
			background: none;
		}
		.mainmenu_desktop_design .menu a:hover:after, .mainmenu_desktop_design .menu .current-menu-item a:after {
			display: none;
			width: 100%;
			background: #fff;
		}
		
}

@media (min-width: 1200px) {
	.hero {
	}
	.container_interno {
		max-width: 1420px;
		margin: 0 auto;
	}
    .container {
		width: 90%;
        max-width: 1600px;
    }
	#events {
		margin: 0 auto;
    }
}


@media (min-width: 1400px) {
	.hero {
	}
}

@media (min-width: 1600px) {
	.hero {
	}
}

@media (max-width: 768px){
	.colonna_separatore {
		clear: left !important;
	}

	.single-destinazione .site_title_h2 {
		font-size: 20px !important;
	}
}

body.admin-bar #header {
	top: 32px !important;
}