/* section filters */

.btn-section-filters { margin:1rem 0; }
.btn-section-filters ul { list-style:none; margin:0; padding:0; text-wrap:balance; }
.btn-section-filters li { display:inline; margin:0; padding:0; }
.btn-section-filters a {
  display:inline-block;
  font-family: 'Open Sans Condensed', sans-serif; 
font-weight:700;
text-decoration: none;
line-height: 14px;
font-size: 14px;
text-align: center;
display:inline-block;
color:#000;
background-color:#ffffff;
letter-spacing:  0.050rem;
border:1px solid #000;
border-radius:0px;
padding:8px 12px;
white-space: nowrap;
margin:6px 3px;
text-transform:uppercase;
}
.btn-section-filters a:hover { 
 background-color:#d0181d; 
  border-color:#d0181d; 
  text-decoration: none;
  color:white; 
}
.btn-section-filters a.selected { 
  background-color:#000000; 
  border-color:#000000; 
  text-decoration: none;
  color:white; 
}



/* point section stacky */

.stacky-wrap { width:100%; background-color:#f6f6f4; max-width:2500px; margin:0 auto; }
.stacky-hold { display:block; }
.stacky-content { width:100%; padding:24px; min-height:100px; }
.stacky-map { width:100%; height:70vh; min-height:420px; background-color:#E8E0D8; }
#stackymap { width:100%; height:70vh; background-color:#E8E0D8; }
@media all and (min-width: 992px) {
	.stacky-hold { display:flex; flex-direction:row; width:100%; margin:0 auto; height:900px; }
  .stacky-hold { overflow:hidden; }
	.stacky-content { width:40%; padding:16px; height:auto; overflow-y: scroll; }
	.stacky-map { width:60%; height:900px; }
	#stackymap { width:100%; height:900px; top:0px; }
}
@media all and (min-width: 1200px) {
	.stacky-wrap { padding:24px 24px 24px 8px; }
	.stacky-content { width:600px; }
	.stacky-map { width:calc(100% - 600px); }
}

.stackycard { 
  position:relative; 
  display:flex; 
  width:100%; 
  overflow:hidden; 
  margin-top:1rem; 
  background-color:white; 
  color:black; 
  border:0;
}
.stackycard-content { width:calc(100% - 160px); min-height:160px; padding:1rem; }
.stackycard-image { width:160px; height:inherit; background:var(--bg-charcoal); }

.stackycard-map-link { position:absolute; top:0px; right:0px; background:var(--bg-charcoal); height:auto; }
.stackycard-map-link button { float:right; }
@media all and (min-width: 1500px) {
	.stackycard-content { width:calc(100% - 220px); min-height:180px; padding:1.5rem; }
	.stackycard-image { width:220px; }
  .stacky-content { width:700px; }
	.stacky-map { width:calc(100% - 700px); }
}

.stackycard-image a { display:block; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; }

.stackycard-subhead { font-size:0.6rem; font-weight:700; line-height:1.2; 
	text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.5rem; text-wrap:balance; }
.stackycard-headline { font-size:1.2rem; font-weight:700; line-height:1.2; margin-bottom:0.5rem; text-wrap:balance; }
.stackycard-text { font-size:0.8rem; font-weight:700; line-height:1.3; margin-bottom:0.5rem; text-wrap:balance; }

@media all and (min-width: 1200px) {
  .stackycard-subhead { font-size:0.8rem; }
  .stackycard-headline { font-size:1.6rem; }
  .stackycard-text { font-size:0.9rem;  }
  .stackycard-subhead { width:calc(100% - 60px); }
}

.btn-map-it { 
  display:inline-block;
  background-color:#eeedef; 
  border:0px solid #eeedef;   
  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:#eeedef; 
  border-color:#eeedef; 
  color:black; 
  text-decoration:none; 
}


/* mapbox */


/* mapbox styles */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:var(--cty-alink); }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:white; }
.smarker-num { font-weight:700; }

.mapboxgl-map { font-family:inherit; }

.mapboxgl-popup { width: 240px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:1.5rem; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { 
  margin:0.5rem 0; 
  font-family: 'Josefin Sans', sans-serif;
  color: #000;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.4;
  text-transform: uppercase;
 }
.mapboxgl-popup-content p.mapbox-pop-address { 
  margin:0.5rem 0; 
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9rem;
  line-height: 1.4;
  color: #444;
 }
.mapboxgl-popup-content p.mapbox-pop-link { margin:0.5rem 0; }