#wpsl-wrap {
  margin-bottom: 0px;
}
#wpsl-wrap #wpsl-result-list ul li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
}

#wpsl-search-wrap {
  position: relative;
}

#wpsl-search-wrap div {
  margin: 0;
}

#wpsl-search-wrap input[type=text] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 533px;
  height: 44px;
  padding: 6px 6px 6px 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 6px;
  background: var(--white);
}

#wpsl-search-wrap input[type=submit] {
  border-radius: 6px;
  background: var(--turquoise);
  border: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQwNjIgNi41MzEyNUw4LjYyNSAxMS4zNDM4TDguMDkzNzUgMTEuODc1TDcuMDMxMjUgMTAuODEyNUw3LjU2MjUgMTAuMjgxMkwxMS4wNjI1IDYuNzVIMC43NUgwVjUuMjVIMC43NUgxMS4wNjI1TDcuNTYyNSAxLjc1TDcuMDMxMjUgMS4yMTg3NUw4LjA5Mzc1IDAuMTU2MjVMOC42MjUgMC42ODc1TDEzLjQwNjIgNS40Njg3NUwxMy45Mzc1IDZMMTMuNDA2MiA2LjUzMTI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: 0.625rem 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  right: 0;
  top: 0.375rem;
}

.wpsl-search {
  background-color: var(--medium-blue);
  margin: 0 auto;
  padding: 1.875rem 0 1.25rem 0;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wpsl-search .wpsl-input {
  margin: 0;
}
.wpsl-search .wpsl-input label {
  display: none !important;
}
.places-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  position: relative;
}
.places-list ul li {
  list-style: none;
  display: inline-block;
  padding: 0.625rem 0.6875rem 0 0.6875rem;
  cursor: pointer;
}
.places-list ul li.active {
  font-weight: 700;
}
.places-list ul .all-places {
  display: none;
  position: absolute;
  border-radius: 0.375rem;
  background: var(--white);
  width: 100%;
  top: 4.6875rem;
  z-index: 9;
  padding: 1.25rem;
}
.places-list ul .all-places.open {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: 0.8125rem;
}
.places-list ul .all-places li {
  padding: 0;
}
.places-list .view-buttons {
  display: none;
}

.more-places {
  display: inline-block;
  padding: 0.625rem 1.5rem 0 0.6875rem;
  position: relative;
  cursor: pointer;
}
.more-places .icon {
  position: absolute;
  right: 0;
  top: 1.0625rem;
}
.more-places .icon:after {
  width: 0.875rem;
  height: 0.875rem;
}
.more-places .icon.icon-close {
  display: none;
}
.more-places.open .icon.icon-close {
  display: block;
}
.more-places.open .icon.icon-chevron-down {
  display: none;
}

#wpsl-result-list {
  background-color: var(--white);
  margin: 0;
  scrollbar-color: var(--turquoise) var(--turquoise) !important;
}

#wpsl-stores {
  padding: 1.25rem;
}

.wpsl-store-location {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
}
.wpsl-store-location p {
  margin-bottom: 0 !important;
}
.wpsl-store-location span {
  display: none;
}
.wpsl-store-location span.wpsl-street {
  display: block;
  font-size: 0.875rem;
}
.wpsl-store-location img {
  display: none;
}

.wpsl-direction-wrap {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  font-size: 1.125rem;
  font-weight: 700;
}

.wpsl-directions {
  display: none;
}

#wpsl-result-list a {
  color: var(--turquoise);
  font-size: 1.125rem;
}

#wpsl-gmap {
  width: 67%;
}

.wpsl-info-window {
  font-size: 20px;
  padding: 1rem 1.25rem 0 1.25rem !important;
  text-align: center;
  font-family: var(--font-family);
}
.wpsl-info-window strong {
  font-size: 1.125rem;
  font-weight: 600;
  display: block;
}
.wpsl-info-window strong a {
  color: var(--turquoise);
  text-decoration: none;
}
.wpsl-info-window .info-wrapper {
  text-align: center;
  font-size: 0.875rem;
}

.gm-ui-hover-effect {
  opacity: 1 !important;
  top: -2px !important;
  right: -2px !important;
}
.gm-ui-hover-effect span {
  width: 17px !important;
  height: 17px !important;
  margin: 10px 0px !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI4LjUiIGZpbGw9IiMxQTI2NDEiLz4KPHBhdGggZD0iTTEzLjAyNSA1LjQyNUw5LjY3MjA2IDguNzVMMTMuNDcyMSAxMi41NUwxMi41NSAxMy41TDguNzUgOS43TDQuOTUgMTMuNUw0IDEyLjU1TDcuOCA4Ljc1TDQgNC45NUw0Ljk1IDRMNS40MjUgNC40NzVMOC43NSA3LjgyNzk0TDEyLjU1IDQuMDI3OTRMMTMuNSA0Ljk1TDEzLjAyNSA1LjQyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
  background-color: transparent !important;
}

@media (max-width: 47.9375rem) {
  #wpsl-gmap {
    width: 100%;
    display: none;
    margin: 0;
  }
  #wpsl-gmap.visible {
    display: block;
  }
  #wpsl-gmap.hidden {
    display: none;
  }
  .wpsl-search {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    padding: 1.875rem 1.25rem 1.25rem 1.25rem;
  }
  #wpsl-result-list.visible {
    display: block;
  }
  #wpsl-result-list.hidden {
    display: none;
  }
  .places-list ul {
    display: none;
  }
  .places-list .view-buttons {
    margin-top: 1.25rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.625rem 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }
  .places-list .view-buttons button {
    padding: 0.625rem 1.25rem;
    background-color: var(--yellow);
    color: var(--dark-blue);
    border-radius: 0.3125rem;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
    text-decoration: none;
  }
  .places-list .view-buttons button:hover {
    background-color: var(--dark-blue);
    color: var(--white);
  }
  .places-list .view-buttons button.blue {
    background-color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    color: var(--white);
  }
  .places-list .view-buttons button.blue span:after {
    background: var(--white);
    width: 1.125rem;
    height: 1rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .places-list .view-buttons button.blue:hover {
    background-color: var(--turquoise);
    border: 1px solid var(--turquoise);
  }
  .places-list .view-buttons button.inversed {
    background-color: transparent;
    color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
  }
  .places-list .view-buttons button.inversed span:after {
    background: var(--dark-blue);
    width: 1rem;
    height: 1rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .places-list .view-buttons button.inversed:hover {
    background-color: var(--turquoise);
    border: 1px solid var(--turquoise);
    color: var(--white);
  }
  .places-list .view-buttons button.inversed:hover span:after {
    background: var(--white);
  }
  .places-list .view-buttons button .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .places-list .view-buttons button .button-wrapper span {
    margin-right: 0.3125rem;
  }
  .places-list .view-buttons button .button-wrapper span:after {
    width: 1rem;
    height: 1rem;
  }
  .places-list .view-buttons button.blue:hover {
    background-color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
  }
}