.search-map-wrapper {
  margin: 0 auto;
  width: 100%;
  background: #fff;
}

.search-map-container text,
.search-map-container tspan {
  font-family: Arial, Helvetica, sans-serif; 
  fill: #354C56;
}

.search-map-container a {
text-decoration:none;
}

.search-map-container a path,
.search-map-container a polygon {
  fill: rgb(159,163,116);
  fill: rgba(159,163,116, .75);
}

.search-map-container a path.arrow,
.search-map-container a:hover path.arrow {
  fill: rgb(85,85,85);
  stroke: none;
}

.search-map-container a:hover path,
.search-map-container a:hover polygon {
  fill: rgb(152,163,38);
  stroke: #747c1d;
}
  
.search-map-container {
  position: relative;
  width: 100%;
  padding-bottom: 100%;    
  vertical-align: top;
}
   
.search-map-container svg {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0; 
}

.compass-stroke {
  stroke: #333; 
}

.compass-letter {
  fill: #333; 
}

.compass-dark {
  fill: #555; 
}

.compass-light {
  fill: #ddd; 
}