/* TSP 2024 Map Style */

.mapWrap {
	overflow-x: scroll;
	position: relative;
}
#stateMap {
	position: relative;
	width: 1000px;
}
#stateMap img {
	/*width: 200%;*/
}
p.info {
	font-size: 15px;
}

.parkDot {
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background-color: rgba(206,98,57,1);
	font-weight: 400;
	/*border: solid 1px #fff;*/
	position: absolute;
	cursor: pointer;
	opacity: 1;
	transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
}
.parkDot:hover,
.parkDot:active {
	opacity: 1;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #72a951;
	border:  1px solid #002b49;
	/*margin: -2px 0 0 -2px;*/
}
/*.parkDot:hover .tooltip .tooltip-map {
	background-color: rgba(0,0,0,0.25);
	background-color: transparent;
}*/

.tooltip .tooltip-map {
	/*background-color: #002b49;*/
	background-color: transparent;
	/*background-color: rgba(0,0,0,0.1);*/
}

.tooltip .tooltip-arrow {
	/*border-bottom-color: #002b49;*/
	border-bottom-color: rgba(0,0,0,0.1);
}

.tooltip {
	opacity: 1;
	font-size: .9rem;
	/*width: 160px;*/
	text-shadow: 1px 1px #ddd;
	white-space: nowrap;
	font-family: 'Verb Regular',Arial, sans-serif;
	color: #002b49;
	transition: all 0ms ease;
	-webkit-transition: all 0ms ease;
	-moz-transition: all 0ms ease;

}

.tooltip.t {
	top: -18px;
	left: -60px;
	width: 140px;
	text-align: center;
	position: relative;
}
.tooltip.b {
	bottom: -16px;
	left: -51px;
	width: 140px;
	text-align: center;
	position: relative;
}
.tooltip.l {
	right: 78px;
	position: relative;
}
.tooltip.r {
	left: 21px;
	position: relative;
}

.parkDot:hover .tooltip.r {
	font-size: 1.2rem;
	font-family: 'Verb Bold',Arial, sans-serif;
	text-shadow: 1px 1px #FFF;
	transition: all 500ms ease;
}
.parkDot:hover .tooltip.l {
	font-size: 1.2rem;
	font-family: 'Verb Bold',Arial, sans-serif;
	text-shadow: 1px 1px #FFF;
	transition: all 500ms ease;
	transform-origin: bottom right;
}
.parkDot:hover .tooltip.b {
	font-size: 1.2rem;
	font-family: 'Verb Bold',Arial, sans-serif;
	text-shadow: 1px 1px #FFF;
	transition: all 500ms ease;
	transform-origin: bottom right;
}
.parkDot:hover .tooltip.t {
	font-size: 1.2rem;
	font-family: 'Verb Bold',Arial, sans-serif;
	text-shadow: 1px 1px #FFF;
	transition: all 500ms ease;
	transform-origin: bottom right;
}


div.overlay {
	background-color: rgba(0,0,0,0.25);
	position: absolute;
	width: 200%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.overlay img {
	width: 100px;
	position: absolute;
	left: 25%;
	margin-left: -50px;
	top: 32%;
}



@media(min-width:992px) {

	div.overlay {
		display: none;
	}

	.mapWrap {
		overflow-x: hidden;
	}
	#stateMap {
		width: 100%;
	}

}