:root {
    --poi_bordischede: 2px;
    --poi_marginesicurezza: 8px;
}

@media only screen and (min-width:1400px){
    :root { --larghezzawrapper: 1300px; }
}

@media only screen and (max-width:1399px){
    :root { --larghezzawrapper: 1100px; }
}

@media only screen and (max-width:1200px){
    :root { --larghezzawrapper: 950px; }
}

@media only screen and (max-width:1024px){
    :root { --larghezzawrapper: 768px; }
}

@media only screen and (max-width:768px){
    :root { --larghezzawrapper: 600px; }
}

@media only screen and (max-width:680px){
    :root { --larghezzawrapper: 420px; }
}

@media only screen and (max-width:480px){
    :root { --larghezzawrapper: 300px; }
}

@media only screen and (max-width:320px){
    :root { --larghezzawrapper: 90vw; }
}



/*  STILI PER LE PAGINE DI DETTAGLIO DEI POI  */

@media only screen and (max-width:768px){
    .single-poi .schede.mkdf-tabs.mkdf-tabs-boxed .mkdf-tabs-nav li a,
    .single-poi .schede.mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li a {
        width: var(--larghezzawrapper);
    }
}
@media only screen and (min-width:769px){
    .single-poi .due-schede.mkdf-tabs.mkdf-tabs-boxed .mkdf-tabs-nav li a,
    .single-poi .due-schede.mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li a {
        border-bottom:0px;
        width: calc( var(--larghezzawrapper)*0.75/2 - var(--poi_bordischede) - var(--poi_marginesicurezza));
    }
	.single-poi .tre-schede.mkdf-tabs.mkdf-tabs-boxed .mkdf-tabs-nav li a,
    .single-poi .tre-schede.mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li a {
        border-bottom:0px;
        width: calc( var(--larghezzawrapper)*0.75/3 - var(--poi_bordischede) - var(--poi_marginesicurezza));
    }
	.single-poi .quattro-schede.mkdf-tabs.mkdf-tabs-boxed .mkdf-tabs-nav li a,
    .single-poi .quattro-schede.mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li a {
        border-bottom:0px;
        width: calc( var(--larghezzawrapper)*0.75/4 - var(--poi_bordischede) - var(--poi_marginesicurezza));
    }
}
@media only screen and (min-width:1025px){
    .single-poi .schede {
        margin-top:-163px;
    }
}
.single-poi .schede .mkdf-tour-nav-section-icon {
    display:inline-block;
    vertical-align: middle;
    margin-right:10px!important;
    font-size:20px;
}
.single-poi .schede .mkdf-tab-container {
    padding:80px 0px;
}
.single-poi .mkdf-container {
    z-index:102!important;
}
.single-poi .testo-intro {
	font-family: "Playfair Display";
    font-size:1.25em;
	line-height:1.5;
	font-style:italic;
}
.single-poi .info-sidebar {
	font-size:0.875em;
	line-height:1.5;
	color:#303030;
	background-color:#f2f2f2;
	padding:15px 15px 30px 15px;
}
.single-poi .info-sidebar .titolo {
	font-family: "PLayfair Display";
	font-size: 1.286em;
	margin-top: 0px;
	font-style:normal;
}
.single-poi .info-sidebar i {
	color:#f9b233;
	margin-right:5px;
}

/*  STILI PER LE PAGINE DI DETTAGLIO DEI POI  */



/*  STILI PER IL GRIGLIATO CON GLI ELEMENTI FLIP  */

/*  RIMUOVO IL BACKGROUND DALLA FACCIA FRONTALE DEL FLIP  */
.grigliato-con-flip .vc_gitem-zone.vc_gitem-zone-a {
    background-color:rgba(255,255,255,0)!important;
}
/*  IMPOSTO LO STILE DEL TITOLETTO DEL FLIP  */
.grigliato-con-flip .vc_gitem-post-data-source-post_title div {
    font-family: "tt_norms"!important;
	font-weight:600!important;
    font-size:16px!important;
    line-height:1.5!important;
    color:#303030!important;
}
/*  IMPOSTO IL COLORE GIALLO SULLA LINEA SOTTO IL TITOLETTO DEL FLIP  */
.grigliato-con-flip .vc_gitem-zone-mini .vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line {
    background-color:#f9b233!important;
    border:none!important;
}
/*  NASCONDO IL RIASSUNTO PRESENTE SOTTO LA LINEA GIALLA DEL FLIP  */
.grigliato-con-flip .vc_gitem-post-data-source-post_excerpt {
    display:none!important;
}
/*  IMPOSTO LA VISIBILITÀ CON SEMITRASPARENZA DELLA FACCIA DIETRO DEL FLIP  */
.grigliato-con-flip .vc_gitem-animate-flipHorizontalFadeIn .vc_gitem-zone-b {
    opacity:0.1;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
}

