.civi-map-warpper {
  height: 300px;
  width: 100%;
}

#jobs-map-filter{
  height:100%;
}

#geocoder .mapboxgl-ctrl-geocoder--icon-search {
  display: none;
}

.leaflet-marker-icon {
  img {
    border-radius: 50%;
  }
}

div.leaflet-popup .leaflet-popup-content-wrapper {
  background-color: transparent;
  @include box-shadow(none);
  a {
    color: $accent_color;
  }
}

.mapboxgl-map .mapboxgl-marker,
.civi-openstreetmap-filter .leaflet-marker-icon{
  &:after {
    background-color: transparent !important;
  }
  &.mouseenter {
  }
}

.civi-openstreetmap-filter{
  * {
    font-family: inherit;
  }
  .leaflet-popup-tip {
    width: 0;
    height: 0;
  }
}

.mapboxgl-map .mapboxgl-marker.mouseenter,
.civi-openstreetmap-filter .leaflet-marker-icon.mouseenter,
.page-dashboard .mapboxgl-map .mapboxgl-marker,
.page-dashboard .civi-openstreetmap-filter .leaflet-marker-icon,
body.single-jobs .mapboxgl-map .mapboxgl-marker,
body.single-jobs .civi-openstreetmap-filter .leaflet-marker-icon,
body.single-company .mapboxgl-map .mapboxgl-marker,
body.single-company .civi-openstreetmap-filter .leaflet-marker-icon,
body.single-candidate .mapboxgl-map .mapboxgl-marker,
body.single-candidate .civi-openstreetmap-filter .leaflet-marker-icon{
    &:before, &:after {
      width: 150px;
      height: 150px;
      border: 2px solid transparent;
      background-clip: padding-box;
      position: absolute;
      left: 50%;
      top: 50%;
      opacity: 0;
      border-radius: 50%;
      animation: animationSignal linear 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      display: block;
      content: '';
      @include transform(translate(-50%,-50%));
      @include box-shadow(inset 0 0 35px 10px $accent_color);
    }
}

@keyframes animationSignal {
  0% {
    opacity: 0;
    @include transform(translate(-50%, -50%) scale(0.3));
  }
  1% {
    @include transform(translate(-50%, -50%) scale(0.32));
    opacity: 0.1;
  }
  20% {
    opacity: 0.5;
    @include transform(translate(-50%, -50%) scale(0 0.45));
  }
  60% {
    @include transform(translate(-50%, -50%) scale(0.75));
    opacity: 0.35;
  }
}