/** Shopify CDN: Minification failed

Line 329:5 Expected "}" to go with "{"

**/
#map-canvas, #panel { 
    height: 90vh; 
    max-height: 408px;
    flex: 1 1 50%;
}
.storemapper-wrapper {
    flex: 1 1 50%;
}

.locator-hero {
  padding: 18px;
  padding-bottom: 0px;
}

.location-search {
  background: white;
  padding: 36px;
  margin: 18px;
}

#locate-button {
  position: absolute;
  right: 25px;
  top: 20px;
  cursor: pointer;
}

#search-button {
  position: absolute;
  top: 22px;
  right: 55px;
}

.search-container {
  position: relative;
}

#locationInput {
  position: relative;
  width: 100%;
  padding: 20px 15px;
  padding-right: 90px;
  border: 1px solid black;
}

.store-locator .description,
.store-locator .cta {
  margin-top: 18px;
}

.ControlPanel .description {
  text-wrap: balance;
}

.ControlPanel .description a {
  color: var(--foreword-primary);
  cursor: pointer;
  text-decoration: underline;
}

.select-wrapper {
  position: relative;
}

.select-wrapper::after {
  content: ">";
  font-size: 1rem;
  top: 21px;
  right: 15px;
  position: absolute;
  transform: rotate(90deg);
}

.locator-hero img {
  height: 100%;
  max-height: 188px;
  width: 100%;
  object-fit: cover;
}

.store-locator .section-heading-decorator:before {
  margin-bottom: -5px;
  transform: translateX(-1px);
}    

.store-locator .heading,
.store-locator .subheading {
  text-align: center;
}

.store-locator .heading {
  margin-top: 18px;
  margin-bottom: 36px;
}

.storelocator-filter {
  display: none;
}

.storelocator-panel {
  max-height: 250px !important;
  font-family: var(--body1-font);
  padding-top: 12px;
}

.store-locator .subheading {
  margin-bottom: 18px;
}
  #panel .feature-filter label { 
    width: 130px; 
  }
  
  p.attribution, p.attribution a { color: #666; }
  
  .storelocator-panel {
    border: 0.5px solid var(--foreword-primary);
    border-top: none;
    overflow: auto;
  }
  
  .storelocator-panel .store-list {
    margin: 0;
    padding: 0;
  }
  
  .storelocator-panel .directions-panel {
    padding: 5px;
  }
  .storelocator-panel .store-list li{
    padding: 5px;
  }
  .storelocator-panel .store-list li.btn-wrap{
    display: flex;
    list-style: none;
  }
  .storelocator-panel .store-list li.btn-wrap button.store{
    padding: 5px;
    margin-left: -5px;
    margin-right: -5px;
    display: block;
  }
  
  .storelocator-panel .directions-panel {
    font-size: 0.8em;
  }
  
  .storelocator-panel .store-list li.store:hover {
    cursor: pointer;
    background: #eee;
  }
  
  .storelocator-panel .store-list li.highlighted,
  .storelocator-panel .store-list li.highlighted:hover {
    background: #eaedf3;
  }
  
  .storelocator-panel .directions {
    display: none;
  }
  
  .storelocator-panel .location-search {
    padding: 5px;
  }
  
  .storelocator-panel .location-search input {
    width: 95%;
    border: 1px solid #000;
    padding: 2px 8px;
  }
  
  .storelocator-panel .location-search label{
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #2e2e2e;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    letter-spacing: 7px !important;
  }
  .storelocator-panel .location-search h4 {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    letter-spacing: 7px !important;
  }
  
  .storelocator-panel .store-list .no-stores {
    color: red;
  }
  
  .storelocator-panel .store .features {
    display: none;
  }
  
  .storelocator-panel .store-list .narrow-down {
    color: #36d;
    font-size: 0.7em;
    padding: 5px 5px;
    display: block;
  }
  
  .storelocator-panel .feature-filter {
    overflow: hidden;
  }
  
  .storelocator-panel .feature-filter label {
    display: block;
    font-size: 0.8em;
    margin: 0 0.4em;
    float: left;
  }
  
  .store .title {
    font-weight: bold;
    font-size:14px;
  }
  
  .store .address,
  .store .phone,
  .store .web,
  .store .misc {
    font-size: 12px;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    display: block;
  }
  
  .store .features {
    overflow: hidden;
    color: grey;
    margin: 0;
    padding: 0;
    font-size: 70%;
    max-width: 250px;
  }
  
  .store .features li {
    display: inline;
    float: left;
    padding-right: 0.8em;
  }
  
  .store .web a {
    color: green
  }
  
  .store .action {
    font-size: 0.8em;
    color: green;
    margin-right: 0.5em;
  }
  .Cart__Footer .additional-checkout-buttons div#dynamic-checkout-cart ul {
    justify-content: flex-end;
  }

@media (min-width: 992px) {
  .store-locator {
    display: flex;
    flex-direction: row;
  }

  .store-locator .section-heading-decorator {
    align-items: center;
  }

  #map-canvas {
    height: unset;
    max-height: unset;
  }
    .storemapper-wrapper {
    height: unset;
    max-height: unset;
  }

  .locator-hero img {
    max-height: 360px;
    width: 100%;
    object-fit: cover;
  }

  .locator-hero {
    padding: 36px 36px 27px 36px;
  }

  .location-search {
    margin: 18px 36px 36px 36px;
    padding: 72px;
  }

  .ControlPanel .heading {
    margin-bottom: 72px;
  }

  .ControlPanel {
    flex: 1 1 50%;
  }

  .store-locator .section-heading-decorator:before {
    margin-bottom: -15px;
    transform: unset;
  }
  
  .select-wrapper {
    flex: 1;
  }
}

@media screen and (min-width: 1440px) {
  .locator-hero img {
    max-height: unset;
  }
}
@media screen and (max-width: 1399px) {
.storemapper-wrapper, .store-locator.storemapper .ControlPanel {
    flex: 1 1 100%;
}
      .store-locator.storemapper {
        flex-direction: column;
    }