/* home hero modal */

.home-hero-hold {
  width:100%; 
  position:relative;
  background-color:var(---cms-blue);
}


.home-hero-modal { 
 width:100%; 
 height:400px; 
 background-position:center center;
 background-size:cover;
 position:relative;
 z-index:1;
}

.home-hero-cta {
  position:absolute;
  bottom:2rem;
  right:0px; 
  z-index:2;
}

@media all and (min-width: 992px) {
  .home-hero-modal {
    height:800px; 
  }
}





/* 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; }


.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:#fafafa; }
.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:1600px; margin:0 auto; min-height:100vh; }
	.sticky-content { width:40%; height:auto; }
	.sticky-map { width:60%; height:auto; }
	#stickymap { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}


/* point section stacky */

.stacky-wrap { width:100%; }
.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:1600px; 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:var(--cms-cream); 
  color:var(--cms-blue); 
  border:0;
  border-radius:0.5rem;
}
.stackycard-content { width:calc(100% - 160px); min-height:160px; padding:1rem; display:flex; flex-direction: column; justify-content: center; }
.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; line-height:1.2; 
	text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.5rem; text-wrap:balance; }
.stackycard-headline { font-size:1rem; line-height:1.2; font-weight:700; text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.5rem; text-wrap:balance; }
.stackycard-text { font-size:0.8rem; 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.1rem; }
  .stackycard-text { font-size:0.9rem;  }
  .stackycard-subhead { width:calc(100% - 60px); }
}

