#map{
	height: 870px;
}
#storeLoader,#noResults{
	position: absolute;
    left: 0px;
    top: 50px;
}
.gm-style-iw-chr {
    position: absolute;
    right: 0;
}
.gm-style-iw-d > div > div {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.gm-style-iw-d h3 {
    font-size: 20px;
    font-weight: 600;
    color: #0f4c81;
	margin: 0;
}
.gm-style-iw-d p {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}
.gm-style-iw-d a {
    color: #fff;
    font-weight: 500;
    padding: 5px 10px;
    background: #b31a23;
    border-radius: 3px;
    display: block;
    text-align: center;
	border: 0 !important;
	outline: none !important;
}
.page-template-temp-store-locator section.store-search {
    padding: 140px 20px;
    background: url(/wp-content/uploads/2026/03/StoreLocator-Banner-Bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-family: 'Poppins';
    color: #fff;
}

.page-template-temp-store-locator section.store-search .container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.page-template-temp-store-locator section.store-search .store-search-box {
    display: flex;
    column-gap: 16px;
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.page-template-temp-store-locator section.store-search .store-breadcrumb {
    display: flex;
    justify-content: center;
    column-gap: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

.page-template-temp-store-locator section.store-search .store-breadcrumb a,
.page-template-temp-store-locator section.store-search .store-breadcrumb p,
.page-template-temp-store-locator section.store-search .store-breadcrumb span {
    color: #fff;
    margin: 0;
}

.page-template-temp-store-locator section.store-search .container .title-section h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1em;
    margin: 0;
}

.page-template-temp-store-locator section.store-search .container .title-section p {
    font-size: 20px;
    font-weight: 300;
    color: #E5E7EB;
    line-height: 1.3em;
}

.input-wrapper {
    width: 100%;
    position: relative;
}

.input-wrapper span#resetSearch {
    position: absolute;
    right: 20px;
    top: 22px;
}

.page-template-temp-store-locator section.store-search .store-search-box input#storeSearch {
    background: transparent;
    color: #fff;
    border: 2px solid #d1d5dc;
    border-radius: 10px;
    padding: 20px 24px;
    outline: none;
}

.page-template-temp-store-locator section.store-search .store-search-box input#storeSearch::placeholder {
    color: #d1d5dc;
}

.page-template-temp-store-locator section.store-search .store-search-box button#searchStore {
    border-radius: 10px;
}

section.store-locator-wrapper {
    width: 100%;
    padding: 80px 20px;
    font-family: 'Poppins';
}

section.store-locator-wrapper .store-grid {
    width: 100%;
    max-width: 1245px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	position: relative;
}

section.store-locator-wrapper .store-grid .store-list,
section.store-locator-wrapper .store-grid .store-map {
    width: 49%;
}
section.store-locator-wrapper .store-grid-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}
section.store-locator-wrapper .store-grid h2 {
    width: 100%;
    font-family: 'Poppins';
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #0F4C81;
}

/* section.store-locator-wrapper .store-grid .store-list {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
} */
section.store-locator-wrapper .store-grid .store-list {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    max-height: 870px;
    overflow-y: scroll;
}

section.store-locator-wrapper .store-grid .store-item {
    padding: 25px;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

section.store-locator-wrapper .store-grid .store-item h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2em;
    color: #0f4c81;
    margin: 0;
}
section.store-locator-wrapper .store-grid .store-item .store-item-info {
    display: flex;
    justify-content: space-between;
}
/* section.store-locator-wrapper .store-grid .store-item .store-item-info {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
} */
section.store-locator-wrapper .store-grid .store-item .store-item-info .icon-list-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

section.store-locator-wrapper .store-grid .store-item .store-item-info .icon-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 12px;
}

section.store-locator-wrapper .store-grid .store-item .store-item-info .icon-list p {
    margin: 0;
    font-size: 14px;
    color: #364153;
    line-height: 20px;
}

.store-item-cta a {
    color: #b31a23;
    font-size: 14px;
    font-weight: 600;
    padding-right: 20px;
    position: relative;
}

.store-item-cta a::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    height: 15px;
    width: 15px;
    background: url(/wp-content/uploads/2026/03/Link-Icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

#map {
    border-radius: 10px;
}

@media screen and (max-width: 1024px) {
	#map{
		height: 650px;
	}
	section.store-locator-wrapper .store-grid .store-list {
		max-height: 650px;
	}
	.page-template-temp-store-locator section.store-search {
		padding: 60px 20px;
	}
	.page-template-temp-store-locator section.store-search .container {
		row-gap: 10px;
	}
	.page-template-temp-store-locator section.store-search .container .title-section h1 {
		font-size: 48px;
		margin-bottom: 10px;
	}
	.page-template-temp-store-locator section.store-search .container .title-section p {
		font-size: 18px;
	}
	.page-template-temp-store-locator section.store-search .store-search-box input#storeSearch {
		padding: 12px 20px;
		height: 100%
	}
	button#searchStore {
		padding: 12px 40px;
	}
	section.store-locator-wrapper {
		padding: 50px 20px;
	}
}
@media screen and (max-width: 768px) {
	#map{
		height: 400px;
	}
	section.store-locator-wrapper .store-grid .store-list {
		max-height: 434px;
	}
	.input-wrapper span#resetSearch {
		top: 15px;
	}
	.page-template-temp-store-locator section.store-search {
		padding: 50px 20px;
	}
	.page-template-temp-store-locator section.store-search .container .title-section h1 {
		font-size: 32px;
	}
	.page-template-temp-store-locator section.store-search .container .title-section p {
		font-size: 16px;
	}
	.page-template-temp-store-locator section.store-search .store-search-box {
		flex-direction: column;
		row-gap: 10px;
	}
	#storeLoader, #noResults {
		top: 110px;
	}
	section.store-locator-wrapper .store-grid-header {
		flex-direction: column;
	}
	section.store-locator-wrapper .store-grid .store-list, section.store-locator-wrapper .store-grid .store-map {
		width: 100%;
	}
	section.store-locator-wrapper .store-grid .store-list {
		margin-bottom: 20px;
	}
}