.mapboxgl-popup-content{
    padding:0 !important;
    font-family: var(--font-family);
    min-width:300px;
}
.mapboxgl-popup .textwrap{
    padding:1rem !important;
}
.mapboxgl-popup .imgwrap img{
    max-width:100% !important;
}
.mapboxgl-popup .imgwrap{
    position:relative;
    padding: 0 !important;
}
.mapboxgl-popup .w-video-play-icon:after{
    background:none !important;
}
.mapboxgl-popup .cta{
    text-align:center;
    margin-bottom:1rem;
}
.mapboxgl-popup .mapboxgl-popup-close-button {
  background: var(--color-area);
  opacity: 1;
  border-radius: 50%;
  font-weight: 400;
  top: -.5rem;
  right: -.5rem;
  border: 1px solid var(--color-granate);
  font-family: "General Sans";
  line-height: 1;
  width:2rem;
  height:2rem;
  font-size: 2rem;
  font-weight: 300;
    z-index:888;
    padding:0;
}
.mapboxgl-popup .mapboxgl-popup-close-button span{
    position:relative;
    top:-1px;
}
.mapboxgl-map canvas{
    filter: saturate(0);
}

.mapboxgl-popup button.w-video-play.playing + .w-video-h > *,
.mapboxgl-popup .w-video-h:only-child *{
    visibility: visible !important;
}
.mapboxgl-popup button.w-video-play.playing{
    z-index: -1;
}
.w-video.tiktok .w-video-play,
.w-video.instagram .w-video-play,
.w-video.facebook .w-video-play{
    pointer-events: none;
    cursor:default;
}
.w-video.youtube .w-video-play-icon:after{
    content:"\f167";
    font-family: 'Font Awesome 5 Brands';
}
.w-video.tiktok .w-video-play-icon:after{
    content:"\e07b";
    font-family: 'Font Awesome 5 Brands';
}
.w-video.instagram .w-video-play-icon:after{
    content:"\f16d";
    font-family: 'Font Awesome 5 Brands';
}
.w-video.facebook .w-video-play-icon:after{
    content:"\f09a";
    font-family: 'Font Awesome 5 Brands';
}