.btn-map-it { 
  display:inline-block;
  background-color:#f1e5d7; 
  border:0px solid #f1e5d7;  
  color:var(--cms-blue);  
  font-size:14px; line-height:30px; font-weight:600; text-transform:uppercase; letter-spacing:0.040rem; 
  border-radius:0px; 
  border:0; 
  margin: 0; 
  padding: 0 10px; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-map-it:hover {  
  background-color:#f1e5d7; 
  border-color:#f1e5d7; 
  color:var(--cms-blue);  
  text-decoration:none; 
}



/* point-detail */

.point-social-icons { margin:24px 0; text-align:left;}
.point-social-icons a { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 12px 0 0; }
.point-social-icons a { text-decoration:none; color:var(--cms-blue-light); background-color:var(--cms-blue); border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:white; background-color:var(--cms-blue); }


/* find the nearest */

.ftn { text-align:left; }
.ftn ul { margin:0; padding:0; }
.ftn li { list-style-type: none; padding:0.5rem 0; margin:0; border-top:1px solid var(--cty-linework);}
.ftn li:last-child { border-bottom:0; }
.ftnname { display:block; font-size:1rem; }
.ftnaddress { font-size:0.8rem; color:inherit; }
.ftndistance { font-size:0.8rem; color:inherit; }


/* 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 { font-size:0.75rem; color:inherit; }


/* meeting calendar */

:root {
	--cty-meetingsbg-100: #fafafa; /* blank dates */
	--cty-meetingsbg-200: #f4f4f4;
	--cty-meetingsbg-300: #eaeaea;
}

.bcal { margin-top:2rem; }
.bcal-header { width:100%; background-color:var(--cty-meetingsbg-300); padding: 0.5rem; border:1px solid white; font-size:1.1rem; font-weight:700; }
.bcal-header-prev { display:inline-block; padding: 0.5rem; }
.bcal-header-current { display:inline-block; padding: 0.5rem; }
.bcal-header-next { display:inline-block; padding: 0.5rem; }
.bcal-row { width:100%; }
.bcal-cell { width:100%; background-color:var(--cty-meetingsbg-200); border:1px solid white; font-size:16px; }
.bcal-cell span { display:block; padding:6px 12px; background-color:var(--cty-meetingsbg-300); font-weight:700; }
.bcal-cell ul { padding:6px 12px; margin:0; }
.bcal-cell ul li { padding:0; margin:0 0 8px 16px; }
.bcal-cell-blank { display:none; background-color: var(--cty-meetingsbg-100); }
.bcal-cell-empty { display:none; }
@media all and (min-width: 992px) {
  .bcal-cell-blank { display:table-cell; }
  .bcal-cell-empty { display:table-cell; }
  .bcal-header { text-align:center; border-bottom:2px; }
  .bcal-row { display:table; width:100%; }
  .bcal-cell { display:table-cell; width:14.3%; height:100px; vertical-align:top; }
  .bcal-cell ul li { font-size:15px;}
}

/* news button group */

.news-button-group { margin:0; }
.news-button-group button { 
  background-color:transparent; 
  border:1px solid var(--cms-teal); 
  color:var(--cms-blue);
  font-size:0.7rem; 
  line-height:1.5;
  margin:0; 
  transition:var(--cty-transition-hover);  
  padding:3px 12px; 
  border-radius:16px; 
  text-decoration:none; 
  text-transform:uppercase; 
  letter-spacing:0.050rem; 
  font-weight:600;
}
.news-button-group button:hover { 
  border-color:var(--cms-blue-medium); 
  background-color:var(--cms-blue-medium); 
  color:var(--cms-white);
  text-decoration:none; 
}
.news-button-group button.button-selected { 
   border-color:var(--cms-blue-medium); 
  background-color:var(--cms-blue-medium); 
  color:var(--cms-white);
  text-decoration:none; 
}

.news-cards { margin:1.5rem 0; }

.news-card { background-color:var(--cms-blue); color:var(--cms-white); width:100%; height:100%; 
  border-radius:0.5rem;
}
.news-card a { display:block; width:100%; height:100%; text-decoration:none; color:inherit; }
.news-card a:hover { color:inherit; text-decoration:none; }

.news-card-image { display:block; }
.news-card-image-img { width:100%; background-position:center center; background-size:cover; }

.news-card-content { padding:1.5rem; }

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


 /* block slider *.

 /* news links block type */

.newslink-swiper-container { 
  position:relative; margin:0 0 1rem 0; padding-top:0px; 
}

.newslink-swiper-button-next, .newslink-swiper-button-prev {
  display: flex;
  position: absolute;
  z-index: 10;
  top:-15px;
  right:80px;
  background-color: var(--cms-teal-light);
  border: 0;
  color: var(--cms-blue);
  border:1px solid var(--cms-blue);
  padding: 0 !important;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  width: 30px;
  margin-top: 0px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 250ms ease;
  }
  .newslink-swiper-button-next {
    right: 40px;
  }


.newslink-card {
  width:100%;
  border:1px solid var(--cms-blue);
  border-radius:1rem;
}
.newslink-card a { display:block; text-decoration:none; padding:1rem; }
.newslink-card a:hover { display:block; text-decoration:none; }

.newslink-subhead { color:inherit; font-size:0.8rem; font-weight:700; letter-spacing:0.050rem; text-transform:uppercase; margin-bottom:0.5rem; text-wrap:balance; }
.newslink-headline { color:inherit; font-size:1.4rem; line-height:1.2; font-weight:800; text-wrap:balance;}

@media all and (min-width: 768px) {
.newslink-card a { padding:1.5rem; }
}


/* dfwi stat cards */

.dfwi-stat-cards { margin:1rem 0; }
.dfwi-stat-card { width:100%; height:100%; position:relative; border:1px solid white; padding:19px; }

.dfwi-stat-blue { 
  * { border-color:var(--cms-blue); }
}

.stat-tl { position:absolute; top:0px; left:0px; width:20px; height:60px; 
  border-top:1px solid white; border-bottom:1px solid white;
  transform: skewY(45deg);
  transform-origin: left top;
}
.stat-bl { position:absolute; bottom:0px; left:0px; width:20px; height:60px; 
  border-top:1px solid white; border-bottom:1px solid white;
  transform: skewY(-45deg);
  transform-origin: left top;
}
.stat-tr { position:absolute; top:20px; right:0px; width:20px; height:60px; 
  border-top:1px solid white; border-bottom:1px solid white;
  transform: skewY(-45deg);
  transform-origin: left top;
}
.stat-br { position:absolute; bottom:20px; right:0px; width:20px; height:60px; 
  border-top:1px solid white; border-bottom:1px solid white;
  transform: skewY(45deg);
  transform-origin: left top;
}

.dfwi-stat-inner { border:1px solid white; 
  display: flex;
  flex-direction: column;
  align-items: center;      /* horizontal center */
  justify-content: center;  /* vertical center */
  text-align: center;
  width: 100%;
  height:100%; 
  padding: 1.5rem;
}

.dfwi-stat-card-text { color:inherit; font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.050rem;  }
.dfwi-stat-card-stat { color:inherit; font-size:2rem;}

.dfwi-stat-blue { 
  * { border-color:var(--cms-blue)!important; color:var(--cms-blue); }
}
.dfwi-stat-teal { 
  * { border-color:var(--cms-teal)!important; color:var(--cms-teal); }
}
.dfwi-stat-teal-light { 
  * { border-color:var(--cms-teal-light)!important; color:var(--cms-teal-light); }
}