@import url("global.css");
.locate .dealerPhone { font-weight: bold; color: #7f848a; display: block; }
.locate .dealerPhone::before { content: "\f095"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-right: 7px; }
.locate.disabled > header form > fieldset label::after{content:attr(data-msg);color:red;}
.locate.disabled > div{pointer-events:none;}
.locate.disabled > div::after{content:attr(data-msg);width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;background:rgba(50,50,50,0.95);color:red;font-size:2vw;z-index:100;}
.locate > div{height:70vh}
.locate > div .locateMapCanvas{width:60%;height:100%;}
.locate > div .locateMapCanvas .dealer-info { height: auto; padding-bottom: 52px; width: 223px; padding-bottom: 40px; }
.locate > div .locateMapCanvas .dealer-info h4 { line-height: 110%; margin: 4px 0; letter-spacing: normal; }
.locate > div .locateMapCanvas .dealer-info div {padding-left: 60px;}
.locate > div .locateMapCanvas .dealer-info div:nth-child(2) a::before { content: "\f095"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-right: 7px; }
.locate > div .locateMapCanvas .dealer-info div .caption {margin-left: -60px;}
.locate > div .locateMapCanvas .dealer-info div span:not(.caption) {padding-left: 15px;}
.locate > div .locateMapCanvas .dealer-info a {font-style: normal;font-size: 12px;text-decoration: none;bottom: 0;right: 50%;top: calc(100% - 38px);/* color: #FFF; */}
.locate > div .locateMapCanvas .dealer-info a + a {left: 50%;right: 0;color: #FFF;}
.locate > div .locateMapCanvas .dealer-info a:after { font-family: "FontAwesome"; content: "\f138"; margin-left: 5px; }
.locate > div .locateMapCanvas .dealer-info div { padding-left: 52px; }
.locate > div .locateMapCanvas .dealer-info div span { display: inline-block; font-size: 12px; line-height: 120%; }
.locate > div .locateMapCanvas .dealer-info div .caption { width: 50px; margin-left: -52px; }
.locate > div .locateMapCanvas .dealer-info div + div .caption { margin-top: 6px; }
.locate > div .locateMapCanvas .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom { right: 98% !important; }
.locate > div > aside { width: 40%; padding-left: 10px; position: absolute; top: 0; right: 0px; bottom: 0; background-color: #fff; color: #888; overflow-y: scroll; }
.locate > div > aside .distanceTo {font-size: 16px; font-weight: bold; color: #2d96cd;}
.locate > div > aside > div { width: 50%; padding: 10px; border-bottom: 1px solid #eee; float: left; }
.locate > div > aside h4 { margin: 2px 0 6px; color: #2d96cd; font-size: 15px; font-weight: bold; text-align: left; }
.locate > div > aside h4 + span, .locate > div > aside h4 + span + span { text-align: left; margin: 2px 0 6px; font-size: 14px; }
.locate > div > aside h4:hover:before, .locate > div > aside h4 ~ span:hover:before { content: "\f041"; font-family: "FontAwesome"; color: #f34f44; position: absolute; font-weight: normal; right: calc(100% - 8px); top: 24px; letter-spacing: 0; }
.locate > div > aside .dealer { border-top: 1px solid #eee; padding-top: 20px; padding-bottom: 20px; cursor: pointer; position: relative; height: auto; }
.locate > div > aside .dealer:first-child { border-style: none; }
.locate > div > aside a { font-style: normal; font-weight: 600; text-decoration: none; }
@media (max-width:1200px) {
	.locate > div > aside .dealer{width:100%;height:auto !important;} 
}
@media (max-width:768px) {
	.locate.disabled > div::after{font-size:4vw;}
	.locate header{height:150px !important;padding:1em !important;}
	.locate header form > fieldset{width:50% !important;position:relative;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;float:left}
	.locate header form > fieldset label{font-size:70%;display:block;}
	.locate header form > fieldset > input,
	.locate header form > fieldset > select{height:30px;background:white;color:black;}
	.locate header form p{height:30px;margin:10px 0 0;position:relative;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;float:left}
	.locate header form p button{height:100% !important;min-height:30px !important;}
	.locate > div{height:600px;}
	.locate > div .locateMapCanvas .info-window{transform:scale(0.8);transform-origin:bottom;}
	.locate > div .locateMapCanvas .gmnoprint{display:none;}
	.locate > div .locateMapCanvas,
	.locate > div > aside{width:100%;height:300px;position:relative;}
	.locate > div > aside .dealer{width:100%;height:auto !important;}
}