a.mapboxgl-ctrl-logo,
.mapboxgl-ctrl.mapboxgl-ctrl-attrib.mapboxgl-compact,
.mapboxgl-ctrl-attrib-inner {
  display: none !important;
}

.mapboxgl-marker {
  cursor: pointer;
}

body {
  -webkit-tap-highlight-color: transparent !important;
}

.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

html[lang=it] .mapboxgl-popup-content .titolo.en,
html[lang=it] .mapboxgl-popup-content .titolo.de {
  display: none !important;
}

html[lang=en] .mapboxgl-popup-content .titolo.it,
html[lang=en] .mapboxgl-popup-content .titolo.de {
  display: none !important;
}

html[lang=de] .mapboxgl-popup-content .titolo.en,
html[lang=de] .mapboxgl-popup-content .titolo.it {
  display: none !important;
}

section.popup_result {
  transition: var(--trans);
  background-color: var(--color-bianco);
  position: fixed;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  overflow: auto;
  scrollbar-width: none;
  top: 100vh;
  pointer-events: none;
}
@media (min-width: 1201px) {
  section.popup_result {
    max-width: 700px;
  }
}
section.popup_result.attivo {
  top: 0;
  pointer-events: all;
}
section.popup_result.attivo .close {
  opacity: 1;
  pointer-events: all;
}
section.popup_result.cat_arte .popup_info .numero {
  background-color: var(--color-arte);
}
section.popup_result.cat_arte .popup_info h2 strong,
section.popup_result.cat_arte .popup_info h3 {
  color: var(--color-arte);
}
section.popup_result.cat_arte .audioguida_box .audioguida_icon {
  background-color: var(--color-arte);
}
section.popup_result.cat_attrazione .popup_info .numero {
  background-color: var(--color-attrazione);
}
section.popup_result.cat_attrazione .popup_info h2 strong,
section.popup_result.cat_attrazione .popup_info h3 {
  color: var(--color-attrazione);
}
section.popup_result.cat_attrazione .audioguida_box .audioguida_icon {
  background-color: var(--color-attrazione);
}
section.popup_result.cat_paesaggio .popup_info .numero {
  background-color: var(--color-paesaggio);
}
section.popup_result.cat_paesaggio .popup_info h2 strong,
section.popup_result.cat_paesaggio .popup_info h3 {
  color: var(--color-paesaggio);
}
section.popup_result.cat_paesaggio .audioguida_box .audioguida_icon {
  background-color: var(--color-paesaggio);
}
section.popup_result.cat_storia .popup_info .numero {
  background-color: var(--color-storia);
}
section.popup_result.cat_storia .popup_info h2 strong,
section.popup_result.cat_storia .popup_info h3 {
  color: var(--color-storia);
}
section.popup_result.cat_storia .audioguida_box .audioguida_icon {
  background-color: var(--color-storia);
}
section.popup_result::-webkit-scrollbar {
  display: none;
}
section.popup_result .close {
  z-index: 999;
  position: fixed;
  cursor: pointer;
  right: 0;
  top: 0;
  /* padding: 6%; */
  background: var(--color-rosso-light);
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-tabacco);
  font-weight: 800;
  font-size: 20px;
  border-bottom-left-radius: 25px;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1200px) {
  section.popup_result .close {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    transition: var(--trans);
  }
}
section.popup_result img.popup_header {
  width: 100%;
  height: 40vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section.popup_result video.popup_header {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
section.popup_result .popup_content {
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 5%, 20px);
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 8%;
  padding-bottom: 8%;
}
@media (max-width: 1200px) {
  section.popup_result .popup_content {
    padding-bottom: 100px;
  }
}
@media (min-width: 1201px) {
  section.popup_result .popup_content {
    padding-top: 4%;
    padding-bottom: 4%;
  }
}
section.popup_result .popup_content img.popup_col {
  width: 100%;
  height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 25px;
}
section.popup_result .popup_content .next_tappa {
  display: flex;
  padding: 6px 6px 6px 12px;
  border-radius: 50vh;
  justify-content: center;
  align-items: center;
  color: var(--color-tabacco);
  font-weight: 400;
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
  margin: 40px 0 0 auto;
  gap: 8px;
  text-transform: uppercase;
  background: var(--color-rosso-light);
  transition: var(--trans);
  cursor: pointer;
}
section.popup_result .popup_content .next_tappa:hover {
  background: rgba(252, 198, 166, 0.4196078431);
}
section.popup_result .popup_content .next_tappa span {
  color: var(--color-tabacco);
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
}
section.popup_result .popup_content .next_tappa span.num_next_tappa {
  display: inline-flex;
  height: 20px;
  width: 20px;
  background: var(--color-bianco);
  justify-content: center;
  align-items: center;
  border-radius: 50vh;
}
section.popup_result .popup_info {
  padding: 4% 8%;
  padding-bottom: 0;
}
@media (max-width: 1200px) {
  section.popup_result .popup_info {
    padding-top: 8%;
  }
}
section.popup_result .popup_info .numero_box {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
}
section.popup_result .popup_info .numero_box .numero {
  display: flex;
  height: 30px;
  width: 30px;
  border-radius: 50vh;
  justify-content: center;
  align-items: center;
  color: var(--color-bianco);
  font-weight: 400;
  line-height: 1;
}
section.popup_result .popup_info .numero_box .label {
  margin-top: 0;
}
section.popup_result .popup_info .label {
  margin-top: 10px;
  line-height: 1;
}
section.popup_result .audioguida_box {
  margin-left: 8%;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 4%;
}
section.popup_result .audioguida_box .audioguida_icon {
  width: 30px;
  height: 30px;
  background: var(--color-arancio);
  padding: 5px;
  border-radius: 50vh;
}
section.popup_result .audioguida_box p.label {
  font-size: 14px;
}
section.popup_result .audioguida_box i {
  color: var(--color-tabacco);
  font-size: 12px;
}

#map.disattivo {
  pointer-events: none;
}
#map .pin {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50vh;
  box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1803921569);
}
#map .pin p.numero {
  color: var(--color-bianco);
  font-weight: 300;
}
#map .pin.arte {
  background-color: var(--color-arte);
}
#map .pin.attrazione {
  background-color: var(--color-attrazione);
}
#map .pin.paesaggio {
  background-color: var(--color-paesaggio);
}
#map .pin.storia {
  background-color: var(--color-storia);
}
#map .mapboxgl-popup {
  max-width: 450px !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  overflow: visible !important;
}
@media (max-width: 767px) {
  #map .mapboxgl-popup {
    max-width: 300px !important;
  }
}
#map .mapboxgl-popup .mapboxgl-popup-content {
  background: #fff;
  border-radius: 30px;
  box-shadow: 2px 5px 40px rgba(0, 0, 0, 0.1803921569);
  padding: 40px 70px 20px 20px;
  pointer-events: auto;
  position: relative;
  margin-bottom: 20px;
}
#map .mapboxgl-popup .mapboxgl-popup-content h2.titolo.arte strong {
  color: var(--color-arte);
}
#map .mapboxgl-popup .mapboxgl-popup-content h2.titolo.attrazione strong {
  color: var(--color-attrazione);
}
#map .mapboxgl-popup .mapboxgl-popup-content h2.titolo.paesaggio strong {
  color: var(--color-paesaggio);
}
#map .mapboxgl-popup .mapboxgl-popup-content h2.titolo.storia strong {
  color: var(--color-storia);
}
@media (max-width: 999px) {
  #map .mapboxgl-popup .mapboxgl-popup-content h2.titolo {
    font-size: 24px;
  }
}
#map .mapboxgl-popup .mapboxgl-popup-content p.indirizzo {
  margin: 10px 0 12px 0;
  line-height: 1;
}
#map .mapboxgl-popup .mapboxgl-popup-content button.mapboxgl-popup-close-button {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #4b1011;
  border-radius: 50vh;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  left: -10px;
  top: -10px;
  right: unset;
}
#map .mapboxgl-popup .mapboxgl-popup-content button.mapboxgl-popup-close-button:focus-visible {
  outline: unset !important;
}
#map .mapboxgl-popup .mapboxgl-popup-content img {
  width: 80px;
  border-radius: 5px;
  position: absolute;
  top: -20px;
  right: -20px;
  aspect-ratio: 1/1;
}
#map .mapboxgl-popup .mapboxgl-popup-content .attivatore {
  padding: 3px 12px;
  border-radius: 50vh;
  border: 1px solid var(--color-tabacco);
  text-align: center;
  width: calc(100% + 23px);
  cursor: pointer;
}
#map .mapboxgl-popup .mapboxgl-popup-tip {
  display: none;
}

