/* visit planner */

.visit-stacky-wrap { background-color:var(--cty-brand-paleblue); color:black; }
.visit-stacky-hold { width:100%; display:block; }
.visit-stacky-content { width:100%; padding:0px 12px; 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; overflow:hidden; }
	.visit-stacky-content { width:50%; padding:0px 16px; height:auto; overflow-y: scroll; }
	.visit-stacky-map { width:50%; height:var(--stacky-height); }
	#VisitMap { width:100%; height:var(--stacky-height); top:0px; }
}
@media all and (min-width: 1200px) {
	.visit-stacky-content { width:600px; padding:0px 24px; }
	.visit-stacky-map { width:calc(100% - 600px); }
}


/* visit planner card */

.vcard { position:relative; border:2px solid var(--cty-brand-paleblue); margin: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:black; */ }
.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:#fafafa; 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-card-headline { font-size:1.1rem; font-weight:800; line-height:1.3; margin-bottom:0.2rem; text-wrap:balance; }
.vs-card-address { font-size:0.8rem; font-weight:600; line-height:1.3; margin-bottom:0.1rem; text-wrap:balance; }
.vs-card-creative { font-size:0.7rem; font-weight:700; line-height:16px; margin-top:0.25rem; text-wrap:balance; }
.vs-card-creative { padding-left:20px; background:url('/favicon.svg') left center; background-repeat:no-repeat; background-size:16px 16px; } 

.vs-card-headline a { color:black; text-decoration:none; }
.vs-card-headline a:hover { color:var(--cty-brand-navy); text-decoration:none;}

@media all and (min-width: 992px) {
  .vcard { margin:16px 0; }
  .vs-card-content {  padding:16px 44px 16px 16px; }
}
@media all and (min-width: 1200px) {
 .vcard { margin: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:#efedef; 
  border:0px;  
  color:black; 
  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:#efedef;
  color:black; 
  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%; }