.gm-style div,
.gm-style span,
.gm-style label,
.gm-style a {
  font-family: Arial, Helvetica, sans-serif;
  color: #2f2f2f;
}

.loc-list {
  font-size: 13px;
  height: 530px;
  overflow-x: auto;
}

.loc-search-box #search-location {
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  font: normal 14px/1.4 "FranklinGothicBook", Arial, sans-serif;
  padding: 6px 12px;
  width: 30%;
  -webkit-border-radius: 0;
  margin: 0;
  color: #2f2f2f;
  flex-grow: 0.4;
}

@media (max-width: 768px) {
  .loc-search-box #search-location {
    flex-grow: 1;
  }
}

.loc-map-container {
  clear: left;
  /* float: left; */
  margin-top: 27px;
  width: 100%;
}

.loc-map-container .loc-list {
  font-size: 13px;
  height: 530px;
  overflow-x: auto;
  width: 30%;
  /* float: left; */
  margin-right: 10px;
}

.loc-map-container .loc-list .position {
  background: #00192d;
  border-radius: 15px;
  color: #fff;
  display: none;
  float: left;
  font-weight: bold;
  margin: 10px 0 0 15px;
  padding: 4px 7px;
  text-align: center;
  width: auto;
  min-width: 13px;
}

.loc-map-container .loc-name {
  font-size: 15px;
  font-weight: bold;
  font-family: "FranklinGothicMedium", Arial, sans-serif;;
}

.loc-map-container .loc-list ul {
  display: block;
  clear: left;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.loc-map-container .loc-list ul li {
  float: left;
  width: 99%;
}

.loc-map-container .loc-list .list-details .list-content {
  padding: 10px;
}

.loc-map-container .loc-list .list-details {
  float: left;
  margin-left: 6px;
  width: 80%;
}

.loc-map-container .loc-map {
  float: left;
  height: 530px;
  width: 70%;
}

.highlight {
  border: 2px solid #a51c27;
}

.store-locator-form #map,
.block-store-locator #map,
.store-locator-page-view {
  width: 100%;
  height: 500px;
  float: none;
}

.store-locator-title {
  color: #006bb6;
  font: 5rem "FranklinGothicExtraCondensed", Impact, "Arial Narrow", Arial, sans-serif;
  line-height: 1;
  margin-bottom: 20px;
}

.store-locator-content {
  background-color: #006bb6;
  padding: 30px;
  color: white;
}

form.search-location-form {
  display: flex;
  margin: 0;
}

input[type="submit"].form-submit-button {
  background-color: transparent;
  border: none;
  text-transform: uppercase;
  color: white;
  width: auto;
  padding-left: 35px;
  padding-right: 35px;
}

input::-webkit-input-placeholder {
  color: #cbcbcb !important;
}

input:-moz-placeholder { /* Firefox 18- */
  color: #cbcbcb !important;
}

input::-moz-placeholder {  /* Firefox 19+ */
  color: #cbcbcb !important;
}

input:-ms-input-placeholder {
  color: #cbcbcb !important;
}

#location-list-wrapper {

  font-family: "FranklinGothicBook", Arial, sans-serif;
}

#location-list-wrapper a {
  color: white;
}

#location-list-wrapper::-webkit-scrollbar {
  width: 20px;
}

/* Track */
#location-list-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 0;
  border: 3px solid white;
}

/* Handle */
#location-list-wrapper::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 0;
}

/* Handle on hover */
#location-list-wrapper::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}

@media (max-width: 768px) {
  #location-wrapper {
    flex-direction: column;
  }

  #location-list-wrapper {
    order: 1;
    width: 100%;
  }

  #map {
    order: 0;
    margin-bottom: 30px;
  }
}