:root {
  --map-height: 800px;
  --map-tb-padding: 74px;
}

#homestead-map {
  width: 100%;
  height: var(--map-height);
}

.gm-style-iw button.gm-ui-hover-effect {
  display: none !important;
}

.gm-style .gm-style-iw-c {
  border-radius: 0 !important;
}

.gm-style-iw-ch {
  padding-top: 10px !important;
}

.gm-style-iw-d {
  color: #040707;
  font-family: 'Raleway', sans-serif !important;
}

.gm-style-iw-d strong {
  color: #68714c !important;
  font-family: 'Raleway', Arial, Helvetica, sans-serif !important;
  font-weight: 700;
}

#map-legend {
  border: rgba(253, 253, 250, .5);
  font-family: 'Raleway', sans-serif;
  background: #fff;
  width: 260px;
  right: var(--map-tb-padding) !important;
  height: calc(var(--map-height) - (var(--map-tb-padding) * 2));
  overflow: hidden;
}

.legend-logo {
  height: 72px;
  display: flex;
  border-bottom: 1px solid #fcfcf7;
  justify-content: center;
  align-items: center;
}

.legend-logo img {
  display: block;
  width: 135px;
  height: auto;
}

.legend-item-wrapper {
  overflow-y: auto;
}

.legend-item {
  background: #fff;
  border-bottom: 1px solid #fcfcf7;
  padding: 15px;
  cursor: pointer;
}

.legend-item:hover {
  background: #fcfcf7;
}

.legend-label {
  color: #68714c !important;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}

.legend-label--home {
  margin-bottom: 0;
}

.legend-travel {
  color: #040707 !important;
  font-size: 12px;
  font-weight: 500;
}

@media all and (max-width: 767px) {
  #homestead-map {
    height: 450px !important;
  }
  
  #map-legend {
    height: 450px !important;
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    margin-top: 0;
    width: 100%;
  }
  
  .legend-item-wrapper {
    height: 378px !important;
  }
}