#storepoint-brand {
    display: none!important
}
.storepoint-brand-image {
    display: none!important
}

.storepoint-container {
    background-color: #000000;
    color: #ffffff;
    --storepoint-text-color: #ffffff!important;
    --storepoint-background-color: #000000!important;
  	--storepoint-accent-color: #ffffff;
  	--storepoint-widget-border-radius: 8px
    --storepoint-tag-border-radius: 100vw;
    --storepoint-button-border-radius: 100vw;
  	--storepoint-map-popup-border-radius: 8px;
    --storepoint-medium-text-color: #ffffff;
  	--storepoint-search-bar-background-color: rgba(255, 255, 255, 0.1);
  	--storepoint-search-bar-border-radius: 100vw;
  	--storepoint-dropdown-option-hover-bg: rgba(255, 255, 255, 0.1);
  	--storepoint-dropdown-options-background-color: #232429;
  	--storepoint-dropdown-border-radius: 8px;
  	--storepoint-drowndown-option-font-size: 14px!important;
  	--storepoint-dropdown-font-size: 14px;
  	--storepoint-button-padding: 12px 16px;
  	--storepoint-button-text-color: #000000;
  	--storepoint-directions-color: #000000;
  	--storepoint-mobile-map-height: 40vh;
  	--storepoint-pill-padding: 8px 12px;
}

.storepoint-dropdown-target {
  	background-color: var(--storepoint-search-bar-background-color);
  	border-radius: var(--storepoint-search-bar-border-radius);

}
.storepoint-dropdown-selected-count {
  	color: #ffffff
}

.storepoint-dropdown ul.storepoint-dropdown-options {
	border-radius: var(--storepoint-dropdown-border-radius);
  	scrollbar-width: thin; /* 'auto' or 'thin' */
  	scrollbar-color: #ffffff rgba(255, 255, 255, 0.1); /* thumb color, track color */
}

.storepoint-dropdown-option {
  	padding: 0px 12px; /* reduce vertical padding */
}

.storepoint-dropdown-option-focused {
	background-color: var(--storepoint-dropdown-option-hover-bg)!important;
}

.storepoint-dropdown-option-label {
  	display: flex;
  	align-items: center;
  	gap: 8px;
}

.storepoint-dropdown-option-text {
  	line-height: 1.0; /* tighter line spacing */
}

.storepoint-search-bar button.geolocation-btn:hover {
    color: #00ff63;
    width: auto
}

.storepoint-search-bar .storepoint-vertical-divider {
  	width: 1px;
}
.storepoint-search-bar .storepoint-vertical-divider:before {
  	background: rgba(255, 255, 255, 0.2);
}


.storepoint-buttons {
  	color: #ffffff;
}

.storepoint-map {
  	border-radius: 5px;
}

.google-geocoder-input[data-v-5fad37b7] {
  	color: #ffffff;
  	font-size: 14px;
}

.place-suggestions {
  	border-radius: var(--storepoint-dropdown-border-radius);
}

.new-places-api-container .place-suggestions[data-v-5fad37b7] {
    background-color: var(--storepoint-dropdown-options-background-color);
  	border-radius: var(--storepoint-dropdown-border-radius);
}
.new-places-api-container .place-suggestions .place-suggestion-item[data-v-5fad37b7]:hover,.new-places-api-container .place-suggestions .place-suggestion-item.selected[data-v-5fad37b7] {
    background-color: var(--storepoint-dropdown-option-hover-bg);
}

.storepoint-location {
  	background-color: #000000;
  	color: #ffffff;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.storepoint-results {
  	background-color: #000000;
  	color: #ffffff;
  	height: stretch;
}

.storepoint-search {
  	background-color: #000000;
  	color: #ffffff;
}

/* Ensure other elements start on new line */
.storepoint-tags-container,
.storepoint-text-fields,
.storepoint-icon-links,
.storepoint-address,
.storepoint-contact-details,
.storepoint-buttons {
    width: 100%;
    order: 3;
}

.storepoint-name {
  	font-size: 16px;
  	font-weight: 500;
}

