:root {
	--dtla-red: #e32400; 
	--dtla-purple: #5400b0; 
	--dtla-silver:#f0f0f0;

  --stacky-height: 900px; /* desktop element height */
}

.visit-intro-bg { background-color:var(--dtla-silver); }


.visit-stacky-wrap { background-color:inherit; border-bottom:12px solid var(--dtla-silver); }
.visit-stacky-hold { display:block; }
.visit-stacky-content { width:100%; padding:24px; min-height:100px; }
.visit-stacky-map { width:100%; height:70vh; min-height:420px; background-color:#E8E0D8; }
#VisitMap { width:100%; height:70vh; background-color:#E8E0D8; }
@media all and (min-width: 992px) {
	.visit-stacky-hold { display:flex; flex-direction:row; width:100%; max-width:1600px; margin:0 auto; height:900px; /* includes border */}
  .visit-tacky-hold { overflow:hidden; }
	.visit-stacky-content { width:40%; padding:0px 16px; height:auto; overflow-y: scroll; }
	.visit-stacky-map { width:60%; height:var(--stacky-height); }
	#VisitMap { width:100%; height:var(--stacky-height); top:0px; }
}
@media all and (min-width: 1200px) {
	.visit-stacky-wrap { padding:24px 24px 24px 8px; }
	.visit-stacky-content { width:600px; }
	.visit-stacky-map { width:calc(100% - 600px); }
}


/* visit planner card */

.vcard { position:relative; border:2px solid var(--dtla-purple); margin: 0 0 8px 0; } 

.vcard-favorite { position:absolute; top:0px; right:0px; width:40px; height:40px; }
.vcard-favorite a { display:block; width:40px; height:40px; text-align:center; cursor:pointer; background-color:white; color:var(--cty-brand-red);
  transition: all 0.15s linear 0s; font-size:20px; line-height:40px; }
.vcard-favorite a:hover { background-color:white; color:var(--cty-brand-red); font-size:22px; }
.vcard-favorite-icon { display:inline; }
.vcard-favorite-icon-selected { display:none; }

.vcard-selected { border-color:var(--dtla-purple); }
.vcard-selected .vcard-favorite-icon { display:none; }
.vcard-selected .vcard-favorite-icon-selected { display:inline; }


.vs-card { position:relative; display:flex; width:100%; overflow:hidden; background-color:white; }

.vs-card-image { width:140px; height:inherit; background-color:#f8f6f4; background-size:cover; background-position:center center; }
.vs-card-image-img { display:block; width:100%; height:100%; background-size:cover; background-position:center center; }

.vs-card-content { width:calc(100% - 140px); min-height:140px; padding:16px 44px 16px 16px; }

.vs-categories { 
	color: var(--dtla-purple);
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.100rem;
  text-transform: uppercase;
  margin-bottom: 8px;
	text-wrap:balance; 
}
.vs-headline {
	color: #000;
  font-family: 'futura-pt', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 8px;
	text-wrap:balance; 
}

.vs-headline a { color:black; text-decoration:none; }
.vs-headline a:hover { color:black;  text-decoration:none; }

.vs-text { 
	font-size:18px; 
	font-weight:400; 
	line-height:1.3; 
	margin:9px 0; 
	text-wrap:balance; 
}

.vs-address { 
	color: var(--dtla-purple);
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 16px;
	text-wrap:balance; 
}


@media all and (min-width: 992px) {
  .vcard { margin:0 0 16px 0; }
  .vs-card-content {  padding:16px 44px 16px 16px; }
}
@media all and (min-width: 1200px) {
 .vcard { margin:0 0 24px 0; }
 .vs-card-image { width:160px; }
 .vs-card-content { width:calc(100% - 160px); min-height:160px; }
 .vs-card-content { padding:24px 44px 24px 24px; }
 
}

.vs-card-map-link { position:absolute; bottom:0px; right:0px; }
.btn-map-it { 
  display:inline-block;
  background-color:var(--dtla-purple);
  border:0px;  
  color:white; 
  font-size:13px; line-height:30px; font-weight:600; text-transform:uppercase; letter-spacing:0.010rem; 
  border-radius:0px; 
  border:0; 
  margin: 0; 
  padding: 0 10px; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-map-it:hover {  
  background-color:var(--dtla-purple);
  color:white;
  text-decoration:none; 
}




.sav-card { background-color:var(--cty-brand-paleblue); height:100%; position:relative; } 
.sav-card-image { display:block; }
.sav-card-image-img { display:block; width:100%; padding-bottom:100%; background-color:#eee; background-size:cover; background-position:center center; }

.sav-card-content { padding:1.5rem; height:100%; }