/*  STILI PER IL GRIGLIATO CON GLI ELEMENTI FLIP  */



/*  RIDUCO I PADDING TRA LE VOCI DEL MENU DI NAVIGAZIONE PRINCIPALE  */
.mkdf-main-menu > ul > li > a {
	padding: 0px 12px;
}

/*  RIMUOVO LA SPAZIATURA TRA I CARATTERI DELL EVOCI DEL MENU DI NAVIGAZIONE PRINCIPALE  */
.mkdf-main-menu > ul > li > a > span.item_outer .item_text {
	letter-spacing: 0px;
}

/*  RIDUCO I PADDING TRA LE VOCI DEL MENU DI NAVIGAZIONE SECONDARIO  */
.mkdf-drop-down .wide .second .inner ul li a,
.mkdf-drop-down .second .inner ul li a {
	padding-top:4px!important;
	padding-bottom:4px!important;
}

/*  RIDUCO L'INTERLINEA DELLE VOCI DEL MENU DI NAVIGAZIONE SECONDARIO  */
.mkdf-drop-down .wide .second .inner ul li ul li a,
.mkdf-drop-down .second .inner ul li ul li a {
	line-height:18px;
}

/*  IMPOSTO IL CARATTERE DELLE VOCI DEL MENU DI NAVIGAZIONE SECONDARIO  */
.mkdf-drop-down .second .inner > ul > li > a {
	font-family: 'tt_norms';
	font-size: 14px!important;
	line-height:1.3;
	font-weight:600;
}

/*  AUMENTO LA SPAZIATURA TRA I TITOLETTI DEI MEGAMENU E LE RELATIVE SOTTO VOCI  */
.mkdf-drop-down .wide .second .inner > ul > li > a {
	font-size: 18px!important;
	margin-bottom:10px;
}

/*  IMPOSTO LO STILE DEL SEPARATORE VUOTO TRA DUE VOCI DI MENU  */
.separatore-menu a {
	display:none!important;
}
.separatore-menu {
	margin:0px 0px 5px 0px!important;
	padding:5px 0px 0px 0px!important;
}
.mkdf-mobile-header .mkdf-mobile-nav ul li.separatore-menu {
	display:none!important;
}

/*  IMPOSTO LA LARGHEZZA DELLA TENDINA DEL SOTTOMENU  */
.mkdf-drop-down .narrow .second .inner ul li {
    width: 250px;
}

/*  IMPOSTO I TITOLI DELLE COLONNE NEI MEGAMENU DI COLORE BIANCO ANCHE SE I SOTTOMENU SONO ATTIVI  */
.mkdf-drop-down .second .inner ul li.current-menu-ancestor>a {
	color:#ffffff;
}



/*  STILI PER LE TESTATE DELLE PAGINE  */
.mkdf-title-holder {
	background-size:cover!important;
	height:515px!important;
	min-height:70vh!important;
}
@media only screen and (max-width: 1024px) {
    .mkdf-title-holder.mkdf-has-bg-image .mkdf-title-image {
        display: none!important;
    }
}
/*  STILI PER TESTATE DELLE PAGINE  */



/*  IMPOSTO L'OVERLAY GRIGLIO SEMITRASPARENTE SULLE TESTATE DELLE PAGINE  */
.mkdf-title-holder .mkdf-title-wrapper {
	background-color:rgba(0,0,0,0.35);
}

/*  IMPOSTO IL COLORE BIANCO SUI TITOLI DI PAGINA E SUI GRIGLIATI  */
.mkdf-title-inner p,
.mkdf-tours-gallery-item .mkdf-tours-gallery-item-excerpt p {
	color:#ffffff;
}

