/* Fix spacing at top */
#store-locator-container {
	padding: 0;
}
#page-container #store-locator-section-bg {
	margin-top: 0;
	padding: 0;
}
/* Get rid of stuff above the map */
#storeLocator__topHalf {
	display: none !important;
}
.mapintro {
	display: none;
}

/* Set map height to same height as #ssf-preloader block (700px), we also need to ensure the container matches this to avoid the absolutely positioned map overflowing the footer */
.store-locator-map-holder {
	min-height: 700px; 
}
#main-content .store-locator-map {
	height: 700px;
}
/* On mobile, height is 435px */
@media only screen and (max-width: 64em) {
	.store-locator-map-holder {
		min-height: 435px;
	}
	#main-content .store-locator-map {
		top: 0;
		height: 435px;
	}
}

/* Get rid of store list at bottom */
#main-content .store-locator-bottom-half > div {
	display: none;
}
/* But show the mobile infobox when it should be visible */
@media only screen and (max-width: 40em) {
	#main-content .store-locator-bottom-half > div.store-locator__infobox--mobile.is-shown {
		display: block;
	}
}

/* Show / hide infobox fields */
#info-email, #info-tel, #info-fax {
	display: none !important;
}

/* Key styling */
#store-locator-key {
	padding-bottom: 0;
	margin-top: 0;
}

@media screen and (min-width: 1080px) {
    /* Map position and space for key on right */
	.et_builder_inner_content {
		display: flex;
	}
	#store-locator-container {
		width: 75%;
	}
	#store-locator-key {
		width: 25%;
	}
	#store-locator-key .et_pb_toggle_title:before {
		top: 5px;
		margin-top: 0;
		right: 10px;
	}
}


/* Toggle clusters on / off map control */
.cluster-toggle-container {
	background: #fff;
	width: 40px;
	height: 40px;
	margin: 10px;
	padding: 1px;
	text-align: center;
	line-height: 1em;
	font-size: 1.1em;
}
.cluster-toggle-text {
	display: block;
}
.cluster-toggle {
	display: inline-block;
	margin: 0 auto;
}


/* Rating in info window */
.infobox__body .rating {
	font-weight: 300;
	margin-bottom: 20px;
}
.infobox__body .rating img {
	display: block;
	max-width: 100%;
	height: 25px;
	vertical-align: top;
	margin-bottom: 3px;
}
.infobox__body .rating a {
	color: #a5a5a5;
	margin-left: 10px;
}
.infobox__body .rating a:hover {
	color: #fff;
}


/* Book a test ride / service form */
#test-ride-container {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
	text-align: center;
	overflow-y: scroll;
}
#test-ride-container::-webkit-scrollbar {
    display: none;
}
/* Close button */
#test-ride-container .form-container {
	margin-top: 24px;
	display: inline-block;
	position: relative;
	padding-top: 5px;
	background-image: url('/wp-content/uploads/2022/07/closebutton.png');
	background-repeat: no-repeat;
	background-size: 25px;
}
@media screen and (min-width: 1080px) {
	#test-ride-container .form-container {
		margin-top: 32px;
	}
}
/* Fix issue with form image being too large on mobile */
.ssf-main-content form img {
    max-width: inherit !important;
}
/* Redirection message */
#test-ride-container .redirect-msg {
	margin: 1em 0;
    text-align: center;
    font-size: 18px;
}