.cm-store-position {
    padding: 4rem 0;
}

.cm-store-position *, 
.cm-store-position *:before, 
.cm-store-position *:after {
    box-sizing: inherit;
}

.cm-store-position .cm-store-position-width {
  box-sizing: border-box;
  margin: 0 auto;
}

.cm-store-position h2 {
    font-size: 2rem;
}

.map-list-store-wrapper.list-right .store-locations .store-locations-title h3 {
    font-size: 1.5rem;
    margin: 0;
}

.map-input-search {
  display:flex;
  margin: 0 -0.5rem;
}

.map-input-search > div {
  margin:0 0.5rem;
}

.map-input-search label {
  margin-bottom:0.5rem;
  display:block;
}

.map-input-search #pac-input {
  padding: .8rem 1em;
}

.map-input-search button {
  margin: 30px 0;
  width: 100%;
  max-width: 280px;
  padding: 0.8rem 1rem;
}

.map-category {
  
}

.map-input-search input[type=text],
.map-input-search select {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  min-height: 39px;
  border-radius: 4px;
  -webkit-appearance: none;
  padding: .7rem 1em;
  outline: 0;
  border: 1px solid #000 !important;
  font-weight: 500;
  box-sizing: border-box;
  font-size: 1rem;
  display: inline-block;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: .9rem;
  background-position: 96% 55%;
}

.map-custom-select {
  position: relative;
  color: #000 !important;
}

.map-custom-select select {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' class='svg-inline--fa fa-angle-down fa-w-8 fa-2x'%3E%3Cpath fill='currentColor' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'%3E%3C/path%3E%3C/svg%3E");
  color: #000 !important;
}
.map-custom-select select:focus {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='angle-up' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' class='svg-inline--fa fa-angle-up fa-w-8 fa-3x'%3E%3Cpath fill='currentColor' d='M136.5 185.1l116 117.8c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L128 224.7 27.6 326.9c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17l116-117.8c4.7-4.6 12.3-4.6 17 .1z'%3E%3C/path%3E%3C/svg%3E");
}

.map-custom-select:before {
    pointer-events: none;
    background-repeat: no-repeat;
    /*content: "";*/
    width: 17px;
    height: 28px;
    position: absolute;
    color: #000;
    right: 10px;
    top: 10px;
    /*background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10 fa-2x'%3E%3Cpath fill='%230d1012' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z' class=''%3E%3C/path%3E%3C/svg%3E");*/
}

.map-input-search > .map-pac-input { flex:2; }
.map-input-search > .map-radius { flex:1; }
.map-input-search > .map-radius-type { flex:1; }
.map-input-search > .map-category { flex:1; }
.map-input-search > .map-button { flex:1; position: relative; }

.map-input-search .reset-btn {
    text-align: right;
    margin-bottom: 10px;
}

.map-input-search .reset-btn a {
    cursor: pointer;
}

.map-description {
   max-width: 400px;
   width: 400px;
}

.map-description .map-photo {
    height: 200px;
    overflow: hidden;
}

.map-description .map-photo img {
    object-fit: cover;
    height: 100% !important;
    width: 100%;
}