/*  IMPOSTO IL FONT LINEARE PER GLI ELEMENTI COMUNI IN TUTTO IL SITO INTERNET  */
body, h3, h4, h5, h6, button, .mkdf-btn, .mkdf-tabs .mkdf-tabs-nav li a,
input, #submit_comment, .post-password-form input[type=submit], input.wpcf7-form-control.wpcf7-submit,
.wp-pagenavi, .gm-style {
	font-family: 'tt_norms';
}
.sottotitoloslider {
	font-family: 'tt_norms'!important;
}

/*  IMPOSTO LE PESANTEZZE DEI TITOLI E DEI GRASSETTI SULL'INTERO SITO INTERNET  */
h1, h2 {
	font-weight:900;
}
h3, h4, h5, h6, strong, b, input.wpcf7-form-control.wpcf7-submit {
	font-weight:600;
}

/*  RIDUCO LE INTERLINEE DI TITOLI E DESCRIZIONI SU GRIGLIATO LISTING DEI POI  */
h3.mkdf-tour-title, .mkdf-tours-gim-excerpt-inner p {
	line-height:1.2em;
}
/*  RIDUCO LE INTERLINEE DI TITOLI E DESCRIZIONI SU GRIGLIATO LISTING PAGINE STRUTTURE RICETTIVE  */
h4.mkdf-tour-title, .mkdf-tours-gallery-item-excerpt {
	line-height:1.2em;
}

/*  IMPOSTO LO STILE CON IL FONT CORSIVO SUI TITOLI NEL BOX CON IL VIDEO BUTTON */
.mkdf-video-button-holder .mkdf-video-button-text-wrapper-inner .mkdf-vb-subtitle {
	font-family: 'misthiqueregular';	
	font-size: 70px;
}

/*  IMPOSTO I COLORI DEI TESTI DELLE STRUTTURE RICETTIVE  */
.metastruttura p  {
	color:#818181;
}
/*  IMPOSTO I COLORI DEI TESTI SULLA LISTA DEI POI  */
.listapoi_it {
	color:#f9b233;
}
/*  RIDUCO LA SPAZIATURA TRA I CARATTERI DEI BOTTONI  */
.mkdf-btn {
	letter-spacing:.1em;
}

/*  IMPOSTO LO STILE CON IL FONT CORSIVO SUI TITOLI H3 */
.titolo-giallo-corsivo h3 {
	font-family: 'misthiqueregular';
	font-size: 80px;
	font-weight:normal;
	color: #f9b233;
	padding-left:15px;
}

/*  IMPOSTO LO STILE DEI TESTI INTRODUTTIVI DELLE PAGINE  */
.testo-intro {
	font-family: "Playfair Display";
    font-size:1.25em;
	line-height:1.5;
	font-style:italic;
}

/*  INSERISCO LA SPAZIATURA SOTTO I TITOLI H1-H2  */
h1, h2 {
	margin-bottom:10px!important;
}

/*  RIMUOVO LE SPAZIATURE SOPRA E SOTTO I PARAGRAFI  */
p {
    margin: 0;
}

/*  INSERISCO LA SPAZIATURA TRA I BLOCCHI DI TESTO DEL WIDGET PER IL LISTING EVENTI  */
.listeventi_shortcode_row p {
	margin-bottom:15px;
}

.tribe-events-list .type-tribe_events p,
.titolosingle_ev p,
.content_single_ev p {
	color:#303030!important;
}

/*  IMPOSTO LA POSIZIONE DELLO SFONDO TESTATA SULLA PAGINA DI CATEGORIA DOVE DORMIRE  */
.tax-categoria_strutture.term-dove-dormire .mkdf-title-holder,
.tax-categoria_strutture.term-where-to-sleep .mkdf-title-holder {
	background-position: center bottom!important;
}

/*  IMPOSTO LE FRECCE DI NAVIGAZIONE AVANTI/DIETRO NEGLI SLIDER DAVANTI ALL'OVERLAY SEMITRASPARENTE  */
.tparrows {
	z-index:1000!important;
}

/*  RENDO VISIBILE LA SCROLLBAR VERTICALE SUL MENU MOBILE  */
nav.mkdf-mobile-nav {
	overflow:auto!important;
}

