/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./code/app_irth/cartridge/client/default/scss/storeLocator.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.store-locator {
  margin-top: 21px;
  font-family: arial;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
  @media (min-width: 1024px) {
    .store-locator {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .store-locator .map-section {
    width: 100%;
    height: auto; }
    @media (min-width: 1024px) {
      .store-locator .map-section {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        height: 100%; } }
  .store-locator .info-section {
    width: 100%;
    padding: 0 14px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    @media (min-width: 1024px) {
      .store-locator .info-section {
        width: 462px;
        padding: 0 55px;
        max-height: 654px;
        overflow-y: auto;
        margin-right: 6px; } }
    .store-locator .info-section::-webkit-scrollbar {
      width: 6px; }
    .store-locator .info-section::-webkit-scrollbar-track {
      background: #fff; }
    .store-locator .info-section::-webkit-scrollbar-thumb {
      background-color: #999;
      border-radius: 0; }
    .store-locator .info-section::-webkit-scrollbar-thumb:hover {
      background-color: #999; }
    .store-locator .info-section .store-locations {
      border-bottom: 1px solid #999;
      margin: 24px 0 0; }
      .store-locator .info-section .store-locations:first-child {
        margin: 0; }
      .store-locator .info-section .store-locations:last-child {
        border: none; }
      .store-locator .info-section .store-locations .store-common {
        margin: 0;
        font-family: arial; }
      .store-locator .info-section .store-locations .location-name {
        font-size: 14px;
        line-height: 16px;
        font-weight: bold;
        color: #000; }
      .store-locator .info-section .store-locations .location-pincode,
      .store-locator .info-section .store-locations .store-contact,
      .store-locator .info-section .store-locations .store-timing {
        margin-top: 10px;
        font-size: 12px;
        line-height: 14px;
        color: #000; }
      .store-locator .info-section .store-locations .store-timing {
        margin-top: 16px; }
        .store-locator .info-section .store-locations .store-timing .open-now-text {
          color: #45a03f;
          font-weight: 500; }
        .store-locator .info-section .store-locations .store-timing .closed {
          color: #f71515; }
          .store-locator .info-section .store-locations .store-timing .closed .opens-at-text {
            color: #000; }
      .store-locator .info-section .store-locations .store-address {
        margin-top: 12px;
        font-size: 12px;
        line-height: 20px;
        color: #000; }
      .store-locator .info-section .store-locations .store-contact {
        margin: 12px 0 16px;
        text-decoration: underline; }
        .store-locator .info-section .store-locations .store-contact .storelocator-phone {
          color: #000; }
        .store-locator .info-section .store-locations .store-contact span {
          margin-right: 8px; }
      .store-locator .info-section .store-locations .store-direction {
        margin: 16px 0 24px; }
        .store-locator .info-section .store-locations .store-direction a {
          font-size: 12px;
          line-height: 14px;
          font-weight: 600;
          text-decoration: underline;
          color: #000; }
        .store-locator .info-section .store-locations .store-direction span {
          margin-left: 6px; }
  .store-locator .map-canvas {
    min-height: 500px;
    margin-bottom: 15px; }
    @media (min-width: 1024px) {
      .store-locator .map-canvas {
        margin-bottom: 0;
        min-height: 654px; } }


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