.map-description h3 {
    padding: 10px 15px;
    font-size: 1.5em;
}
.gm-style-iw-d .loc-address {
  padding: 0 15px 10px;
}
.gm-style-iw-d .loc-desc-link{
  display:block;
  background: transparent url(https://21878792.fs1.hubspotusercontent-na1.net/hubfs/21878792/nk-globe-icon.svg) no-repeat 15px 50%;
  padding:10px 15px 10px 40px;
  line-height:1;
  margin:0;
  border-top: 1px solid #ccc;
}

.map-description .loc-desc p {
    margin: 4px 0;
}
.loc-desc-link {
  display: inline-block;
  color: #000;
  border: 1px solid #ddd;
  text-decoration: none;
  background: #fff url(https://21878792.fs1.hubspotusercontent-na1.net/hubfs/21878792/nk-globe-icon.svg) no-repeat 15px 50%;
  padding: 10px 15px 10px 40px;
  font-weight: 500;
  margin-bottom:10px;
}
@media only screen and (max-width:1359px) {
  .map-input-search { padding:0 15px; }
  .map-input-search button {
    margin:30px 0 10px;
  }
}

@media only screen and (max-width:767px) {
  .map-input-search { 
    display: block;
    margin-bottom: 25px;
  }
  .map-input-search button { margin-top:0; }
}
/* Map Listing */
.gm-style .gm-style-iw-c button.gm-ui-hover-effect:before {
  background: #fff !important
}
div[data-ext-index]:not(.active) { display:none !important; }

.store-locations-title {
    padding-bottom: 1rem;
    padding-top: 1rem;
    grid-column: 1/2;
}

.map-list-store-wrapper .store-locations .single-store-location {
    display: flex;
    padding: 10px;
}

.map-list-store-wrapper .store-locations .single-store-location .single-store-marker {
    margin-top: 4px;
}

.map-list-store-wrapper .store-locations .single-store-location .single-store-marker img {
    width: 28px;
}

.map-list-store-wrapper .store-locations .single-store-location .single-store-details {
    padding-left: 10px;
        width: calc(100% - 30px);
}

.map-list-store-wrapper .store-locations .single-store-location .single-store-details h3 {
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 8px;
    
}

.map-list-store-wrapper .store-locations .single-store-location .single-store-details h3 a {
    color: #0d1012;
    text-decoration: none;
}

.map-list-store-wrapper .store-locations .single-store-location .single-store-details p {
    margin: 5px 0 10px;
}

/*  store top and bottom position */
.map-list-store-wrapper.list-top .store-locations,
.map-list-store-wrapper.list-bottom .store-locations {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(3,minmax(320px,1fr));
    grid-gap: 10px;
}

.map-list-store-wrapper.list-top .store-locations {
    padding-bottom: 3rem;
}

.map-list-store-wrapper.list-bottom .store-locations {
    padding-top: 3rem;
}

.map-list-store-wrapper.list-top .store-locations .single-store-location,
.map-list-store-wrapper.list-bottom .store-locations .single-store-location{
    width: 100%;
    background: #f9f9f9;
    margin-left: 0;
    padding: 15px;
}

/*  store right and left position */
.map-list-store-wrapper.list-right,
.map-list-store-wrapper.list-left {
    display: flex;
    flex-wrap: wrap;
    position:relative;
    overflow:hidden;
}

.map-list-store-wrapper.list-right .store-locations,
.map-list-store-wrapper.list-left .store-locations {
    width: 400px;
    font-size: 14px;
    height: 500px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    scroll-behavior: smooth;
}

.map-direction-arrow {
  border: 1px solid #ccc;
  width: 400px;
  cursor: pointer;
  position:absolute;
  right:0;
  bottom:0;
  text-align:center;
  background:#fff;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.05);
}

.map-direction-arrow::after{
  content: "";
  border: 2px solid #8dc63f;
  border-width: 0 2px 2px 0;
  width: 10px;
  height: 10px;
  display: inline-block;
  transform: rotate(45deg);
  position:relative;
  top:-2px;
}

.map-list-store-wrapper.list-right .store-locations .single-store-location,
.map-list-store-wrapper.list-left .store-locations .single-store-location {
    border-bottom: 1px solid #ccc;
    padding: 15px !important;
    background: #f5f5f5;
}


.map-list-store-wrapper.list-right .store-locations { position:relative; }
.map-list-store-wrapper.list-right .store-locations:after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background: #fff;
}

.map-list-store-wrapper.list-right .store-locations .store-locations-title,
.map-list-store-wrapper.list-left .store-locations .store-locations-title {
   background: #f2f5f8;
   padding-left: 15px;
   padding-right: 15px;
}

.map-direction-arrow,
.map-list-store-wrapper.list-left .map-main-wrapper,
.map-list-store-wrapper.list-right .map-main-wrapper,
.map-list-store-wrapper.list-right .store-locations, 
.map-list-store-wrapper.list-left .store-locations {
  width: 100%;
}