/*  NASCONDO L'IMMAGINE IN EVIDENZA E IL TITOLO H3 PRESENTI NELLA PARTE INIZIALE DEL CONTENUTO PAGINA SINGOLO POST  */
.single.single-post .mkdf-post-content .mkdf-post-heading,
.single.single-post .mkdf-post-content .entry-title.mkdf-post-title {
	display:none;
}


/*  IMPOSTO IL BANNER SULLA PAGINA POI DEL TEATRO DELL'AQUILA CHE RIMANDA ALLA STAGIONE 2021-2022  */
@media only screen and (max-width: 1024px) {
	.banner-stagione {
		background-image: url('https://www.visitfermo.it/wp-content/uploads/2018/02/Teatro-dellAquila-Stagione-21-22-banner-mobile.jpg');
		background-size: cover;
		background-position-x: center;
		background-position-y: center;
	}
}
@media only screen and (min-width: 1025px) {
	.banner-stagione {
		background-image: url('https://www.visitfermo.it/wp-content/uploads/2018/02/Teatro-dellAquila-Stagione-21-22-banner.jpg');
		background-size: cover;
		background-position-x: center;
		background-position-y: center;
	}
}

/*  IMPOSTO IL BANNER SULLA PAGINA POI DEL TEATRO DELL'AQUILA CHE RIMANDA ALLA STAGIONE 2022-2023  */
	.banner-stagione-2022-2023 {
		background-image: url('https://www.visitfermo.it/wp-content/uploads/2022/10/Teatro-dellAquila-Stagione-22-23-banner.jpg');
		background-size: cover;
		background-position-x: center;
		background-position-y: center;
	}

	.banner-stagione-2022-2023 .mkdf-eh-item-inner {
		background-color: rgba(0,0,0,0.35);
	}

/*  IMPOSTO LO SFONDO SUL BANNER DEL NATALE DELLE MERAVIGLIE 2022  */
	.banner-natale-delle-meraviglie-2022 {
		background-image: url('https://www.visitfermo.it/wp-content/uploads/2022/12/Fermo-Magica-e-il-Natale-delle-Meraviglie-testata.jpg');
		background-size: cover;
		background-position-x: center;
		background-position-y: center;
	}

	.banner-natale-delle-meraviglie-2022 .mkdf-eh-item-inner {
		background-color: rgba(0,0,0,0.35);
	}

/*  IMPOSTO IL BANNER SULLA PAGINA POI DEL TEATRO DELL'AQUILA CHE RIMANDA ALLA STAGIONE 2023-2024  */
	.banner-stagione-2023-2024 {
		background-image: url('https://www.visitfermo.it/wp-content/uploads/2023/07/Teatro-dellAquila-Stagione-23-24-banner.jpg');
		background-size: cover;
		background-position-x: center;
		background-position-y: center;
	}

	.banner-stagione-2023-2024 .mkdf-eh-item-inner {
		background-color: rgba(0,0,0,0.35);
	}

/*  IMPOSTO LO SFONDO SUL BANNER DELL'ESTATE 2024  */
	.banner-estate-2024 {
		background-image: url('https://www.visitfermo.it/wp-content/uploads/2024/07/Banner-destate-la-voglia-di-trasformazione.jpg');
		background-size: cover;
		background-position-x: center;
		background-position-y: center;
	}

	.banner-estate-2024 .mkdf-eh-item-inner {
		background-color: rgba(0,0,0,0.10);
	}

/*  IMPOSTO IL BANNER SULLA PAGINA POI DEL TEATRO DELL'AQUILA CHE RIMANDA ALLA STAGIONE 2024-2025  */
	.banner-stagione-2024-2025 {
		background-image: url('https://www.visitfermo.it/wp-content/uploads/2024/08/Teatro-dellAquila-Stagione-24-25-banner.jpg');
		background-size: cover;
		background-position-x: center;
		background-position-y: center;
	}

	.banner-stagione-2023-2024 .mkdf-eh-item-inner {
		background-color: rgba(0,0,0,0.35);
	}

