/* investment map */

.sgmarker {  width: 24px; height: 36px; cursor: pointer; }
.sgmarker-bg { position:absolute; width:24px; height:36px; }
.sgmarker-bg { fill:#666666; }
.sgmarker-complete { fill:var(--cms-navy); }
.sgmarker-planned { fill:var(--cms-brown); }
.sgmarker-under-construction { fill:var(--cms-orange); }
.sgmarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#fff; font-weight:700; }


.vst-pill-action { background-color:white; display:inline-block; font-weight:700; font-size:14px; line-height:19px; color:black; margin:4px 2px; padding: 4px 14px; 
	border:1px solid black; border-radius:60px; transition: all 0.15s linear 0s; text-decoration:none; white-space: nowrap; }
.vst-pill-action:focus { outline:0; }
.vst-pill-action:hover { text-decoration:none; }


span.mapkey { background-color:#444; font-weight:700; font-size:12px; line-height:24px; font-weight:700; color:#fff; margin:0px 2px; padding: 4px 10px; border-radius:16px; white-space: nowrap; }

span.mapkey-complete { background-color:var(--cms-navy);  }
span.mapkey-planned { background-color:var(--cms-brown); }
span.mapkey-under-construction { background-color:var(--cms-orange); }

.vest-hold { width:100%; height:auto; background-color:white; }
.vest-map { width:100%; height:auto; background-color:#E0E1E2;}
.vest-content { width:100%; padding:0 24px; }
#vest-map-hold #vest-map-container { width:100%; padding-bottom:100%; }

@media all and (min-width: 992px) {
	.vest-hold { height:80vh; min-height:600px; max-height:1600px; }
	.vest-map { width:50%; height:80vh; min-height:600px; max-height:1600px; float:right; }
	.vest-content { width:50%; padding:46px; height:80vh; min-height:600px; max-height:1600px; overflow-y: auto; }
	#vest-map-hold #vest-map-container { width:100%; height:80vh; min-height:600px; max-height:1600px; padding-bottom:0px; }
}

p.vst-key { margin-bottom:30px; }

.vst-top { border-top:3px solid #EFEFED; padding-top:24px; padding-bottom:24px; }

.vst-table { display:table; width:100%; }
.vst-number { display:table-cell; width:48px; vertical-align:top; }
.vst-content { display:table-cell; width:auto; vertical-align:top; }

.vst-image { border:1px solid #eee; margin:24px 0px 24px 48px; }
@media all and (min-width: 992px) {
	.vst-image { border:1px solid #eee; margin:10px 0px 10px 0px; }
}

.vst-num { width:30px; height:30px; text-align:center; font-size:16px; line-height:30px; background-color:#444; font-weight:700; color:#fff; border-radius:15px; }
.vst-num-complete { background-color:var(--cms-navy);  }
.vst-num-planned { background-color:var(--cms-brown); }
.vst-num-under-construction { background-color:var(--cms-orange); }

.vest-content h2 { margin-top:0; }

.vst-h3 { 
	text-transform: uppercase;
  text-decoration: none;
  font-family: 'ballinger-condensed', sans-serif;
  font-weight: 800;
	font-size:1.2rem;
	line-height:1.1;
}
	
	
.vst-h4 { 
  text-decoration: none;
  font-weight: 700;
	font-size:0.9rem;
	margin-bottom:0.75rem;
}