.map-wrapper {
  min-height: calc(100vh - 140px);
  height: 500px !important; 
  position: relative !important;
}


@media (min-width: 768px) {
  .store-locations-title {
    grid-column: 1/3;
  }

  .map-list-store-wrapper.list-left .map-main-wrapper,
  .map-list-store-wrapper.list-right .map-main-wrapper{
    width: calc(100% - 300px);
  }

  .map-direction-arrow,
  .map-list-store-wrapper.list-right .store-locations, 
  .map-list-store-wrapper.list-left .store-locations {
    width: 300px;
  }

  .map-list-store-wrapper.list-right .store-locations,
  .map-list-store-wrapper.list-left .store-locations {
    min-height: calc(100vh - 140px);
    height:478px;
  }

}

@media(min-width: 1025px) {
  .store-locations-title {
       grid-column: 1/4;
}
  
  .map-list-store-wrapper.list-left .map-main-wrapper,
  .map-list-store-wrapper.list-right .map-main-wrapper{
      width: calc(100% - 400px);
  }
  
  .map-direction-arrow,
   .map-list-store-wrapper.list-right .store-locations, 
  .map-list-store-wrapper.list-left .store-locations {
    width: 400px;
  }

  .map-list-store-wrapper.list-right .map-category {
      width: 200px;
      text-align: left;
  }
}

@media(max-width: 1100px) {
  .map-list-store-wrapper.list-top .store-locations, 
  .map-list-store-wrapper.list-bottom .store-locations {
      grid-template-columns: repeat(2,minmax(320px,1fr));
  }
}




@media(max-width: 767px) {
  .map-list-store-wrapper.list-top .store-locations, 
  .map-list-store-wrapper.list-bottom .store-locations {
      grid-template-columns: repeat(1,minmax(200px,1fr));
  }
  
   .map-description {
      width: 100%;
  }
  
  .map-description .map-photo {
      height: 150px;
  }
  
  .map-main-wrapper #map {
      height: 350px !important;
  }
  
  .map-list-store-wrapper .store-locations .single-store-location {
      display: block;
      padding: 10px !important;
  }
  .map-direction-arrow {
    position:static;
  }
}


.map-pac-input input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .map-pac-input textarea, .map-pac-input select {
  padding:.8rem 1em
}
.map-pac-input input.addressInput[type=text]:focus {
  box-shadow: inset 0px 0px 1px rgba(0,0,0,1);
}



.map-list-store-wrapper.list-left .store-locations::-webkit-scrollbar,
.map-list-store-wrapper.list-right .store-locations::-webkit-scrollbar {
    width: 4px;
}
.map-list-store-wrapper.list-left .store-locations::-webkit-scrollbar-track,
.map-list-store-wrapper.list-right .store-locations::-webkit-scrollbar-track {
  
}
.map-list-store-wrapper.list-left .store-locations::-webkit-scrollbar-thumb,
.map-list-store-wrapper.list-right .store-locations::-webkit-scrollbar-thumb {
  background-color: #C2CDD8;
}

.strong-one {
  font-weight:bold;
}


.single-store-cats {
  text-transform: uppercase;
  {#border-top: 1px solid #ccc;
  padding-top: 12px; #}
  margin-top: 10px;
}

.gm-style .gm-style-iw-c { padding:0 !important; border-radius:3px !important;  box-shadow: 0 3px 24px 0 rgba(28, 36, 44, 0.6); }
.gm-style .gm-style-iw-c button.gm-ui-hover-effect { top:-4px !important; right:-4px !important; }
.gm-style .gm-style-iw-c button.gm-ui-hover-effect:before { position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate(-50%, -50%); background:#1b1315; content:""; border-radius:100%; }
.gm-style .gm-style-iw-c button.gm-ui-hover-effect img { filter: brightness(0) invert(1); }
.gm-style .gm-style-iw-d { overflow:hidden !important; }