.storepoint-distance {
    order: 1;  /* Keep it at the same level as name */
}

.storepoint-address {
  	order: 2;
  	background-color: #000000;
  	color: rgba(255, 255, 255, 0.7)!important;
  	padding-top: 16px;
}

.storepoint-contact-details {
  	background-color: #000000;
  	color: #ffffff!important;
}

.storepoint-phone {
	display: none;
}

.storepoint-website:before {
  	display: none;
}

.storepoint-link.storepoint-website-link {
  	border: 1px solid white;
  	border-radius: var(--storepoint-button-border-radius);
  	padding: var(--storepoint-pill-padding);
}

.storepoint-link {
  	background-color: #000000;
  	color: #ffffff!important;
}

.storepoint-link:hover {
  	background-color: #ffffff;
  	color: #000000!important;
  	text-decoration: none;
}

.storepoint-directions-button {
  	display: none;
  	background-color: #ffffff!important;
  	color: #000000!important;
  	padding: var(--storepoint-pill-padding);
}

.storepoint-tags-container {
	padding-top: 24px;
	padding-bottom: 24px;
}

.storepoint-tag {
  	border-radius: 100vw;
  	background-color: rgba(255, 255, 255, 0.1);
  	color: #ffffff!important;
  	font-size: 12px;
  	line-height: 1.0;
  	padding: var(--storepoint-pill-padding);
}

.storepoint-tag-group-name {
	display: none;
}

.storepoint-tag-label {
  	color: #ffffff!important;
  	filter: none;
}

.storepoint-tag-items {
	gap: 4px;
}

.storepoint-show-more-button-container button.storepoint-widget-button {
	text-align: center;
  	width: auto;
  	padding: var(--storepoint-pill-padding);
}

.storepoint-location-popup {
	background-color: #ffffff;
  	color: #000000
}

.storepoint-location-popup .storepoint-location-info .storepoint-name {
	padding-top: 8px;
}

.storepoint-location-popup .storepoint-location-info .storepoint-address {
	background-color: #ffffff;
  	color: #000000!important
}

.storepoint-location-popup .storepoint-location-info .storepoint-tags-container {
	display: none;
}

.storepoint-location-popup .storepoint-location-info .storepoint-contact-details {
	display: block;
  	background-color: #ffffff;
  	color: #000000;
}

.storepoint-location-popup .storepoint-location-info .storepoint-contact-details .storepoint-phone {
	display: block;
  	background-color: #ffffff!important;
  	color: #000000!important;
}

.storepoint-location-popup .storepoint-location-info .storepoint-contact-details .storepoint-link.storepoint-phone-link {
  	background-color: #ffffff!important;
  	color: #000000!important;
  	padding-left: 10px;
}

.storepoint-phone:before {
	color: #000000;
}

.storepoint-location-popup .storepoint-location-info .storepoint-contact-details .storepoint-link.storepoint-website-link {
	display: block;
  	background-color: #ffffff;
  	color: #000000!important;
  	padding: 4px 0px;
}

.storepoint-location-popup .storepoint-location-info .storepoint-contact-details .storepoint-website:before {
  	display: block;
	color: #000000;
}

.storepoint-location-popup .storepoint-location-info .storepoint-contact-details .storepoint-link:hover {
	text-decoration: underline;
}

.storepoint-location-popup .storepoint-location-info .storepoint-button .storepoint-directions-button {
	display: block;
}

.mapboxgl-popup-close-button {
	height: 20px;
}

.mapboxgl-ctrl-geocoder .suggestions {
  	background-color: var(--storepoint-dropdown-options-background-color);
  	color: #ffffff;
}

.mapboxgl-ctrl-geocoder .suggestions>.active>a, .mapboxgl-ctrl-geocoder .suggestions>li>a:hover {
	background-color: var(--storepoint-dropdown-option-hover-bg);
    color: #ffffff;
}

.mapboxgl-ctrl-geocoder .suggestions>.active>a, .mapboxgl-ctrl-geocoder .suggestions>li>a {
    color: #ffffff;
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
	display: none;
}


a.mapboxgl-ctrl-logo {
	display: none;
}