html, body, #mapdiv {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 771px) {
  .map.full-screen-map {
    height: 220px!important;
  }
}

@media only screen and (min-width: 771px) {
  .map.full-screen-map:not(.embedded) {
    height: 320px!important;
  }
}

.mmwrap.mmwrap-loading {
  position: relative;
}

.mmwrap.mmwrap-loading::before {
  content: "";
  position: absolute;
  z-index: 500;
  background-color: rgba(0,0,0,0.5);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.mmwrap.mmwrap-loading::after {
  content: "\f254";
  font-family: 'Font Awesome 5 Free';
  color: white;
  font-size: 3em;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: loader 1s infinite;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 501;
}

@keyframes loader {
  0% {
    font-size: 3em;
  }
  50% {
    font-size: 3.4em;
  }
  100% {
    font-size: 3em;
  }
}

.dropdown.map-filter .dropdown-menu#filterMenu {
  min-width: 245px;
}