/* styled desktop first */

#olympia-map-cont {
  max-width:1250px;
  margin:0px auto 50px;
  position: relative;
}
#olympia-map-cont #streets,
#olympia-map-cont #Street-names {
  pointer-events:none;
}
#olympia-map-cont:before {
  content:"";
  position: absolute;
  top:45px;
  left:0px;
  width:100%;
  height:16px;
  background-image: url("/includes/public/interactive-map/images/map-wood.png");
}
#olympia-map-cont .olympia-map-header {
  color:#757034;
  font-size:48px;
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
  font-family:'Sofia W01 Black';
  margin:0px auto;
  width:100%;
  max-width:875px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding:15px;
  margin-bottom: -10px;
}
#olympia-map-cont .olympia-map-header:after {
  content:"";
  position: absolute;
  bottom:-15px;
  left:0px;
  width:100%;
  height:15px;
  background-image: url("/includes/public/interactive-map/images/map-jagged-bottom.png");
  background-position: bottom center;
  background-repeat: repeat-x;
}


/* MAP INFO STYLING */
#olympia-map-cont .olympia-map-svg {
  overflow: hidden;
  position: relative;
}
#olympia-map-cont .olympia-map-svg:after {
  content:"";
  position: absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:16px;
  background-image: url("/includes/public/interactive-map/images/map-jagged-top.png");
  background-position: top center;
  background-repeat: repeat-x;
}
#olympia-map-cont .olympia-map-svg svg {
  min-width:1000px;
  height:680px;
}
#olympia-map-cont .olympia-map-svg svg image {
  filter:none!important;
  -webkit-filter:none!important;
}
#olympia-map-cont .olympia-map-info-cont {
  position: absolute;
  top:50%;
  right:19%;
  width:1px;
  height:1px;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#olympia-map-cont .olympia-map-info-item {
  position: absolute;
  top:50%;
  left:50%;
  width:300px;
  opacity: 0;
  pointer-events:none;
  background-color: #fff;
  transform: translate(-50%, -50%) scale(.95);
  -ms-transform: translate(-50%, -50%) scale(.95);
  -webkit-transform: translate(-50%, -50%) scale(.95);
  transition:all ease .25s 0s;
}
#olympia-map-cont .olympia-map-info-item.active,
#olympia-map-cont .olympia-map-info-item[data-hover="active"] {
  pointer-events:auto;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transition:all ease .35s .25s;
}
#olympia-map-cont .olympia-map-text {
  padding:20px 15px 40px 15px;
  background-image: url("/includes/public/interactive-map/images/map-info-bottom.png");
  background-position: bottom center;
  background-repeat: repeat-x;
}
#olympia-map-cont .olympia-map-text1 {
  color:#6a1b31;
  font-size:24px;
  line-height: 24px;
  line-height: 24px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family:'Sofia W01 Black';
}
#olympia-map-cont .olympia-map-text2 {
  color:#4c4d4f;
  font-size:17px;
  line-height: 28px;
  font-family:'Avenir LT W01_45 Book1475508';
}
#olympia-map-cont .olympia-card-nav-cont {
  text-align: right;
  margin-top: 30px;
  height:41px;
}
#olympia-map-cont .olympia-card-nav-left,
#olympia-map-cont .olympia-card-nav-right {
  display: inline-block;
  margin-top:8px;
  margin-left: 10px;
  cursor: pointer;
}
#olympia-map-cont .olympia-more-btn {
  float:left;
  color:#fff;
  font-size:21px;
  line-height: 1em;
  padding:10px;
  font-family:'Intro Head H W00 H2 Base';
  background-color: #ee7621;
}
#olympia-map-cont .olympia-move-left,
#olympia-map-cont .olympia-move-right {
  display: none;
}
/* END MAP INFO STYLING */


#olympia-map-cont .map-svg-white-lines {
  fill:none;
  stroke:#fff;
  stroke-width:3;
  stroke-miterlimit:10;
}
#olympia-map-cont .map-svg-white-lines-sm {
  fill:none;
  stroke:#fff;
  stroke-width:0.75;
  stroke-miterlimit:10;
}
#olympia-map-cont .map-svg-region {
  fill:rgba(170,169,124,.8);
  transition:all ease .5s;
}
#olympia-map-cont .map-svg-region:hover,
#olympia-map-cont .map-svg-hit[data-hover="active"] .map-svg-region,
#olympia-map-cont .map-svg-hit[data-title="hoveractive"] .map-svg-region {
  fill:rgba(66,61,1,.7);
}
#olympia-map-cont .map-svg-region-label {
  fill:#C05624;
  stroke:#FFFFFF;
  stroke-miterlimit:10;
}
#olympia-map-cont .map-svg-region-name-text {
  fill:#FFFFFF;
}
#olympia-map-cont .st6{
  fill:#FFFFFF;
  stroke:#000000;
  stroke-width:0.5;
  stroke-miterlimit:10;
}
#olympia-map-cont .st7{
  fill:#EC2027;
  stroke:#FFFFFF;
  stroke-miterlimit:10;
}
#olympia-map-cont .st8{
  fill:#0D6897;
  stroke:#FFFFFF;
  stroke-miterlimit:10;
}
#olympia-map-cont .st9{
  fill:#F8DE91;
  stroke:#231F20;
  stroke-width:0.5;
  stroke-miterlimit:10;
}