header {
  position: fixed;
  top: 3vw;
  left: 4vw;
  z-index: 1;
}
@media (max-width: 767px) {
  header {
    transform: scale(85%);
    top: 10px;
    left: 10px;
  }
}
header .btn_filtri {
  background-color: var(--color-tabacco);
  border-radius: 50vh;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 5px 40px rgba(0, 0, 0, 0.1803921569);
  cursor: pointer;
  transition: var(--trans);
}
header .btn_filtri svg {
  width: 47.5%;
  height: auto;
}
header .btn_filtri.open {
  background-color: var(--color-bianco);
}
header .btn_filtri.open svg path {
  stroke: var(--color-tabacco) !important;
}
header ul {
  transition: var(--trans);
  opacity: 1;
  padding: 20px !important;
  position: absolute;
  bottom: -8px;
  left: 0;
  transform: translate(0, 100%);
  background-color: var(--color-bianco);
  border-radius: 30px;
  box-shadow: 2px 5px 40px rgba(0, 0, 0, 0.1803921569);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
header ul.close {
  bottom: 100px;
  opacity: 0;
  pointer-events: none;
}
header ul li::marker {
  content: none !important;
}
header ul li.filtro {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 50vh;
  width: auto;
  padding: 1px 30px 2px 12px;
  cursor: pointer;
  transition: var(--trans);
}
header ul li.filtro .icon {
  color: var(--color-tabacco);
  font-size: 22px;
  line-height: 1;
  width: 24px;
  height: 24px;
  border-radius: 50vh;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
header ul li.filtro.filtro_arte {
  background-color: var(--color-arte);
  border: 1px solid var(--color-arte);
}
header ul li.filtro.filtro_arte .icon {
  border: 1px solid var(--color-arte);
}
header ul li.filtro.filtro_attrazione {
  background-color: var(--color-attrazione);
  border: 1px solid var(--color-attrazione);
}
header ul li.filtro.filtro_attrazione .icon {
  border: 1px solid var(--color-attrazione);
}
header ul li.filtro.filtro_paesaggio {
  background-color: var(--color-paesaggio);
  border: 1px solid var(--color-paesaggio);
}
header ul li.filtro.filtro_paesaggio .icon {
  border: 1px solid var(--color-paesaggio);
}
header ul li.filtro.filtro_storia {
  background-color: var(--color-storia);
  border: 1px solid var(--color-storia);
}
header ul li.filtro.filtro_storia .icon {
  border: 1px solid var(--color-storia);
}
header ul li.filtro * {
  transition: var(--trans);
}
header ul li.filtro[data-status=nascosto] {
  background-color: var(--color-bianco);
  border-style: dashed;
}
header ul li.filtro[data-status=nascosto] .icon {
  transform: rotate(45deg);
  background-color: var(--color-bianco);
}
@media (max-width: 1200px) {
  header ul {
    transform: translate(0, 100%) scale(80%);
    transform-origin: top left;
  }
}

svg.logo_malcesine {
  position: fixed;
  top: 3vw;
  left: 4vw;
  z-index: 99;
  width: 120px;
}
@media (max-width: 1200px) {
  svg.logo_malcesine {
    width: 80px;
    top: 0;
  }
}

/* Audio Device Style */
.aWrap {
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* allow buttons to wrap into another row on small screens */
  /* flex-wrap: wrap; */
  max-width: 84%;
  width: auto;
  padding: 10px 30px;
  margin: 10px auto 0 auto;
  border-radius: 50vh;
  background: var(--color-tabacco);
  gap: 1rem;
  box-sizing: border-box;
  color: #fff;
  /* (A) MATERIAL ICONS */
  /* (C) PLAY/PAUSE BUTTON */
  /* (D) TIME */
  /* (E) RANGE SLIDERS */
  /* (E1) HIDE DEFAULT */
  /* (E2) CUSTOM SLIDER TRACK */
  /* (E3) CUSTOM SLIDER BUTTON */
  /* (F) VOLUME */
}
@media (max-width: 999px) {
  .aWrap {
    padding: 10px 20px;
  }
}
.aWrap .svg-inline--fa {
  color: white !important;
}
.aWrap * {
  box-sizing: border-box;
  color: #fff;
}
.aWrap .aPlay {
  padding: 0;
  margin: 0;
  background: 0;
  border: 0;
  cursor: pointer;
}
.aWrap .aCron {
  font-size: 14px;
  color: #cbcbcb;
  margin: 0 0 0 10px;
  white-space: nowrap;
}
@media (max-width: 999px) {
  .aWrap .aCron {
    font-size: 12px;
    margin: 0 0 0 0px;
  }
}
.aWrap input[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  padding: 0;
  margin: 0;
  background: 0;
}
.aWrap .range {
  width: 80%;
  max-width: 800px;
}
@media (min-width: 1199px) {
  .aWrap .range {
    max-width: 100%;
    width: 300px;
  }
}
.aWrap .range,
.aWrap .range-volume {
  position: relative;
  display: flex;
  align-items: center;
}
.aWrap .range input,
.aWrap .range-volume input {
  position: relative;
  z-index: 1;
}
.aWrap .range .change-range,
.aWrap .range-volume .change-range {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px 0 0 10px;
}
.aWrap .range-volume .change-range {
  height: 10px;
  width: 95%;
}
.aWrap .under-ranger {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
}
.aWrap .range-volume .under-ranger {
  height: 10px;
}
.aWrap input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
}
.aWrap input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
  height: 6px;
  border-radius: 10px;
}
.aWrap input[type=range]::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}
.aWrap input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}
.aWrap .aVolIco {
  margin: 0 10px;
  cursor: pointer;
}
.aWrap input.aVolume {
  width: 100px !important;
}
.aWrap .aVolume::-webkit-slider-runnable-track {
  height: 10px !important;
}
.aWrap .aVolume::-webkit-slider-thumb {
  margin-top: -3px !important;
}
.aWrap .aVolume::-moz-range-thumb {
  margin-top: -3px !important;
}
.aWrap .volume-container {
  display: none;
  align-items: center;
}

