/*** *** Media query *** ***/ /*** *** Grid system *** ***/ /*** *** Colors *** ***/ /* Secondary colors */ /* Grey scale */ /* Functional colors */ /* Benefeet color */ /* * Altezza bottoni * 3 tipologia: default, big, small */ /* * Mixin reverse */ /* * Header style mixin: trasparent header and gradient */ /* * Font setting * Size, weight, line-height, letter-spacing */ .discoverRegionSL-swal .swal2-title { padding: 0 56px 24px 56px; max-width: 500px; white-space: wrap; } @media (max-width: 767px) { .discoverRegionSL-swal .swal2-title { padding: 0 45px 16px 14px; max-width: none; } } .discoverRegionSL-swal .discoverRegionSL-swal-container { border-top: 1px solid #DBDBDB; margin: 48px 0 0 0; } @media (max-width: 767px) { .discoverRegionSL-swal .discoverRegionSL-swal-container { margin: 33px -16px 0 !important; padding-top: 23px !important; } } @media (min-width: 1280px) { .discoverRegionSL-swal .discoverRegionSL-swal-container .content-asset { margin: 48px 56px 0; } } @media (max-width: 767px) { .discoverRegionSL-swal .discoverRegionSL-swal-container .content-asset { padding: 0 32px; } } .whyUsefulSL-swal .swal2-title { border-bottom: 1px solid #DBDBDB; } .discoverRegionSL-swal, .whyUsefulSL-swal { padding: 0 !important; height: 100dvh; } .discoverRegionSL-swal .swal2-html-container-sl, .whyUsefulSL-swal .swal2-html-container-sl { height: 100dvh; } @media (max-width: 767px) { .discoverRegionSL-swal .swal2-html-container-sl, .whyUsefulSL-swal .swal2-html-container-sl { width: 100vw; } } .discoverRegionSL-swal .swal2-popup .swal2-close, .whyUsefulSL-swal .swal2-popup .swal2-close { margin: 24px 56px 0 0; z-index: 3; } @media (max-width: 767px) { .discoverRegionSL-swal .swal2-popup .swal2-close, .whyUsefulSL-swal .swal2-popup .swal2-close { margin: 16px 14px 0 0; font-size: 27px; } } .discoverRegionSL-swal .swal2-title, .whyUsefulSL-swal .swal2-title { color: #000000; font-family: Open Sans; padding-bottom: 16px; font-size: 24px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; position: absolute; top: 20px; text-transform: uppercase; padding: 0 0 24px 56px; width: 100%; text-align: left; background-color: #ffffff; z-index: 2; } @media (max-width: 767px) { .discoverRegionSL-swal .swal2-title, .whyUsefulSL-swal .swal2-title { padding: 0 45px 16px 14px; top: 15px; } } .discoverRegionSL-swal .whyUsefulSL-swal-container, .whyUsefulSL-swal .whyUsefulSL-swal-container { margin: 48px 56px 0; } .discoverRegionSL-swal .discoverRegionSL-swal-container, .discoverRegionSL-swal .whyUsefulSL-swal-container, .whyUsefulSL-swal .discoverRegionSL-swal-container, .whyUsefulSL-swal .whyUsefulSL-swal-container { height: 84vh; -ms-overflow-style: none; scrollbar-width: none; } @media (max-width: 767px) { .discoverRegionSL-swal .discoverRegionSL-swal-container, .discoverRegionSL-swal .whyUsefulSL-swal-container, .whyUsefulSL-swal .discoverRegionSL-swal-container, .whyUsefulSL-swal .whyUsefulSL-swal-container { margin: 0px 16px 0; padding-top: 46px; padding-bottom: 62px; } } .discoverRegionSL-swal .discoverRegionSL-swal-container::-webkit-scrollbar, .discoverRegionSL-swal .whyUsefulSL-swal-container::-webkit-scrollbar, .whyUsefulSL-swal .discoverRegionSL-swal-container::-webkit-scrollbar, .whyUsefulSL-swal .whyUsefulSL-swal-container::-webkit-scrollbar { display: none; } .discoverRegionSL-swal .discoverRegionSL-swal-container .discoverRegion-subtitle, .discoverRegionSL-swal .whyUsefulSL-swal-container .discoverRegion-subtitle, .whyUsefulSL-swal .discoverRegionSL-swal-container .discoverRegion-subtitle, .whyUsefulSL-swal .whyUsefulSL-swal-container .discoverRegion-subtitle { text-align: left; margin-bottom: 24px; } @media (max-width: 767px) { .discoverRegionSL-swal .discoverRegionSL-swal-container .discoverRegion-subtitle, .discoverRegionSL-swal .whyUsefulSL-swal-container .discoverRegion-subtitle, .whyUsefulSL-swal .discoverRegionSL-swal-container .discoverRegion-subtitle, .whyUsefulSL-swal .whyUsefulSL-swal-container .discoverRegion-subtitle { text-align: center; } } .discoverRegionSL-swal .discoverRegionSL-swal-container .why-useful-titles, .discoverRegionSL-swal .whyUsefulSL-swal-container .why-useful-titles, .whyUsefulSL-swal .discoverRegionSL-swal-container .why-useful-titles, .whyUsefulSL-swal .whyUsefulSL-swal-container .why-useful-titles { text-align: left; margin-bottom: 0; font-size: 24px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; color: #000000; padding-bottom: 8px; } @media (max-width: 767px) { .discoverRegionSL-swal .discoverRegionSL-swal-container .why-useful-titles, .discoverRegionSL-swal .whyUsefulSL-swal-container .why-useful-titles, .whyUsefulSL-swal .discoverRegionSL-swal-container .why-useful-titles, .whyUsefulSL-swal .whyUsefulSL-swal-container .why-useful-titles { font-size: 20px !important; font-weight: 400; line-height: 140%; letter-spacing: normal; } } .discoverRegionSL-swal .discoverRegionSL-swal-container .why-useful-text, .discoverRegionSL-swal .whyUsefulSL-swal-container .why-useful-text, .whyUsefulSL-swal .discoverRegionSL-swal-container .why-useful-text, .whyUsefulSL-swal .whyUsefulSL-swal-container .why-useful-text { text-align: left; font-size: 16px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; color: #373A36; padding-bottom: 24px; } @media (max-width: 767px) { .discoverRegionSL-swal .discoverRegionSL-swal-container .why-useful-text, .discoverRegionSL-swal .whyUsefulSL-swal-container .why-useful-text, .whyUsefulSL-swal .discoverRegionSL-swal-container .why-useful-text, .whyUsefulSL-swal .whyUsefulSL-swal-container .why-useful-text { font-size: 14px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; } } .discoverRegionSL-swal .discoverRegionSL-swal-container .discoverRegion-title, .discoverRegionSL-swal .discoverRegionSL-swal-container .discoverRegion-subtitle, .discoverRegionSL-swal .whyUsefulSL-swal-container .discoverRegion-title, .discoverRegionSL-swal .whyUsefulSL-swal-container .discoverRegion-subtitle, .whyUsefulSL-swal .discoverRegionSL-swal-container .discoverRegion-title, .whyUsefulSL-swal .discoverRegionSL-swal-container .discoverRegion-subtitle, .whyUsefulSL-swal .whyUsefulSL-swal-container .discoverRegion-title, .whyUsefulSL-swal .whyUsefulSL-swal-container .discoverRegion-subtitle { color: #000000; font-size: 24px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; } @media (max-width: 767px) { .discoverRegionSL-swal .discoverRegionSL-swal-container .discoverRegion-breadcrumb, .discoverRegionSL-swal .whyUsefulSL-swal-container .discoverRegion-breadcrumb, .whyUsefulSL-swal .discoverRegionSL-swal-container .discoverRegion-breadcrumb, .whyUsefulSL-swal .whyUsefulSL-swal-container .discoverRegion-breadcrumb { font-size: 12px !important; font-weight: 700; line-height: 140%; letter-spacing: normal; color: #373A36; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; padding-bottom: 16px; } } .discoverRegionSL-swal .discoverRegionSL-swal-container .discoverRegion-breadcrumb .icon-Back, .discoverRegionSL-swal .whyUsefulSL-swal-container .discoverRegion-breadcrumb .icon-Back, .whyUsefulSL-swal .discoverRegionSL-swal-container .discoverRegion-breadcrumb .icon-Back, .whyUsefulSL-swal .whyUsefulSL-swal-container .discoverRegion-breadcrumb .icon-Back { font-size: 20px; font-weight: 600; } .discoverRegionSL-swal .discoverRegionSL-swal-container .region-accordion, .discoverRegionSL-swal .whyUsefulSL-swal-container .region-accordion, .whyUsefulSL-swal .discoverRegionSL-swal-container .region-accordion, .whyUsefulSL-swal .whyUsefulSL-swal-container .region-accordion { border-bottom: solid 1px #F2F2F2; padding: 16px; } .discoverRegionSL-swal .discoverRegionSL-swal-container .region-item, .discoverRegionSL-swal .whyUsefulSL-swal-container .region-item, .whyUsefulSL-swal .discoverRegionSL-swal-container .region-item, .whyUsefulSL-swal .whyUsefulSL-swal-container .region-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; } .discoverRegionSL-swal .discoverRegionSL-swal-container .region-item h4, .discoverRegionSL-swal .whyUsefulSL-swal-container .region-item h4, .whyUsefulSL-swal .discoverRegionSL-swal-container .region-item h4, .whyUsefulSL-swal .whyUsefulSL-swal-container .region-item h4 { color: #000000; font-size: 16px !important; font-weight: 600; line-height: 130%; letter-spacing: normal; margin-bottom: 0; } @media (max-width: 767px) { .discoverRegionSL-swal .discoverRegionSL-swal-container .region-item h4, .discoverRegionSL-swal .whyUsefulSL-swal-container .region-item h4, .whyUsefulSL-swal .discoverRegionSL-swal-container .region-item h4, .whyUsefulSL-swal .whyUsefulSL-swal-container .region-item h4 { font-size: 14px !important; font-weight: 600; line-height: 130%; letter-spacing: normal; } } .discoverRegionSL-swal .discoverRegionSL-swal-container .region-item i, .discoverRegionSL-swal .whyUsefulSL-swal-container .region-item i, .whyUsefulSL-swal .discoverRegionSL-swal-container .region-item i, .whyUsefulSL-swal .whyUsefulSL-swal-container .region-item i { font-size: 24px; padding-top: 6px; } .discoverRegionSL-swal .discoverRegionSL-swal-container .provinces-list, .discoverRegionSL-swal .whyUsefulSL-swal-container .provinces-list, .whyUsefulSL-swal .discoverRegionSL-swal-container .provinces-list, .whyUsefulSL-swal .whyUsefulSL-swal-container .provinces-list { display: grid; gap: 12px; } .discoverRegionSL-swal .discoverRegionSL-swal-container .provinces-list .provinces-SL h5, .discoverRegionSL-swal .whyUsefulSL-swal-container .provinces-list .provinces-SL h5, .whyUsefulSL-swal .discoverRegionSL-swal-container .provinces-list .provinces-SL h5, .whyUsefulSL-swal .whyUsefulSL-swal-container .provinces-list .provinces-SL h5 { color: #000000; text-align: left; font-size: 16px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; margin-bottom: 0; } @media (max-width: 767px) { .discoverRegionSL-swal .discoverRegionSL-swal-container .provinces-list .provinces-SL h5, .discoverRegionSL-swal .whyUsefulSL-swal-container .provinces-list .provinces-SL h5, .whyUsefulSL-swal .discoverRegionSL-swal-container .provinces-list .provinces-SL h5, .whyUsefulSL-swal .whyUsefulSL-swal-container .provinces-list .provinces-SL h5 { font-size: 14px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; } } .discoverRegionSL-swal .discoverRegionSL-swal-container .provinces-list .provinces-SL:first-of-type, .discoverRegionSL-swal .whyUsefulSL-swal-container .provinces-list .provinces-SL:first-of-type, .whyUsefulSL-swal .discoverRegionSL-swal-container .provinces-list .provinces-SL:first-of-type, .whyUsefulSL-swal .whyUsefulSL-swal-container .provinces-list .provinces-SL:first-of-type { padding-top: 16px; } .storeLocatorPage .product-count { font-size: 12px !important; font-weight: 400; line-height: 140%; letter-spacing: normal; text-transform: lowercase; } .storeLocatorPage .store-locator-heading { gap: 64px; padding-top: 45px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .storeLocatorPage .store-locator-heading { padding-top: 16px; } } .storeLocatorPage .store-locator-heading .store-locator-title h1 { color: #000000; font-size: 32px !important; font-weight: 300; line-height: 130%; letter-spacing: normal; padding-bottom: 16px; } @media (max-width: 767px) { .storeLocatorPage .store-locator-heading .store-locator-title h1 { font-size: 28px !important; font-weight: 300; line-height: 130%; letter-spacing: normal; } } .storeLocatorPage .store-locator-heading .store-locator-subtitle { color: #373A36; padding-bottom: 32px; font-size: 16px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; } @media (max-width: 767px) { .storeLocatorPage .store-locator-heading .store-locator-subtitle { padding-bottom: 24px; } } .storeLocatorPage .discover-region-top, .storeLocatorPage .discover-region-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .storeLocatorPage .discover-region-top.no-regions, .storeLocatorPage .discover-region-bottom.no-regions { visibility: hidden; } .storeLocatorPage .discover-region-top .btn-discover-region, .storeLocatorPage .discover-region-bottom .btn-discover-region { background-color: #F2F2F2 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #000000 !important; font-size: 14px !important; font-weight: 600; line-height: 130%; letter-spacing: normal; padding: 8px 16px !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-transform: none !important; gap: 16px; } .storeLocatorPage .discover-region-top .btn-discover-region i, .storeLocatorPage .discover-region-bottom .btn-discover-region i { font-size: 24px; } .storeLocatorPage .discover-region-top .btn-discover-region .icon-Store, .storeLocatorPage .discover-region-bottom .btn-discover-region .icon-Store { padding-top: 2px; } .storeLocatorPage .discover-region-top .btn-discover-region .icon-Arrow-Right, .storeLocatorPage .discover-region-bottom .btn-discover-region .icon-Arrow-Right { padding-top: 4px; } .storeLocatorPage .discover-region-bottom { margin: 32px 0; } .storeLocatorPage .sidebarWrapper .storeFilterContainer { margin-top: 16px; } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .storeFilterContainer { margin-top: 32px; } } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion { background-color: #F2F2F2; color: #000000; } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion .filter-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px !important; font-weight: 600; line-height: 130%; letter-spacing: normal; padding: 16px; border-bottom: solid 1px #ffffff; cursor: pointer; } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion .filter-item i { font-size: 20px; } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion .filter-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 16px; } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion .filter-list .filter-box .filter-name-modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 8px; } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion .filter-list .filter-box .filter-name-modal .why-useful-modal { text-align: right; font-size: 12px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; color: #6A6A6A; cursor: pointer; text-decoration: underline; } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion .filter-list .filter-box .filter-name { font-size: 14px !important; font-weight: 600; line-height: 130%; letter-spacing: normal; padding-bottom: 8px; } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion .filter-list .filter-box .filter-option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; gap: 12px; padding-bottom: 16px; } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion .filter-list .filter-box .filter-option input { margin-right: 0; } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion .filter-list .filter-box .filter-option label { margin: 0; cursor: pointer; } .storeLocatorPage .sidebarWrapper .storeFilterContainer .filter-accordion .filter-list .filter-box .filter-option .availableNum { color: #818181; font-size: 12px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; cursor: pointer; } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .switch-view-sl { display: block !important; } } .storeLocatorPage .sidebarWrapper .switch-view-sl .switch-view-sl-container { padding: 16px 0 0; position: relative; } .storeLocatorPage .sidebarWrapper .switch-view-sl .switch-view-sl-container:after { content: ""; border-bottom: 1px solid #F2F2F2; position: absolute; left: -15px; right: -15px; } .storeLocatorPage .sidebarWrapper .switch-view-sl .switch-view-sl-container .switch-view-sl-menu { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .storeLocatorPage .sidebarWrapper .switch-view-sl .switch-view-sl-container .switch-view-sl-menu .switch-view-sl-item { color: #373A36; min-width: 40px; font-size: 14px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; cursor: pointer; } .storeLocatorPage .sidebarWrapper .switch-view-sl .switch-view-sl-container .switch-view-sl-menu .switch-view-sl-item.selected { font-size: 14px !important; font-weight: 700; line-height: 130%; letter-spacing: normal; letter-spacing: 1.4px; text-decoration: underline; text-decoration: none !important; } .storeLocatorPage .sidebarWrapper .switch-view-sl .switch-view-sl-container .switch-view-sl-menu .switch-view-sl-item.selected span { border-bottom: 2px solid #373A36 !important; } .storeLocatorPage .sidebarWrapper .switch-view-sl .switch-view-sl-container .switch-view-sl-menu .switch-view-sl-item.selected span:hover { padding-bottom: 16px; margin-bottom: 0px; } .storeLocatorPage .sidebarWrapper .switch-view-sl .switch-view-sl-container .switch-view-sl-menu .switch-view-sl-item span { display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 8px 0 16px; } .storeLocatorPage .sidebarWrapper .switch-view-sl .switch-view-sl-container .switch-view-sl-menu .switch-view-sl-item span:hover { padding-bottom: 17px; border-bottom: 1px solid #373A36; margin-bottom: -1px; } .storeLocatorPage .sidebarWrapper .storeListFilter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; color: #373A36; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 16px; margin-bottom: 8px; } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .storeListFilter { margin-bottom: 16px; } } .storeLocatorPage .sidebarWrapper .storeListFilter .storesAvailableNumber { height: 31px; background-color: #F2F2F2; color: #818181; font-size: 10px !important; font-weight: 600; line-height: 150%; letter-spacing: normal; padding: 8px; text-transform: uppercase; white-space: nowrap; } .storeLocatorPage .sidebarWrapper .storeListFilter .toggleBenefeet { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .storeLocatorPage .sidebarWrapper .storeListFilter .toggleBenefeet .switch { margin-left: -10px; } .storeLocatorPage .sidebarWrapper .storeListFilter .toggleBenefeet .benefeet-service-label { white-space: nowrap; } .storeLocatorPage .sidebarWrapper .storeTileContainer { height: inherit; overflow: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; padding-right: 5px; scrollbar-width: thin; scrollbar-color: #C5C5C5 #ffffff; margin-right: -10px; } .storeLocatorPage .sidebarWrapper .storeTileContainer:last-child { margin-bottom: 10px; } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .storeTileContainer { overflow: unset; margin-right: 0; padding-right: 0; } } .storeLocatorPage .sidebarWrapper .storeTileContainer::-webkit-scrollbar-track { border-radius: 23px; } .storeLocatorPage .sidebarWrapper .storeTileContainer::-webkit-scrollbar { width: 5px; height: 4px; } .storeLocatorPage .sidebarWrapper .storeTileContainer::-webkit-scrollbar-thumb { border-radius: 73px; background-color: #C5C5C5; } .storeLocatorPage .sidebarWrapper .storeTileContainer .no-store-found-box { text-align: center; } .storeLocatorPage .sidebarWrapper .storeTileContainer .no-store-found-box .no-store-title { color: #373A36; font-size: 16px !important; font-weight: 700; line-height: 160%; letter-spacing: normal; text-transform: uppercase; padding-top: 32px; } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .storeTileContainer .no-store-found-box .no-store-title { font-size: 14px !important; font-weight: 700; line-height: 160%; letter-spacing: normal; padding-top: 16px; } } .storeLocatorPage .sidebarWrapper .storeTileContainer .no-store-found-box .no-store-text { color: #373A36; font-size: 16px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .storeTileContainer .no-store-found-box .no-store-text { font-size: 14px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; } } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow { border: solid 1px #C5C5C5; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow.active { border-color: #3D3D3D; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow.hideBenefeet { display: none !important; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-top-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-top-info .sl-store-name { color: #000000; font-size: 14px !important; font-weight: 700; line-height: 140%; letter-spacing: normal; } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-top-info .sl-store-name { font-size: 12px !important; font-weight: 700; line-height: 140%; letter-spacing: normal; } } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-top-info .sd-favourite-label { font-size: 28px; height: 32px; width: 32px; border-radius: 50px; background-color: #F2F2F2; color: #000000; position: relative; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-top-info .sd-favourite-label .icon-Star { 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; font-size: 32px; padding-top: 2px; } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-top-info .sd-favourite-label .icon-Star { font-size: 22px !important; padding-top: 3px; padding-left: 1px; } } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-top-info .sd-favourite-label .icon-Star-Active { 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; font-size: 21px; padding-top: 6px; } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-top-info .sd-favourite-label .icon-Star-Active { padding-top: 6px; font-size: 14px !important; } } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-top-info .sd-favourite-label { height: 24px; width: 24px; font-size: 20px; } } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .sl-store-address { color: #818181; font-size: 10px !important; font-weight: 400; line-height: 150%; letter-spacing: normal; text-transform: none; padding-top: 8px; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .sl-store-phone { color: #6A6A6A; font-size: 12px !important; font-weight: 600; line-height: 150%; letter-spacing: normal; } @media (max-width: 767px) { .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .sl-store-phone { font-size: 10px !important; font-weight: 600; line-height: 150%; letter-spacing: normal; } } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-services-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 4px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-services-container .sl-service-btn { background-color: #F2F2F2 !important; height: 24px; padding: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 4px; color: #373A36; text-transform: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 10px !important; font-weight: 400; line-height: 150%; letter-spacing: normal; cursor: default; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .store-services-container .sl-service-btn i { font-size: 16px; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .btn-action-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .btn-action-container .btns { gap: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) and (max-width: 1279px) { .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .btn-action-container .btns { gap: 16px; } } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .btn-action-container .btns .sl-store-action-btn { text-transform: none; font-size: 12px !important; font-weight: 700; line-height: 160%; letter-spacing: normal; padding-top: 14px; height: unset !important; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .btn-action-container .btns .sl-store-action-btn:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .storeLocatorPage .sidebarWrapper .storeTileContainer .custom-infowindow .btn-action-container .btns .sl-store-action-btn.details-modal { display: none; } .sl-store-label { height: 22px; padding: 4px; font-size: 10px !important; font-weight: 600; line-height: 140%; letter-spacing: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; margin-bottom: 0; white-space: nowrap; } .sl-store-label.franchising { background-color: rgba(130, 122, 4, 0.1); color: #827A04; } .sl-store-label.directly-op { background-color: rgba(135, 38, 81, 0.1); color: #872651; } .sidebarAndMapWrapper { border: solid 1px #DBDBDB; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; margin-bottom: 70px; } @media (max-width: 767px) { .sidebarAndMapWrapper { display: block; margin-bottom: 0; border: none; } .sidebarAndMapWrapper.showList .mapWrapper { display: none; } .sidebarAndMapWrapper.showMap .storeTileContainer { display: none; } } .sidebarAndMapWrapper .sidebarWrapper { width: 439px; min-width: 439px; max-width: 439px; height: 160vh; padding: 32px 16px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sidebarAndMapWrapper .sidebarWrapper .label-font-m { color: #373A36; } .sidebarAndMapWrapper .sidebarWrapper #getCurPos { cursor: pointer; position: absolute; top: -2px; } .sidebarAndMapWrapper .sidebarWrapper #getCurPos:after { content: ""; display: inline-block; background-color: #F2F2F2; width: 24px; height: 24px; border-radius: 100%; position: absolute; right: 16px; top: 14px; } .sidebarAndMapWrapper .sidebarWrapper #getCurPos:before { position: absolute; top: 14px; right: 16px; z-index: 1; font-size: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 4px; } .sidebarAndMapWrapper .sidebarWrapper #getCurPos.disabled { opacity: 0.5; pointer-events: none; } .sidebarAndMapWrapper .sidebarWrapper #getCurPos.disabled::before { -webkit-animation: rotating 2s linear infinite; } .sidebarAndMapWrapper .sidebarWrapper #getCurPos.moveLeft { right: 18px; -webkit-animation: slide 5s forwards; animation: slide 5s forwards; } .sidebarAndMapWrapper .sidebarWrapper .clear-input { display: none; position: absolute; right: 0; top: calc(50% - -2px); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 10px 8px 10px 12px; cursor: pointer; font-size: 19px; } .sidebarAndMapWrapper .sidebarWrapper .clear-input.show { display: block; } @media (min-width: 768px) and (max-width: 1279px) { .sidebarAndMapWrapper .sidebarWrapper { width: 320px; min-width: 320px; max-width: 320px; } } @media (max-width: 767px) { .sidebarAndMapWrapper .sidebarWrapper { width: 100%; min-width: 100%; max-width: 100%; height: auto; padding: 0; overflow: unset; } } .sidebarAndMapWrapper .mapWrapper { width: 100%; height: 80vh; position: relative; } @media (max-width: 767px) { .sidebarAndMapWrapper .mapWrapper { height: 360px; } } .sidebarAndMapWrapper .mapWrapper .storesTitle { height: 46px; background-color: #ffffff; width: auto; display: inline-block; font-size: 18px; line-height: 46px; color: #000000; position: absolute; left: 23px; top: 23px; padding-left: 12px; padding-right: 12px; z-index: 2; pointer-events: none; font-weight: 600; } @media (max-width: 767px) { .sidebarAndMapWrapper .mapWrapper .storesTitle { height: 32px; left: 16px; top: 16px; padding-left: 8px; padding-right: 8px; font-size: 12px; line-height: 32px; } } .sidebarAndMapWrapper .mapWrapper #mapcontainer { width: 100%; height: 100%; background-color: #F2F2F2; } .sidebarAndMapWrapper .mapWrapper #mapcontainer > div { margin: 12px 0 !important; height: calc(100% - 12px) !important; width: calc(100% - 12px) !important; } @media (max-width: 767px) { .sidebarAndMapWrapper .mapWrapper #mapcontainer > div { margin: 8px 0 !important; height: calc(100% - 8px) !important; width: calc(100% - 8px) !important; } } .sidebarAndMapWrapper .mapWrapper #mapcontainer .gm-bundled-control div { border-radius: 0px !important; } .sidebarAndMapWrapper .mapWrapper #mapcontainer .gm-style button.gm-control-active { border-radius: 0px !important; } .storeDetailPage .storeDetailTopBanner { background-color: #C8D8EB; min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; padding: 32px 0 32px 0; text-transform: uppercase; margin: 32px 0; } @media (max-width: 767px) { .storeDetailPage .storeDetailTopBanner { margin: 16px 0; padding: 16px 0 16px 0; } } .storeDetailPage .storeDetailTopBanner h1 { font-size: 32px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; color: #000000; margin-bottom: 0; } @media (max-width: 767px) { .storeDetailPage .storeDetailTopBanner h1 { font-size: 20px !important; font-weight: 400; line-height: 130%; letter-spacing: normal; } } .storeDetailPage .sidebarAndMapWrapper { margin-bottom: 32px; } @media (max-width: 767px) { .storeDetailPage .sidebarAndMapWrapper { margin-bottom: 24px; border: none; } } .storeDetailPage .sidebarWrapper { padding: 16px 8px 0 16px; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper { padding: 0; } } .storeDetailPage .sidebarWrapper .storeTileContainer { height: 100%; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .storeTileContainer { height: unset; } } .storeDetailPage .sidebarWrapper .custom-infowindow { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .storeDetailPage .sidebarWrapper .store-top-info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .storeDetailPage .sidebarWrapper .store-top-info .sl-store-name { color: #000000; font-size: 18px !important; font-weight: 700; line-height: 140%; letter-spacing: normal; text-transform: uppercase; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .store-top-info .sl-store-name { font-size: 16px !important; font-weight: 700; line-height: 140%; letter-spacing: normal; } } .storeDetailPage .sidebarWrapper .store-top-info .sd-favourite-label { font-size: 35px; height: 40px; width: 40px; border-radius: 50px; background-color: #F2F2F2; color: #000000; position: relative; } .storeDetailPage .sidebarWrapper .store-top-info .sd-favourite-label .icon-Star { 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; font-size: 40px; padding-top: 2px; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .store-top-info .sd-favourite-label .icon-Star { font-size: 22px !important; padding-top: 3px; padding-left: 1px; } } .storeDetailPage .sidebarWrapper .store-top-info .sd-favourite-label .icon-Star-Active { 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; font-size: 27px; padding-top: 8px; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .store-top-info .sd-favourite-label .icon-Star-Active { padding-top: 6px; font-size: 14px !important; } } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .store-top-info .sd-favourite-label { height: 24px; width: 24px; font-size: 20px; } } .storeDetailPage .sidebarWrapper .store-top-info .sd-favourite-label.favourite-tooltip { position: relative; cursor: pointer; } @media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) { .storeDetailPage .sidebarWrapper .store-top-info .sd-favourite-label.favourite-tooltip .text-hide-mobile { display: none; } } .storeDetailPage .sidebarWrapper .store-address-infobox { border-bottom: solid 1px #DBDBDB; padding: 8px 0 24px; margin-bottom: 24px; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .store-address-infobox { padding: 8px 0 16px; margin-bottom: 16px; } } .storeDetailPage .sidebarWrapper .store-address-infobox .sl-store-address { color: #818181; font-size: 14px !important; font-weight: 400; line-height: 150%; letter-spacing: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .storeDetailPage .sidebarWrapper .store-address-infobox .directionsbtn { width: 100%; } .storeDetailPage .sidebarWrapper .store-address-infobox .directionsbtn .icon-Directions { padding-top: 3px; font-size: 21px; } .storeDetailPage .sidebarWrapper .sd-bottom-info { overflow: auto; padding-right: 5px; scrollbar-width: thin; scrollbar-color: #C5C5C5 #ffffff; margin-right: -10px; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .sd-bottom-info { padding-right: 0; } } .storeDetailPage .sidebarWrapper .sd-bottom-info::-webkit-scrollbar-track { border-radius: 23px; } .storeDetailPage .sidebarWrapper .sd-bottom-info::-webkit-scrollbar { width: 5px; height: 4px; } .storeDetailPage .sidebarWrapper .sd-bottom-info::-webkit-scrollbar-thumb { border-radius: 73px; background-color: #C5C5C5; } .storeDetailPage .sidebarWrapper .sd-bottom-info .sl-store-phone h3, .storeDetailPage .sidebarWrapper .sd-bottom-info .sd-schedule h3, .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container h3, .storeDetailPage .sidebarWrapper .sd-bottom-info .typology-heading h3 { font-size: 16px !important; font-weight: 600; line-height: 130%; letter-spacing: normal; color: #000000; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .sd-bottom-info .sl-store-phone h3, .storeDetailPage .sidebarWrapper .sd-bottom-info .sd-schedule h3, .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container h3, .storeDetailPage .sidebarWrapper .sd-bottom-info .typology-heading h3 { font-size: 14px !important; font-weight: 600; line-height: 140%; letter-spacing: normal; } } .storeDetailPage .sidebarWrapper .sd-bottom-info .sl-store-phone { font-size: 14px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; color: #818181; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .storeDetailPage .sidebarWrapper .sd-bottom-info .phonebtn { width: 100%; } .storeDetailPage .sidebarWrapper .sd-bottom-info .phonebtn i { padding-top: 2px; font-size: 19px; } .storeDetailPage .sidebarWrapper .sd-bottom-info .sd-schedule h3 { margin-bottom: 8px; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .sd-bottom-info .sd-schedule h3 { margin-bottom: 4px; } } .storeDetailPage .sidebarWrapper .sd-bottom-info .sd-schedule .day-schedule p { color: #818181; font-size: 14px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; margin-bottom: 4px; } .storeDetailPage .sidebarWrapper .sd-bottom-info .sd-schedule .day-schedule p:last-of-type { margin-bottom: 0; } .storeDetailPage .sidebarWrapper .sd-bottom-info .sd-schedule .day-schedule p:first-of-type:not(:only-of-type) { display: none; } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container h3 { margin-bottom: 8px; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container h3 { margin-bottom: 4px; } } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container .store-service { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 16px; } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container .store-service:last-of-type { margin-bottom: 24px; } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container .store-service .sl-service-btn { background-color: #F2F2F2 !important; height: 26px; padding: 5px 8px; gap: 4px; color: #373A36; text-transform: none; font-size: 12px !important; font-weight: 400; line-height: 150%; letter-spacing: normal; cursor: default; margin-bottom: 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container .store-service .sl-service-btn { margin-bottom: 4px; padding: 4px 8px; } } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container .store-service .sl-service-btn i { font-size: 16px; } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container .store-service .sl-service-btn.return-btn i, .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container .store-service .sl-service-btn.benefeet-btn i { font-size: 17px; } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container .store-service .service-desc { color: #373A36; font-size: 14px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; word-wrap: break-word; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .sd-bottom-info .store-services-container .store-service .service-desc { font-size: 12px !important; font-weight: 400; line-height: 150%; letter-spacing: normal; } } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .sd-bottom-info .store-type-container { padding-bottom: 32px; } } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-type-container .typology-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-type-container .typology-heading h3 { margin-bottom: 0px; } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-type-container .store-type-desc { color: #818181; font-size: 14px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; } @media (max-width: 767px) { .storeDetailPage .sidebarWrapper .sd-bottom-info .store-type-container .store-type-desc { font-size: 12px !important; font-weight: 400; line-height: 150%; letter-spacing: normal; } } .storeDetailPage .sidebarWrapper .sd-bottom-info .store-type-container .store-type-desc .why-useful-modal { color: #000000; text-decoration: underline; font-weight: 600; cursor: pointer; } .storeDetailPage .store-bottom-msg { color: #818181; font-size: 16px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; width: 70vw; margin-bottom: 56px; } @media (max-width: 767px) { .storeDetailPage .store-bottom-msg { font-size: 14px !important; font-weight: 400; line-height: 160%; letter-spacing: normal; width: 100%; margin-bottom: 32px; } } .page[data-action="Stores-Participate"] { background-color: #F2F2F2; } @media (max-width: 767px) { .page[data-action="Stores-Participate"] { background-color: none; } } .sidebarWrapper .tooltip.show { opacity: 1 !important; } .sidebarWrapper .tooltip .tooltip-inner { width: 166px; height: auto; background-color: #000000; color: #ffffff; font-size: 12px !important; font-weight: 400; line-height: 140%; letter-spacing: normal; text-align: center; border-radius: 0px; padding: 16px; position: absolute; left: -149px; z-index: 1; } @media (max-width: 767px) { .sidebarWrapper .tooltip .tooltip-inner { left: -152px; } } .sidebarWrapper .tooltip .tooltip-inner .tooltiptext { gap: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sidebarWrapper .tooltip .tooltip-inner .btn-light { color: #373A36 !important; font-size: 10px !important; font-weight: 700; line-height: 160%; letter-spacing: normal; margin: 0 8px; height: 32px; background-color: #ffffff; } .sidebarWrapper .tooltip .tooltip-inner .btn-light:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .sidebarWrapper .tooltip .arrow { left: -6px !important; } @media (max-width: 767px) { .sidebarWrapper .tooltip .arrow { left: -5px !important; } } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }