#locator-1,#locator-1 { max-width:1000px !important; margin:96px auto; }
#locator-1 i { color:var(--color); }
#locator-2 { max-width:none !important; margin:0 auto; }

.locator-select { margin-bottom:20px; font-weight:700; color:#6d6d6d; }
.locator-region { border:2px solid #ededed; border-bottom-width:0; position:relative; padding:16px; cursor:pointer; }
.locator-region:last-child { border-bottom-width:1px; }
.locator-region-container { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.region-name { font-size:14pt; font-weight:bold; }
.subregion-name { font-size:12pt; cursor:pointer; margin:4px 0; }
.subregion-name:hover { text-decoration:underline; }
.locator-subregions { margin-top:16px; }
/*
.locator-region.closed::after {
	content:" ";
	display:block;width:21px;height:21px;
	position:absolute; top:20px; right:20px;
	background-position:center center; background-size:contain; background-repeat:no-repeat; background-image:url(/wp-content/plugins/dhwp-dealer-locator/assets/images/plus.png);
}
.locator-region.opened::after {
	content:" ";
	display:block;width:21px;height:21px;
	position:absolute; top:20px; right:20px;
	background-position:center center; background-size:contain; background-repeat:no-repeat; background-image:url(/wp-content/plugins/dhwp-dealer-locator/assets/images/minus.png);
}
*/
.locator-region i {
	position:absolute;top:20px;right:20px;font-size:16pt;
}

.locator-region.closed .locator-subregions { display:none; }
.locator-region.opened .locator-subregions { display:block; }
#locator-selected > span:nth-child(2) { font-weight:bold; }
#locator-selected { border-bottom:1px solid #040302; height:42px; }
#region-change { 
	font-weight:bold;
	float:right;
	height:24px;
	line-height:24px;
	border:2px solid #000;
	border-radius:16px;
	font-size:11pt;
	padding:0 12px;
	cursor:pointer;
}
#locator-lines, #locator-lines-2 {
	width:490px;
	height:55px;
	border:1px solid #d2cdcc;
	outline:none;
	background-color:#fff;
	font-family:inherit;
	color:#d2cdcc;
	padding:0 12px;
	appearance:none;
	max-width:100%;
/*calc(100% - 26px);*/
}
#locator-lines-2 {
	width:100%;
	height:30px;
	color:#000;
	font-weight:bold;
}
#locator-location, #locator-location-2 {
	width:490px;
	height:55px;
	border:2px solid #aaa;
	outline:none;
	background-color:#fff;
	font-family:inherit;
	padding:0 12px;
	box-sizing:border-box;
	max-width:100%;
}
#locator-location-2 {
	width:100%;
	height:30px;
}
#locator-location::placeholder, #locator-location-2::placeholder {
	color:#bbb;
}
#locator-lines-container, #locator-lines-container-2 {
	display:block;
	height:55px;
	width:490px;
	position:relative;
	max-width:100%;
}
#locator-lines-container-2 {
	height:30px;
	width:100%;
}
#locator-lines-container::after, #locator-lines-container-2::after {
	content:' ';
	display:block;
	width:1px;
	height:55px;
	background-color:#d2cdcc;
	position:absolute;
/*	left:435px;*/
	right:55px;
	top:0px;
	pointer-events:none;
}
#locator-lines-container-2::after {
	height:30px;
	right:30px;
}
#locator-lines-container span, #locator-lines-container-2 span {
	pointer-events:none;
	display:block;
	width:55px; height:55px;
	position:absolute;
	top:0px;
	right:0px;
	background-position:center center; background-size:auto; background-repeat:no-repeat; background-image:url(/wp-content/plugins/dhwp-dealer-locator/assets/images/down2.png);
}
#locator-lines-container-2 span {
	top:0px;
	right:0px;
	width:30px;height:30px;
	color:var(--color);
}
#locator-1 > div:nth-child(2), #locator-1 > div:nth-child(4) {
	margin-top:20px;
}
#locator-search, #locator-force {
	/* border:2px solid #000;
	border-radius:24px; */
	font-weight:bold;
	display:inline-block;
	cursor:pointer;
	padding:8px 24px;
	margin-top:20px;
	background-color:#009edc;
	color:#fff;
}
#locator-force {
	/* display:none !important; */
}
#locator-search-2 {
	/* padding:2px 16px; */
	margin-top:6px;
	text-transform:uppercase;

	font-weight:bold;
	display:inline-block;
	cursor:pointer;
	padding:4px 12px;
	
	background-color:#009edc;
	color:#fff;

}
#locator-close {
	text-decoration:underline;cursor:pointer;
	position:absolute;right:0;top:20px;
	color:var(--color);
}
#locator-2 {
	font-size:11pt;
	display:grid;
	grid-template-columns:calc(100% - 16px - 330px) 330px;
	gap:16px;
	padding:0;
	width:100%;
	/* width:calc(100% - 28px); */
}
#locator-2 > div {
/*	min-height:600px;*/
	padding-top:56.25%;
	/* height:600px; */
	box-sizing:border-box;
}
#locator-2 > div:nth-child(1) {
	/* border:1px solid #d2cdcc; */
}

#locator-2 > div:nth-child(2) {
	padding:12px 12px 12px 0;
	overflow-x:hidden;
	overflow-y:scroll;
	height:100%;
}
#locator-2-search { padding-bottom:12px; }
/* #locator-2-search > div:nth-child(2) { margin-top:12px; } */
#locator-2-search > div:nth-child(2) { margin-top:24px; }
#locator-2-search > div:nth-child(3) { position:relative; }
#locator-change-search { text-decoration:underline; cursor:pointer; }
#locator-start-over { cursor:pointer;float:right; }
#locator-start-over > span { text-decoration:underline; padding-left:6px; }

.location-logo {
	background-size:contain;
	background-position:left center;
	background-repeat:no-repeat;
	height:40px;
	margin:0 8px 8px 8px;
	width:calc(100% - 80px - 32px);
	position:relative;
}
.location-master-dealer {
	display:block;
	width:40px;
	height:40px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../images/OTR_Map_Marker_Master_Dealer.svg);
	position:absolute;
	top:0;
	left:calc(100% + 40px);
}
.location-online-sales {
	display:block;
	width:40px;
	height:40px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../images/OTR_Map_Marker_Online_Icon.svg);
	position:absolute;
	top:0;
	left:calc(100%);
}

#locator-2-legend {
	border-top:1px solid #000;
	padding:4px;
	text-align:center;
	font-size:0.9em;
}
#locator-2-results {
	padding-top:12px;
	border-top:1px solid #000;
}
#locator-2-expand {
	padding-bottom:12px;
	text-align:right;
	display:none;
}
#locator-open {
	text-decoration:underline;
	cursor:pointer;
}
.location-item {
	/* border:1px solid #d2cdcc; */
	margin-top:8px;
	padding-bottom:8px;
}
.location-title {
	background-color:#009edc;
	color:#fff;
	font-weight:bold;
	padding:8px !important;
}
.location-item > div {
	padding:0 8px;
}
.location-best {
	background-position:left center; background-size:47px; background-repeat:no-repeat; background-image:url(/wp-content/plugins/dhwp-dealer-locator/assets/images/best2.png);
	padding-left:56px;
	font-size:10pt; line-height:12pt; font-weight:bold;
}
.location-showmore {
	display:none;
}
#locator-2 { display:none; }
.locator-info { width:300px; }

#choretime-mobile-header,
#distributor-header {
	display:none !important;
}
#floating-menu2 {
    display:block !important;
}
#floating-menu,.dhheaders,.choretime-category-breadcrumb,.choretime-category-header,#choretime-header,.choretime-breadcrumb { display:none !important; }

#locator-header { display:block !important; max-width:100%; height:100px; line-height:100px; padding:0 24px; }
#locator-header-logo { 
	display:inline-block;
	background-image:url(https://www.otrwheel.com/wp-content/uploads/2023/02/OTR-Engineered-Solutions-Logo.svg);
	height:90px;
	width:160px;
	background-size:300px;
	margin:5px;
	vertical-align:middle;
	background-repeat:no-repeat;
}
#locator-header i {
	font-size:24pt;
	vertical-align:middle;
	margin-left:24px;
}
#locator-header a.locator-header-link.active {
	color:#009edc;
}
#locator-header a.locator-header-link {
	font-size:12pt;
	color:#000;
	text-decoration:none;
	margin:0 32px 0 8px;
	font-weight:700;
	display:inline-block;
	position:relative;
	top:2px;
}
#locator-header a.locator-header-link:last-child {
	margin-right:0;
	float:right;
	color:#009edc;
}

#locator-2-master-dealer,
#locator-2-online-sales {
	display:inline-block;
	vertical-align:middle;
	width:16px;
	height:16px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	top:-1px;
	margin:0 2px;
}
#locator-2-master-dealer { background-image:url(../images/OTR_Map_Marker_Master_Dealer.svg); }
#locator-2-online-sales { background-image:url(../images/OTR_Map_Marker_Online_Icon.svg); }
@media (max-width:990px) {
	#locator-header i,
	#locator-header a.locator-header-link.active {
		display:none;
	}
	#locator-header a.locator-header-link,
	#locator-header a.locator-header-link:last-child {
		float:none;
		margin:0 8px 0 16px;
	}
}
@media (max-width:750px) {
	#locator-header {
		line-height:14px;
	}
	#locator-header-logo {
		float:left;
		background-size:200px;
		width:110px;
		margin-top:20px;
		height:64px;
	}
	#locator-header span {
		float:left;
		padding:22px 0 0 24px;
	}
	#locator-header a.locator-header-link,
	#locator-header a.locator-header-link:last-child {
		display:block;
		margin:0 0 8px 0;
	}
}

#locator-2-results .showmore-button { 
	color:#009edc;
	text-decoration:underline;
	position:relative;
	height:26px;
	line-height:26px;
	display:inline-block;
	padding:0 16px 0 0;
	font-size:10pt;
	font-weight:700;
}

#locator-2-results .showmore-button::before {
	position:absolute;
	content:' ';
	left:0px;
	top:4.5px;
	width:15px;
	height:15px;
	background:transparent url(../../../../themes/choretime/assets/images/Diamond-arrow-red.svg) no-repeat left center;
	background-size:14px;
	transform-origin:center center;
	rotate:-90deg;
}
#locator-2-results .showmore-button.active::before {
	rotate:180deg;
	top:7px;
}
#locator-2 i {
	color:var(--color);
}

#locator-map-container { position:relative; }
#locator-map { position:absolute;left:0;top:0;width:100%;height:100%; }
#locator-map-expand {
	position:absolute;
	width:35px;
	height:70px;
	border-top-left-radius: 70px;
	border-bottom-left-radius: 70px;
	background-color:var(--color);
	cursor:pointer;
	color:#fff;
	right:0;
	top:24px;
	text-align:center;
	line-height:78px;
}
#locator-2 #locator-map-expand i {
	color:#fff;
	margin-left:8px;
	font-size:18pt;
}

@media (min-width:881px) {
	#locator-2.expanded { 
		grid-template-columns:1fr;
	}
	#locator-2.expanded #locator-map-list {
		display:none;
	}
}

@media (max-width:880px) {
	.locator-region-container { grid-template-columns:1fr; gap:0; }
	#locator-2 { grid-template-columns:1fr; }
	#locator-2 > div:nth-child(2) { height:auto !important; overflow-y:hidden; padding-right:12px; padding-left:12px; }
	#floating-menu2 .choretime-button { display:none; }
	#locator-map-expand { display:none; }
}

#locator-contact {
	padding:8px;
	display:block;
	color:#fff;
	background-color:var(--color);
	margin-top:24px;
	text-align:center;
	text-transform:uppercase;
	height:28pt;
	line-height:14pt;
	border-radius:calc(14pt + 8px);
	font-size:11pt;
	text-decoration:none;
}