/* itinerario Line */
.itinerario_svg_box_bg {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 134px;
  z-index: 0;
  background: linear-gradient(45deg, rgb(252, 198, 166) 0%, rgba(252, 198, 166, 0.25) 100%);
  transition: var(--trans);
  transition-duration: 100ms;
  /*&.in_hover{
      background-color: #20021325;
      filter: blur(40px);
  }*/
}

#itinerario_svg_box {
  position: fixed;
  bottom: 20px;
  left: 0;
  overflow-x: scroll;
  padding: 0 5vw;
  width: 90vw;
  scrollbar-width: none;
  z-index: 2;
}
#itinerario_svg_box::-webkit-scrollbar {
  display: none;
}
#itinerario_svg_box .none {
  display: none;
}
#itinerario_svg_box .pin_itinerario_main {
  cursor: pointer;
}
#itinerario_svg_box .pin_itinerario_main:hover[data-cat=arte], #itinerario_svg_box .pin_itinerario_main.attivo[data-cat=arte] {
  fill: var(--color-arte);
}
#itinerario_svg_box .pin_itinerario_main:hover[data-cat=attrazione], #itinerario_svg_box .pin_itinerario_main.attivo[data-cat=attrazione] {
  fill: var(--color-attrazione);
}
#itinerario_svg_box .pin_itinerario_main:hover[data-cat=storia], #itinerario_svg_box .pin_itinerario_main.attivo[data-cat=storia] {
  fill: var(--color-storia);
}
#itinerario_svg_box .pin_itinerario_main:hover[data-cat=paesaggio], #itinerario_svg_box .pin_itinerario_main.attivo[data-cat=paesaggio] {
  fill: var(--color-paesaggio);
}
#itinerario_svg_box .pin_itinerario_main.disabilitato {
  fill: transparent !important;
  pointer-events: none !important;
}
#itinerario_svg_box .pin_itinerario_aura {
  r: 20px !important;
  transition: var(--trans);
  transition-duration: 300ms;
}
#itinerario_svg_box .pin_itinerario_aura.in_hover, #itinerario_svg_box .pin_itinerario_aura.attivo {
  r: 30px !important;
}
#itinerario_svg_box .pin_itinerario_num {
  pointer-events: none;
}
#itinerario_svg_box .pin_itinerario_num.in_hover, #itinerario_svg_box .pin_itinerario_num.attivo {
  fill: var(--color-bianco) !important;
}

.malcesine,
.cassone,
.titolo_itinerario {
  line-height: 1 !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: fixed;
  left: 5vw;
  bottom: 16px;
}
.malcesine span,
.cassone span,
.titolo_itinerario span {
  line-height: 1 !important;
  color: var(--color-tabacco);
  font-size: 14px;
}
.malcesine svg,
.cassone svg,
.titolo_itinerario svg {
  fill: var(--color-tabacco);
  width: 16px;
  height: 9px;
}

.cassone {
  justify-content: flex-end;
  left: unset;
  right: 5vw;
}

.titolo_itinerario {
  display: block;
  bottom: 102px;
  font-size: 14px;
  color: var(--color-rosso);
}/*# sourceMappingURL=style.css.map */