/* point-section */

#point-section #clmap { width:100%; height:80vh; min-height:200px; max-height:800px; background-color:#E6E4E0; border-top:1px solid #eee; border-bottom:1px solid #eee; }

.section-filters { text-align:center; margin:30px 0px; }
.section-filters .section-filters-title { text-align:center; color:#222; font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; margin:0 0 14px 0;}
.section-filters ul { list-style:none; margin:0; padding:0 ;}
.section-filters li { display:inline; margin:0; padding:0; }
.section-filters a {
font-weight:400;
text-decoration: none;
line-height: 12px;
font-size: 12px;
text-align: center;
display:inline-block;
color:#122C50;
background-color:white;
letter-spacing:  0.050rem;
border:1px solid #122C50;
border-radius:2px;
padding:6px 10px;
white-space: nowrap;
margin:4px 3px;
text-transform:uppercase;
}
.section-filters a:hover { background-color:#122C50; border-color:#122C50; color:white; text-decoration: none; }
.section-filters a.selected { background-color:#122C50; border-color:#122C50; color:white; }

.point-section-results { margin:30px 0px; }

.pst { margin-bottom:24px; }
.pst-topline { border-top:1px solid #eee; padding-top:8px; }
.pst a { display:block; }

.pst a .pst-image { position:relative; width:100%; padding-bottom:66.66%; background-color:#eee; margin-bottom:12px; }
.pst a .pst-image-bg { position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
.pst a .pst-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); transition: all .5s;}
.pst a:hover .pst-image-cover { background-color:rgba(0,0,0,0.5);  }


/* point section sticky */

.sticky-wrap { background-color:white; }
.sticky-hold { display:block; }
.sticky-content { width:100%; background-color:white; padding:40px; min-height:100px; }
.sticky-map { width:100%; height:90vh; min-height:420px; background-color:#E8E0D8; }
#stickymap { width:100%; height:90vh; background-color:#E8E0D8; }
@media all and (min-width: 768px) {
	.sticky-hold { display:flex; width:100%; max-width:3600px; margin:0 auto; min-height:100vh; }
	.sticky-content { width:50%; height:auto; }
	.sticky-map { width:50%; height:auto; }
	#stickymap { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}

/* 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;
  text-decoration: none;
  font-size:  0.8rem;
  line-height: 1;
  font-weight:700;
  text-transform:none;
  letter-spacing: 0rem;
  color:var(--ccbrand-thistle);
  background-color:inherit;
  border:1px solid var(--ccbrand-thistle);
  transition:var(--cty-transition-hover); 
  border-radius:23px;
  padding:0.5rem 0.75rem;
  white-space: nowrap;
  margin:6px 3px;
}
.btn-section-filters a:hover { 
  background-color:var(--ccbrand-thistle); 
  border-color:var(--ccbrand-thistle); 
  color:var(--ccbrand-pacific);  
  text-decoration: none; 
}
.btn-section-filters a.selected { 
   background-color:var(--ccbrand-thistle); 
  border-color:var(--ccbrand-thistle); 
  color:var(--ccbrand-pacific);  
}


/* point section stacky */

:root {
  --stacky-height: 900px; /* desktop element height */
}
.stacky-wrap { background-color:inherit; }
.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%; max-width:9600px; margin:0 auto; height:904px; /* includes border */}
  .stacky-hold { overflow:hidden; }
	.stacky-content { width:40%; padding:16px; height:auto; overflow-y: scroll; }
	.stacky-map { width:60%; height:var(--stacky-height); }
	#stackymap { width:100%; height:var(--stacky-height); 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:var(--ccbrand-thistle); 
  color:var(--ccbrand-pacific);
}
.stackycard-image { 
	width:160px; 
	height:inherit; 
	background-color:#111; 
}
.stackycard-content { 
	width:calc(100% - 160px); 
	min-height:160px; 
	padding:1rem; 
  display:flex;
	align-items:center;
}


.stackycard-map-link { position:absolute; top:0px; right:0px; 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-weight:400; font-size:0.8rem; line-height:1.2; text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.5rem; text-wrap:balance; }
.stackycard-headline { font-weight:700; font-size:1.2rem; line-height:1.2; margin-bottom:0.5rem; text-wrap:balance; }
.stackycard-text { font-weight:400; font-size:0.9rem; line-height:1.3; margin-bottom:0.5rem; text-wrap:balance; }
.stackycard-link { font-weight:700; font-size:0.9rem; line-height:1.3; }
.stackycard-link a { text-decoration:none; }
.stackycard-link a:hover { text-decoration:none; }

@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:var(--ccbrand-pacific);  
  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(--ccbrand-pacific);
  color:white; 
  text-decoration:none; 
}




/* point-detail */

.point-social-icons { margin:24px 0; text-align:left;}
.point-social-icons a { display:inline-block; width:36px; height:36px; font-size:16px; line-height:36px; border-radius:0; text-align:center; margin:0 12px 0 0; }
.point-social-icons a { text-decoration:none; color:white; background-color:var(--ccbrand-pacific); border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:white; background-color:var(--ccbrand-pacific); }

#point-detail { border-top:1px solid #E6E4E0; border-bottom:1px solid #E6E4E0;}
#point-detail #clmap { width:100%; height:50vh; min-height:150px; max-height:500px; background-color:#E6E4E0; 
  border:2px solid white; 

}
@media all and (min-width: 999992px) {
	#point-detail #clmap { border:2px solid white; }
	#point-detail { margin-left:0px; margin-right:0px; border: 1px solid #E6E4E0; }
}

.ftn { text-align:center; }
h2.ftn-label { font-size:2rem; }
.ftn ul { margin:20px 0px; padding:0; }
.ftn li { list-style-type: none; padding:10px 0px; margin:0; border-bottom:1px solid #eee6e8;}
.ftn li:last-child { border-bottom:0;}
.ftnname { display:block; font-size:110%;}
.ftnaddress { font-size:80%; color:#000; }
.ftndistance { font-size:80%; color:#666;}


/* event-detail */

ul.datelist { list-style-type: none; padding-left:0; margin-left:0; }
ul.datelist li { margin-bottom:6px; }
ul.datelist li .dldate { color:inherit; }
ul.datelist li .dltime { color:#666; }