@media screen and (max-width: 1024px) {
  #olympia-map-cont .olympia-map-info-cont {
    position: relative;
    top:0px;
    right:auto;
    left:0px;
    width:90vw;
    height:auto;
    margin:0px auto;
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  #olympia-map-cont .olympia-map-info-item {
    position: relative;
    top:0px;
    left:0px;
    width:100%;
    display: none;
    transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
  }
  #olympia-map-cont .olympia-map-info-item.active,
  #olympia-map-cont .olympia-map-info-item[data-hover="active"] {
    display: block;
    transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
  }
  #olympia-map-cont .olympia-map-img {
    float:left;
  }
  #olympia-map-cont .olympia-map-text {
    position: absolute;
    top:0px;
    left:300px;
    width:calc(100% - 300px);
    min-height:100%;
  }
  #olympia-map-cont .olympia-map-text1 {
    margin-bottom: 15px;
  }
  #olympia-map-cont .olympia-map-text2 {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 30px;
  }
  #olympia-map-cont .olympia-card-nav-cont {
    margin-top: 0px;
    position: absolute;
    bottom:20px;
    width:calc(100% - 30px);
  }
}
@media screen and (max-width: 850px) {
  #olympia-map-cont .olympia-map-svg svg {
    margin-left: -7%;
  }
}
@media screen and (max-width: 640px) {
  #olympia-map-cont .olympia-map-header {
    font-size:29px;
    line-height: 28px;
  }
  #olympia-map-cont .olympia-map-svg svg {
    width:937px;
    height:510px;
    margin-top: -80px;
    margin-bottom: -20px;
  }
  #olympia-map-cont .olympia-map-svg svg,
  #olympia-map-cont.olymapview1 .olympia-map-svg svg  {
    margin-left:-5%;
    transition:all ease .5s;
  }
  #olympia-map-cont.olymapview2 .olympia-map-svg svg {
    margin-left:-25%;
  }
  #olympia-map-cont.olymapview3 .olympia-map-svg svg {
    margin-left:-35%;
  }
  #olympia-map-cont .olympia-map-info-cont {
    width:100%;
  }
  #olympia-map-cont .olympia-map-img {
    display: none;
  }
  #olympia-map-cont .olympia-map-text {
    position:relative;
    left:0px;
    width:100%;
  }
  #olympia-map-cont .olympia-move-left,
  #olympia-map-cont .olympia-move-right {
    display: block;
    position: absolute;
    top:50%;
    padding:30px 15px;
    background-color: #fff;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition:all ease .5s;
  }
  #olympia-map-cont .olympia-move-left {
    left:0px;
  }
  #olympia-map-cont .olympia-move-right {
    right:0px;
  }
  #olympia-map-cont .olympia-move-left i,
  #olympia-map-cont .olympia-move-right i {
    color:#ee7621;
    font-size: 30px;
  }
  #olympia-map-cont .olympia-move-left,
  #olympia-map-cont.olymapview1 .olympia-move-left,
  #olympia-map-cont.olymapview3 .olympia-move-right {
    opacity:.5;
    pointer-events:none;
  }
  #olympia-map-cont.olymapview2 .olympia-move-left,
  #olympia-map-cont.olymapview3 .olympia-move-left,
  #olympia-map-cont.olymapview2 .olympia-move-right {
    opacity: 1;
    pointer-events:auto;
  }
}
@media screen and (max-width: 520px) {
  #olympia-map-cont .olympia-map-svg svg,
  #olympia-map-cont.olymapview1 .olympia-map-svg svg {
    margin-left:-15%;
  }
  #olympia-map-cont.olymapview2 .olympia-map-svg svg {
    margin-left:-40%;
  }
  #olympia-map-cont.olymapview3 .olympia-map-svg svg {
    margin-left:-70%;
  }
}
@media screen and (max-width: 420px) {
  #olympia-map-cont.olymapview2 .olympia-map-svg svg {
    margin-left:-60%;
  }
  #olympia-map-cont.olymapview3 .olympia-map-svg svg {
    margin-left:-80%;
  }
}
@media screen and (max-width: 350px) {
  #olympia-map-cont.olymapview2 .olympia-map-svg svg {
    margin-left:-55%;
  }
  #olympia-map-cont.olymapview3 .olympia-map-svg svg {
    margin-left:-125%;
  }
}