/* :root {
  --dark-blue: 0, 56, 101;
  --darker-blue: 0, 49, 76;
  --medium-blue: 0, 119, 200;
  --light-blue: 0, 169, 224;
  --lighter-blue: 230, 243, 248;
  --light-green: 67, 176, 42;
  --dark-green: 4, 106, 56;
  --teal: 0, 98, 114;
  --darker-gray: 85, 85, 85;
  --dark-gray: 117, 120, 123;
  --light-gray: 187, 188, 188;
  --yellow: 242, 169, 0;
  --willdan-white: 250, 250, 250;
  --white: 255, 255, 255;
  --black: 0, 0, 0;
} */
.map-outer {
  width: 100%;
  height: 100%;
  /* min-height: 640px; */
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* background-color: rgb(var(--white)); */
}

#map {
  height: 100%;
}

.map-main {
  /* -webkit-flex: 1 1; */
  /*Safari 6.1*/
  /* -ms-flex: 1 1; */
  /*ie10*/
  /* flex: 1 1; */
  /* height: 100%; */
}

.map-sidebar {
  width: 100%;

  strong {
    color: rgb(var(--dark-blue));
    font-weight: 600;
    font-size: 20px;
    display: block;
    padding-top: 16px;
  }

  em {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: rgb(var(--dark-gray));
    display: block;
    padding-top: 4px;
  }

  ul {
    /* list-style-type: none; */
    padding: 0 24px;
    margin: 0;

    li {
      list-style-type: square;
      /* padding-left: 16px; */
      /* font-size: 16px; */
    }
  }

}

.map-sidebar,
.map-sidepanel {
  height: 100%;
}

.map-sidebar-office {
  cursor: default;
  /*added*/
  /* border: solid 2px #f5f5f5; */
  /* background-color: #f5f5f5; */
  /* padding: 10px; */
  font-size: 16px;
}

.map-sidebar-scrolling {
  overflow-y: auto;
  max-height: 418px;
  /* background-color: rgba(var(--white), 1); */
  /* padding: 0; */
  /* margin-bottom: 20px; */
}

.map-content {
  height: 500px;
}

.map-sidebar-state,
.map-sidebar-list-office {
  cursor: pointer;
  font-size: 20px;
}

.map-sidebar-list-office img {
  vertical-align: inherit !important;
  width: 12px;
  height: auto;
  margin-right: 4px;
  margin-top: -4px;
}

.map-sidebar-state {
  /* line-height: 2; */
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  /* margin: 0 0 8px; */
}

.map-sidebar-states {
  margin: 16px 0;
}

.map-sidebar-states span {
  /* padding: 2px 6px; */
  font-weight: 600;
  text-transform: uppercase;
  /* border-bottom: 2px solid rgb(var(--medium-blue)); */
  color: rgb(var(--medium-blue));
  font-size: 20px;
  cursor: pointer;
}

.map-sidebar-states span:hover {
  background-color: rgb(var(--lighter-blue));
}

/* .map-sidebar-state {} */
/* .map-sidebar-state-button {
  margin-bottom: 16px;
} */

/* .map-sidebar-state-button {}
.map-sidebar-state-list {}
 */
/*added*/
/* .map-info-office img { */
/* padding-top: 16px; */
/* width: 24px; */
/* height: auto; */
/* margin-right: 4px; */
/* } */

.map-info-block {
  /* padding: 0 20px; */
  margin: 0;
  /* font-size: 16px; */
  /* line-height: 1.5; */
  /* background: pink; */
}

.map-info-office {
  font-size: 20px;
  font-weight: 500;
  color: rgb(var(--dark-blue));
  display: flex;
  align-items: center;
}

.map-info-office img {
  /* vertical-align: inherit !important; */
  width: 16px;
  height: auto;
  /* float: left; */
  margin: 0 4px 0 0;
  /* margin-right: 4px; */
  /* margin-top: -4px; */
}

.map-info-email,
.map-info-directions {
  margin-top: 8px;

  img {
    width: 20px;
    margin: 0 8px 0 0;
  }
}