/*  IMPOSTO IL BANNER SULLA PAGINA POI DEL TEATRO DELL'AQUILA CHE RIMANDA ALLA STAGIONE 2025-2026  */
	.banner-stagione-2025-2026 {
		background-image: url('https://www.visitfermo.it/wp-content/uploads/2025/08/Teatro-dellAquila-Stagione-25-26-banner.jpg');
		background-size: cover;
		background-position-x: center;
		background-position-y: center;
	}

	.banner-stagione-2023-2024 .mkdf-eh-item-inner {
		background-color: rgba(0,0,0,0.35);
	}


/*  IMPOSTO LA LARGHEZZA DEL PLAYER PER LE AUDIODESCRIZIONI IN MODO DA FARLO ENTRARE ANCHE SUI DISPOSITIVI MOBILE  */
.green-audio-player {
	width:100%!important;
	max-width:300px!important;
	min-width:unset!important;
}

/*  IMPOSTO IL BACKGROUND GRIGIO SULLA SIDE AREA  */
.mkdf-side-menu {
	background-color:#151515;
}

/*  RIDUCO IL MARGINE TRA UN WIDGET E L'ALTRO NELLE SIDEBAR LATERALI  */
.wpb_widgetised_column .widget {
	margin-bottom:25px;
}

/* IMPOSTO LE SPAZIATURE TRA I CAMPI DI INPUT DEL MODULO CONTATTO PRESENTE SUL FOOTER */
footer .wpcf7-form-control.wpcf7-text, footer .wpcf7-form-control.wpcf7-textarea, p.form-submit {
	padding:8px;
	margin-bottom:10px;
}

/* IMPOSTO GLI ALLINEAMENTI DEI CONTENUTI SULLA BOTTOM BAR DEL FOOTER */
@media only screen and (min-width: 1025px) {
	.mkdf-footer-bottom-holder .mkdf-grid-row .mkdf-grid-col-4:nth-child(1) { width:35%; }
	.mkdf-footer-bottom-holder .mkdf-grid-row .mkdf-grid-col-4:nth-child(2) { width:35%; }
	.mkdf-footer-bottom-holder .mkdf-grid-row .mkdf-grid-col-4:nth-child(3) { width:30%; }
	.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-1 { text-align:left; }
	.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-2 { text-align:center; }
	.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-3 { text-align:right;	}
}

/*  IMPOSTO L'ALTEZZA MAPPE GOOGLE */
.wpgmp_map {
	height:60vh!important;
}

/*  IMPOSTO LO STILE DEI CONTENUTI DEI FUMETTI SULLE MAPPE GOOGLE */
.wpgmp_infowindow .fc-item-title {
	font-family: 'tt_norms'!important;
	text-transform:none!important;
	color:#303030!important;
	font-weight:400;
}
.wpgmp_infowindow address {
	font-style:normal;
	color:#303030!important;
}
.wpgmp_infowindow .fc-badge,
.wpgmp_infowindow .fc-item-featured_image {
	display:none!important;
}

/* IMPOSTO LO STILE DEL COUNTDOWN SULLA PAGINA PRESTO ONLINE */
@media only screen and (max-width: 480px) {
	.countdown-section {
		padding-top:10px!important;
		padding-bottom:10px!important;
	}
	.countdown-period {
		margin-top:0px!important
	}
	.countdown-amount {
		font-size:45px!important;
	}
}

/* AUMENTO L'ALTEZZA DEL PLAYER YOUTUBE SULLA VERSIONE MOBILE */
@media only screen and (max-width: 480px) {
	#pp_full_res iframe {
		min-height:50vh!important;
	}
}

/* IMPOSTO LO STILE DELLA BANDIERINA INGLESE SUL MENU DI NAVIGAZIONE */
a.english-flag img {
	opacity:0.7;
  	-webkit-transition: opacity .1s ease-in-out;
  	-moz-transition: opacity .1s ease-in-out;
  	-ms-transition: opacity .1s ease-in-out;
  	-o-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out;}

a.english-flag:hover img {
	opacity:1;
}

.mkdf-main-menu ul li.wpml-ls-item {
	margin-top:12px;
}

.hidden {
	display:none;
}

/* IMPOSTO LO STILE DEL BOX CON IL VIDEO BUTTON SU MOBILE */
@media only screen and (max-width:768px){
	.mkdf-video-button-image img {
		min-height: 400px;
		object-fit: cover;
	}
}