/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/css-unicode-loader/index.js!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./cartridges/app_custom_multiopticas_ui/cartridge/client/default/scss/storeLocator.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Multiopticas variables
 *
 * These variables extend the base SFRA configuration and apply to Multiopticas
 * site.
 */
.storelocator-search .storelocator-title {
  font-size: 24px;
}
@media (min-width: 992px) {
  .storelocator-search .storelocator-title {
    font-size: 40px;
  }
}
.storelocator-search .btn-searchlocation {
  width: 100%;
  height: 48px;
}
.storelocator-search .appointment-link:hover {
  text-decoration: none;
  color: #fdfdfc;
}
.storelocator-search .store-list-desktop {
  max-height: 475px;
  overflow-y: auto;
}
.storelocator-search .locator-in-modal #search-map {
  max-height: 525px;
}
.storelocator-search .locator-in-modal #store-details-map {
  max-height: 350px;
}
.storelocator-search .locator-in-modal .map {
  aspect-ratio: 1/1.14;
}
@media (min-width: 992px) {
  .storelocator-search .locator-in-modal .map {
    aspect-ratio: 1/1.3;
  }
}
@media (min-width: 992px) {
  .storelocator-search .btn-searchlocation {
    width: 45%;
  }
  .storelocator-search .store-search {
    width: 40%;
  }
  .storelocator-search .map-list-wrapper {
    min-width: 60%;
  }
  .storelocator-search .storelocator-tab-links {
    display: none;
  }
  .storelocator-search .storelocator-tab-links.in-modal {
    display: block;
  }
}

.storelocator-search-view .btn-geolocalize,
.storelocator-store-view .btn-geolocalize {
  width: 50px;
  height: 50px;
}
.storelocator-search-view .btn-searchlocation-in-modal,
.storelocator-store-view .btn-searchlocation-in-modal {
  width: 50px;
  height: 50px;
  top: 5px;
  right: 5px;
}
.storelocator-search-view .map,
.storelocator-store-view .map {
  width: 100%;
  aspect-ratio: 1/1;
}
.storelocator-search-view .nav-pills > li,
.storelocator-store-view .nav-pills > li {
  width: 50%;
}
.storelocator-search-view .nav-pills .tab-link,
.storelocator-store-view .nav-pills .tab-link {
  border-bottom: 2px solid #c1c1c1;
}
.storelocator-search-view .nav-pills .tab-link.active,
.storelocator-store-view .nav-pills .tab-link.active {
  border-bottom-color: #171612;
}
.storelocator-search-view .nav-pills .tab-link:hover,
.storelocator-store-view .nav-pills .tab-link:hover {
  text-decoration: none;
}

.custom-cluster-marker {
  width: 40px;
  height: 40px;
  background-color: #171612;
  color: #fdfdfc;
  border-radius: 50%;
  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;
  -webkit-box-shadow: 0 0 0 2px #fdfdfc;
          box-shadow: 0 0 0 2px #fdfdfc;
}

.store-badge {
  border: 1px solid transparent;
  border-radius: 8px;
}
.store-badge.isoptica {
  background-color: #D1E7FA;
}
.store-badge.isaudio {
  background-color: #ffe296;
}
.store-badge.issubscription {
  border-color: #D1E7FA;
}
.store-badge.issol {
  background-color: #e8e8e3;
}

/*# sourceMappingURL=storeLocator.css.map*/