body,html {
  height:100%;
  font-family: franklin-gothic-urw, sans-serif;
  background-color:#fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

#page-wrap {
  position:relative;
  width:100%;
  background-color:#ffffff;
  color:#032B4F; 
}

#page-header {
  position: static;
  width:100%;
}

#page-content { position: static; z-index:1; }

@media print { .no-print, .no-print * { display: none !important; }}


/* responsive support */

.container-fluid { max-width:1200px; padding:0 24px; margin:0 auto; }
.container-fluid-wide { max-width:1300px; padding:0 24px; margin:0 auto; }
.container-edge-to-edge { padding:0; }
.container-fluid-nav { width:100%; padding:0 24px; margin:0 auto; }
@media all and (min-width: 1200px) {
  .container-fluid-nav { padding:0 4%; }
}

.silver-wrap { background-color:#f7f7f7; }

.hold-width { max-width:850px; margin:0 auto; }
.hold-width-left { margin-left:0px; }
.padding-top { padding-top:40px; }
.padding-top-half { padding-top:20px; }
.padding-bottom { padding-bottom:40px; }
.padding-bottom-half { padding-bottom:20px; }
.form-padding { margin:24px 0; }
.form-boxed { border: 1px solid #ced4da; border-radius: .25rem; padding:8px; }
.form-vote-padding { padding-top:10px; padding-bottom:20px; }
@media all and (min-width: 768px) {
	.padding-top { padding-top:60px; }
	.padding-top-half { padding-top:30px; }
	.padding-bottom { padding-bottom:60px; }
	.padding-bottom-half { padding-bottom:30px; }
	.split-left { padding-right:30px; }
	.split-right { padding-left:30px; }
	.form-boxed { padding:16px; }
}


/* responsive images */

.img-responsive { max-width: 100%; height:auto!important; }
.img-fluid { width:100%!important; height:auto!important; }
.img-wrapright { float:right; padding:0; margin:6px 0px 14px 24px; max-width:48%; height:auto!important; }
.img-wrapleft { float:left; padding:0; margin:6px 24px 14px 0px; max-width:48%; height:auto!important; }

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* responsive features */

figure,figcaption,img { display: block; }
figcaption { font-weight:400; font-size:14px; line-height:1.4; margin:6px 0px 12px 0px; } 

.container-fluid-feature { max-width:768px; padding:0 24px; margin:0 auto; }

.body-feature { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-full { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-full p, .body-feature-full div, .body-feature-full figure { margin-left:-24px; margin-right:-24px; }
.body-feature-left { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-right { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-callout { border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:30px; margin-bottom:30px; }
.body-feature-callout p { font-weight:400; font-size:20px; line-height:30px; text-align:center; padding:16px 0px 6px 0px; }

.body-feature-full figcaption { padding-left:24px; padding-right:24px; }

@media all and (min-width: 768px) {
	.body-feature-left { float:left; padding:0; margin:6px 30px 12px 0px; width:60%; }
	.body-feature-left p, .body-feature-left figure { margin-left:-24px; } 
	.body-feature-right { float:right; padding:0; margin:6px 0px 12px 30px; width:60%; }
	.body-feature-right p, .body-feature-right figure { margin-right:-24px; }
	.body-feature-callout { } 
	.body-feature-callout p { padding:24px 24px 14px 24px; }
	
	.body-feature-left figcaption { padding-left:24px; }
	.body-feature-right figcaption { padding-right:24px; }
}


/* sponsor logos */

.sponsor-logos { margin:24px 0px; text-align:center;}
.sponsor-logos p { display:inline-block; max-width:120px; margin:6px 6px; border:4px solid #eee;}
.sponsor-logos p a { display:block; border:2px solid #fff;  transition: all 400ms ease;  }
.sponsor-logos p a:hover { border:2px solid #ddd; }
.sponsor-logos p img { max-width:120px; border:16px solid #fff; width:100%!important; height:auto!important; }
@media all and (min-width: 768px) {
	.sponsor-logos p { max-width:160px; margin:14px 12px;}
	.sponsor-logos p img { max-width:160px; }
}


/* alert box */

.alert-wrap { background-color:#cc3300; color:#fff; }
.alert-hold { display: table; width: 100%; }
.alert-prefix { display:table-cell; vertical-align: top; width:90px; padding-top:20px; }
.alert-content { display:table-cell; vertical-align: top; width:auto; padding-top:20px; }
.alert-dismiss { display:table-cell; vertical-align: top; width:32px; padding-top:20px; text-align:right; }

.alert-prefix { 
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

.alert-content { 
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
}

.alert-message { padding-bottom:20px; }
a.alert-link { color:#fff; text-decoration:underline; }
a.alert-link:hover { color:#fff; text-decoration:underline; }

.alert-dismiss { 
  color:#fff;
  font-size:20px;
  line-height:20px; 
  font-weight: 700;
  padding-bottom:20px;
}

#dismiss-alert { color:#fff; text-decoration:none; }

/*
#page-header.is-fixed .alert-wrap { display:none; }
*/

/* global typography */

h1 { font-size: 2.5rem; font-weight:700; margin-top:0px; margin-bottom: 1rem; }
h2 { font-size: 1.3rem; font-weight:700; margin-top:1rem; margin-bottom: 1rem; }
h3 { font-size: 1.1rem; font-weight:700; }
h4 { }
h5 { } 
h6 { }

p, li { font-size:17px; line-height:1.5; }

p.intro { font-weight:400; font-size:20px; line-height:1.5;}

label { color:#222; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid rgba(0,0,0,.1); }

a { color:#c45230; text-decoration:none; }
a:hover { color:#d85d47; text-decoration:none; }

a div.lnk-primary { color:#C45230; font-weight:700; font-size:18px; line-height:23px; }
a div.lnk-secondary { color:#444; font-weight:400; font-size:16px; line-height:20px; margin-top:3px; }
a div.lnk-secondary span { color:#aaa; }
a:hover div.lnk-primary { color:#d85d47; }
a:hover div.lnk-secondary { color:#888; }

a div.lnk-class { color:#032B4F; font-family: franklin-gothic-urw, sans-serif; font-weight:700; font-size:14px; line-height:21px; text-transform:uppercase; margin-bottom:6px; }

b,strong { font-weight:700; }

ul { margin-left: 0; padding-left: 16px; }
li { margin-bottom:3px; }
@media all and (min-width: 768px) { ul { margin-left: 0; padding-left: 32px; } }


.btn-brand { background-color:#C45230; font-weight:500; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #C45230; border-radius:0; font-size:15px; transition: all 0.15s linear 0s; }
.btn-brand:hover { background-color:#d85d47; border-color:#d85d47; color:#fff; }

.btn-outline-brand { background-color:#fff; font-weight:500; text-transform:uppercase; color:#C45230; letter-spacing:0.100rem; border:2px solid #C45230; border-radius:0; font-size:15px; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:#d85d47; border-color:#d85d47; color:#fff; }

.btn-brand-pill { background-color:#C45230; font-weight:400; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #C45230; font-size:12px; line-height:16px; transition: all 0.15s linear 0s; padding: 5px 15px; border-radius:60px; }
.btn-brand-pill:hover {  background-color:#d85d47; border-color:#d85d47; color:#fff; }

.btn-outline-brand-pill { background-color:#fff; font-weight:400; text-transform:uppercase; color:#C45230; letter-spacing:0.100rem; border:1px solid #C45230; font-size:12px; line-height:16px; transition: all 0.15s linear 0s; padding: 5px 15px; border-radius:60px; }
.btn-outline-brand-pill:hover { background-color:#d85d47; border-color:#d85d47; color:#fff; }

.lk { display:table; width:100%; margin-bottom:12px; }
.lk-arrow { display:table-cell; width:30px; vertical-align:top; font-size:16px; line-height:1.4; color:#032B4F; }
.lk-content { display:table-cell; width:auto; vertical-align:top; }



/* footer */

.footer-wrap { background-color:#E2D9A2; border-top:26px solid #77A08A; }
.footer-logo { width:100%; max-width:240px; margin:0 auto 16px auto; }
.footer-wrap p { font-size:18px; line-height:1.25;  font-weight:500; color:#032B4F; }
.footer-social { margin:16px 0 0 0; }
.footer-social a { display:inline-block; width:40px; height:40px; font-size:20px; line-height:40px; border-radius:50%; text-align:center; margin:0 6px; }
.footer-social a { text-decoration:none; color:#fff; background-color:#032B4F; border:none; transition: all 0.15s linear 0s;}
.footer-social a:hover { color:#fff; background-color:#032B4F; }
@media screen and (min-width: 992px) {
  .footer-logo { margin:0 0 24px 0; max-width:240px; }
	.footer-social { margin:0;  }
  .footer-social a { margin:0 0 0 12px; }
}


.footer-legal-wrap { background-color:#f2ebc6; padding:30px 0px; }
.footer-legal-wrap p { font-size:15px; line-height:1.5; }
.footer-legal-wrap a { color:#032B4F; text-decoration:underline; }
.footer-legal-wrap a:hover { color:#032B4F; text-decoration:underline; }
.footer-legal-wrap p.md-inline { margin:0; }
@media screen and (min-width: 992px) {
	.footer-legal-wrap p.md-inline { display:inline-block; }
}	

	
	
/* banner */

.no-banner {  }

.banner-b { width:100%; max-width:1300px; margin:0 auto; height:160px; background-color:#eee; background-position:center center; background-size:cover;}
@media all and (min-width: 992px) {
  .banner-b { height:240px; }
}

.banner-hero { position:relative; width:100%; max-width:1300px; margin:0 auto; height:300px; background-color:#eee; background-position:center center; background-size:cover;}
.banner-hero-hold { position:absolute; bottom:36px; width:100%; }
.banner-hero-text { display:inline; background-color:#e36c55; color:#fff; font-size:50px; line-height:1.25; font-weight:900; padding:8px 24px; border-bottom:8px solid #e09b2b; }
@media all and (min-width: 992px) {
  .banner-hero { height:500px; }
}


/* detail header */

.full-color { width:100%; background:#fafafa; }

.detail-header { width:100%; background:#fafafa; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; }

.detail-header h1 { }

p.header-groups { margin-top:20px;} 

a.btn-header-groups { background-color:#fff; padding:4px 8px; margin:3px 1px; border-radius:4px; transition: all 0.15s linear 0s;  }
a.btn-header-groups { font-size:13px; line-height:15px; letter-spacing:0.050rem; font-weight:700; text-transform:uppercase; color:#C45230; border:2px solid #C45230; }
a.btn-header-groups:hover { color:#d85d47; border-color:#d85d47; }

/* sidenav drawer topnav */

.d-topnav { width: 100%; max-width: 1300px; margin: 0 auto; border-top:3px solid #fff; background-color:#032B4F; }

.d-topnav-section { display:table; width:100%; }
.d-topnav-section-label { display:table-cell; text-align:left; width:auto; padding:10px 12px 10px 24px; vertical-align:top; font-size:16px; line-height:24px; }
.d-topnav-section-toggle { display:table-cell; text-align:right; width:64px; padding:10px 24px 10px 12px; vertical-align:top; cursor:pointer; color:#fff; font-size:20px; line-height:24px; }
.d-topnav-section-label a { color:#fff; font-size:15px; line-height:24px; font-weight:600; text-transform:uppercase; text-decoration:none; }
.d-topnav-section-selected .d-topnav-section-label a { color:#E2D9A2; }
.d-topnav-section-label a:hover, .d-topnav-section-toggle:hover { color:#E2D9A2; text-decoration:none;  }
#d-topnav-drawer { display:none; }
@media all and (min-width: 992px) {
  .d-topnav { text-align:center; position:relative; border-top:6px solid #fff; padding:4px 30px; }
  .d-topnav-notch { position:absolute; width:9px; height:6px; margin-top:-3px; background-color:#fff; }
  .d-topnav-notch-a { left:0px; top:50%; }
  .d-topnav-notch-b { right:0px; top:50%; }
  
	.d-topnav-section { display:inline; width:auto; }
  .d-topnav-section-label { display:inline; padding:0; }
  .d-topnav-section-label a { display:inline-block; padding:8px 24px; }
  .d-topnav-section-toggle { display:none; }
  #d-topnav-drawer { display:inline!important; }
}

.d-topnav > ul { padding:0; margin:0; }
.d-topnav > ul > li { padding:0; margin:0; list-style:none; }
.d-topnav > ul > li { border-top:1px solid #E2D9A2; }
.d-topnav > ul > li a { display:block; padding:10px 24px 10px 44px; width:100%; color:#fff; font-size:15px; line-height:24px; font-weight:600; text-transform:uppercase; text-decoration:none; }
.d-topnav > ul > li a:hover { color:#E2D9A2; text-decoration:none; }
.d-topnav > ul > li.d-open a { color:#E2D9A2; }
.d-topnav > ul > li.d-selected a { color:#E2D9A2; }
@media all and (min-width: 992px) {
  .d-topnav > ul { list-style-type: none; display:inline; }
  .d-topnav > ul > li { display:inline; list-style-type: none; border:0; }
  .d-topnav > ul > li a { display:inline-block; width:auto; padding:8px 24px; }
}


/* sidenav drawer */

.sidenav-container { max-width:1200px; margin:auto; } /* match container-fluid width */
.sidenav-row { display:block; width:100%; }
.sidenav-col-nav { display:block; width:100%; padding:0; }
.sidenav-col-content { display:block; width:100%; padding-right:24px; padding-left:24px; }
@media screen and (min-width: 992px) {
	.sidenav-row { display: flex; flex-direction: row-reverse; width:100%; }
	.sidenav-col-nav { display:block; width:25%; padding:60px 24px 60px 40px; }
	.sidenav-col-content { display:block; width:75%; padding-right:40px; }
}

.d-sidenav { width:100%; }

.d-sidenav-section { display:table; width:100%; background-color:#032B4F; }
.d-sidenav-section-label { display:table-cell; background-color:#032B4F; text-align:left; width:auto; padding:10px 12px 10px 24px; vertical-align:top; font-size:16px; line-height:24px; }
.d-sidenav-section-toggle { display:table-cell; background-color:#032B4F; text-align:right; width:64px; padding:10px 24px 10px 12px; vertical-align:top; cursor:pointer; color:#fff; font-size:20px; line-height:24px; }
.d-sidenav-section-label a { color:#fff; font-weight:600; text-transform:uppercase; text-decoration:none; }
.d-sidenav-section-label a:hover { color:#eee; text-decoration:none;  }
#d-sidenav-drawer { display:none; }
@media all and (min-width: 992px) {
	.d-sidenav-section-label { display:block; width:100%;}
	.d-sidenav-section-toggle { display:none;  }
	#d-sidenav-drawer { display:block!important; }
}

.d-sidenav ul { padding:0; margin:0; }
.d-sidenav > ul { border:1px solid #fff; } 
.d-sidenav li { padding:0; margin:0; list-style:none; }

.d-sidenav li .li-flex { display:flex; }

.d-sidenav > ul > li { border-bottom:1px solid #E09B2B; }
.d-sidenav > ul > li:last-child { border-bottom:1px solid #E09B2B; }

.d-sidenav li ul { padding-bottom:16px; }
.d-sidenav li ul li { padding:4px 0px; }

.d-sidenav li a {
  display:table;
  width:100%; 
  text-decoration:none;
  font-weight:400;
}

.d-sidenav li.d-open { background-color:#fff; }

.d-sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:left; padding:14px 0px 14px 20px; font-weight:400; font-size:14px; line-height:24px; vertical-align:top; color:#fff; }
.d-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 0px; font-weight:600; text-transform:none; font-size:15px; line-height:24px; vertical-align:top; color:#032B4F; }
.d-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:500; font-size:14px; line-height:24px; vertical-align:top; color:#444; }
.d-sidenav li a:hover div { color:#d85d47; }

.d-sidenav li.d-open a div.sn-indicator { color:#032B4F; }
.d-sidenav li.d-selected div.sn-indicator { color:#c45230!important; }
.d-sidenav li.d-selected div.sn-label { color:#c45230; }

.d-sidenav li.d-sub-selected div.sn-label-nested { color:#c45230!important; }


/* blue value proposition */

.bg-blue { background-color:#032B4F; }
.blue-value { padding-top:60px; padding-bottom:60px; font-size:38px; line-height:1.4; color:#fff; font-weight:600; text-align:center; }
.blue-value i { font-style:normal; color:#E36C55; }

/* basic lightbox */

.lightbox-wrap { margin-top:30px; }
.lightbox-squares { width:100%; padding-bottom:100%; background-color:#eee; background-position:center center; background-size:cover; margin-bottom:30px; }

/* staff browser */

.staffceo { margin-bottom:24px; }
.staffceo-image { max-width:240px; margin:36px auto 22px auto; }
.staffceo-image-img { width:100%; padding-bottom:100%; border-radius:50%; background-size:cover; background-position:center center; }
.staffceo-content { text-align:center; }
.staffceo-name { font-size:26px; line-height:1.15; font-weight:700; margin-bottom:2px; color:#c45230; }
.staffceo-title { font-weight: 600; font-size:22px; line-height:1.3; margin-bottom:12px; color:#4c6982; }
.staffceo-email { font-weight: 400; font-size:20px; line-height:1.3; margin-bottom:12px; color:#4c6982; }
.staffceo-teaser { font-weight: 400; font-size:20px; line-height:1.3; margin-bottom:16px; }
@media all and (min-width: 992px) {
  .staffceo { display:flex; align-items: center; }
  .staffceo-image { width:100%; max-width:360px; margin:36px 50px 22px 0px; }
  .staffceo-content { text-align:left; max-width:450px; }
}

.staff { margin-bottom:24px; text-align:center; }
.staff-picture-size { max-width:240px; margin:36px auto 22px auto; }
.staff-picture { width:100%; padding-bottom:100%; border-radius:50%; background-size:cover; background-position:center center; }
.staff-name { font-size:22px; line-height:1.15; font-weight:700; margin-bottom:2px; color:#c45230; }
.staff-title { font-weight: 600; font-size:18px; line-height:1.3; margin-bottom:12px;  color:#4c6982; }
.staff-teaser { font-weight: 400; font-size:16px; line-height:1.3; margin-bottom:16px; }
@media all and (min-width: 992px) {
  .staff { text-align:left; }
  .staff-picture-size { margin-left:0px; }
}

.staffdetail { }
.staffdetail-image { max-width:240px; margin:0px auto 24px 0px; }
.staffdetail-image-img { width:100%; padding-bottom:100%; border-radius:50%; background-size:cover; background-position:center center; }
.staffdetail-content { text-align:left; }
.staffdetail-name { font-size:26px; line-height:1.15; font-weight:700; margin-bottom:2px; color:#c45230; }
.staffdetail-title { font-weight: 600; font-size:22px; line-height:1.3; margin-bottom:12px; color:#4c6982; }
.staffdetail-email { font-weight: 400; font-size:20px; line-height:1.3; margin-bottom:12px; color:#4c6982; }
.staffdetail-teaser { font-weight: 400; font-size:20px; line-height:1.3; margin-bottom:16px; }
@media all and (min-width: 992px) {
  .staffdetail { display:flex; }
  .staffdetail-image { width:100%; max-width:360px; }
  .staffdetail-content { text-align:left; max-width:700px; padding-left:30px; }
}



/* board browser */

.board-cards { margin-top:50px; }
.board-card { display:flex; width:100%; align-items: center; margin:0 0 36px 0; }
.board-card-left { }
.board-card-right { }
.board-card-image { width:120px; height:120px; background-position: center center; background-size: cover; border-radius:50%; margin-right:24px; }
.board-card-name { font-size:22px; line-height:1.15; font-weight:700; margin-bottom:5px; color:#c45230; }
.board-card-firm { font-size:15px; line-height:1.15; font-weight:600; margin-bottom:5px; text-transform:uppercase; color:#4c6982; }
.board-card-title { font-size:18px; line-height:1.15; font-weight:500; }


/* home lead story */

.home-story { width:100%; position:relative; }
.home-story-image { position:absolute; top:0; z-index:1; width:100%; height:100%; }
.home-story-image-image { background-position: top center; background-size:cover; width:100%; height:100%; }
.home-story-content { position:relative; top:0; right:0px; z-index:2; width:100%; height:auto; padding:24px; }
.home-story-content-box { background-color:#e36C55; border-bottom:16px solid #e4AD3F; padding:20px; }

.home-story-content-box-h1 { font-size: 42px; line-height:1.2; font-weight:900; margin-bottom: 60px; color:#fff; }
.home-story-content-box-h1 span.blue-text { display:block; color:#032B4F; }
.home-story-content-box-h1 span.white-text { display:block; color:#fff; }

.home-story-content-box-a a { color:#e2d9a2; font-weight:700; font-size:20px; line-height:30px; }
.home-story-content-box-a a > span { margin-left:10px; }
@media all and (min-width: 992px) {
  .home-story-image { width:66%; }
  .home-story-content { width:50%; float:right; padding:60px 0 60px 0; }
}
@media all and (min-width: 1200px) {
  .home-story-image { width:76%; }
  .home-story-content { width:40%; padding:80px 0 80px 0; }
}

/* home what's hot */

.home-hot-wrap { background-color:#f6f4e3; }
.home-hot { display:block; }
.home-hot-image { display:block; padding:50px; }
.home-hot-image-image { background-position: center center; background-size:cover; width:100%; padding-bottom:100%; border-radius:50%; }
.home-hot-content { display:block; width:100%; padding:24px; }
.home-hot-content-box { }

@media all and (min-width: 768px) {
  .home-hot { display:table; max-width:1300px; margin:0 auto; }
  .home-hot-image { display:table-cell; width:40%; vertical-align:middle; }
  .home-hot-content { display:table-cell; width:60%; vertical-align:middle; }
}
@media all and (min-width: 1200px) { }



/* basic snake */

.snake-wrap { width:100%; background-color:#fafafa; }
.snake-container { width:100%; max-width:1200px; background-color:#fff; margin:0 auto; }
.snake-row { display:block; }
.snake-image { display: block; width:100%; padding-bottom: 90%; background-size:cover; background-position:center center; }
.snake-content { display: block; background-color:#fff; padding:30px; }
@media all and (min-width: 576px) {
	.snake-image { padding-bottom: 50%; }
}
@media all and (min-width: 768px) {
	.snake-row { display:flex; }
	.snake-row-alternate { flex-direction: row-reverse; }
	.snake-image { width:50%; padding:0; }
	.snake-content { width:50%; padding:60px; }
}
@media all and (min-width: 992px) {
	.snake-content { padding:90px; }
}
@media all and (min-width: 1200px) {
	.snake-content { padding:120px; }
}


/* basic landing snake */

.lsnake-wrap { width:100%; background-color:#fff; }
.lsnake-container { width:100%; max-width:1300px; background-color:#fff; margin:0 auto; }
.lsnake-row { display:block; }
.lsnake-image { display: block; width:100%; padding-bottom: 90%; background-size:cover; background-position:center center; }
.lsnake-content { display: block; background-color:#fafafa; }
.lsnake-content-box {  padding:30px; xborder:2px solid #e09b2b; }
@media all and (min-width: 576px) {
	.lsnake-image { padding-bottom: 50%; }
}
@media all and (min-width: 768px) {
	.lsnake-row { display:flex; margin-bottom:24px; }
	.lsnake-row-alternate { flex-direction: row-reverse; }
	.lsnake-image { width:48%; padding:0; }
	.lsnake-content { width:52%; }
  .lsnake-content-box { padding:60px; }
}
@media all and (min-width: 992px) {
	.lsnake-content-box { padding:90px; }
}
@media all and (min-width: 1200px) {
	.lsnake-content-box { padding:120px; }
}


/* major initiatives */

.major-init { }
.major-init-image { width:100%; height:300px; background-position:center center; background-size:cover; }
.major-init-title { font-size: 1.3rem; font-weight:700; margin-top:1rem; margin-bottom: 0.5rem; }
.major-init-teaser { color:#000; }


/* Basic Landing Page */

.nav-card-gallery { margin:24px 0px; }
.nav-card { margin-bottom:24px; }
.nav-card a { position:relative; display:block; width:100%; height:100%; background-color:#333; }
.nav-card-image { width:100%; padding-bottom:100%; background-position:center center; background-size:cover; }
.nav-card-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); }
.nav-card-content {  position:absolute; bottom:0; width:100%; height:auto; padding:24px; background-color:rgba(0,0,0,0.8);  }
.nav-card-content-headline { text-align:center; color:#fff; font-size:18px; line-height:22px;  }

.nav-card-transition {  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.nav-card a:hover .nav-card-cover { background-color:rgba(0,0,0,0.3); }
.nav-card a:hover .nav-card-content { background-color:#000; } 






/* map markers and popups */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:#122C50; }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:white; }

.mapboxgl-map { font-family:inherit; }
.mapboxgl-ctrl-attrib.mapboxgl-compact { min-height:24px; } /* bug fix */

.mapboxgl-popup { width: 200px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:30px 20px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { margin:4px 0px;  color: #132C50; font-weight:700; font-size:16px; line-height:20px; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:4px 0px; font-size:12px; line-height:20px; color:#333; }
.mapboxgl-popup-content p.mapbox-pop-link { margin:4px 0px; font-size:14px; line-height:20px; }


/* development map */

.dev-map-key-hold { width:100%; max-width:1300px; margin:0 auto; }
.dev-map-key { border:1px solid #eee; border-top:0; margin:0 24px; padding:4px 24px; font-size:14px; line-height:1.75; text-align:center; }
.dev-map-key span { margin-left:10px; margin-right:10px; white-space:nowrap; }
.dev-map-key span.dev-5 b { color:#032B4F; }
.dev-map-key span.dev-4 b { color:#7b92b9; }
.dev-map-key span.dev-6 b { color:#c45230; }

.dmark-5 { fill:#032B4F; }
.dmark-4 { fill:#7b92b9; }
.dmark-6 { fill:#c45230; }


/* point-section */

#point-section #clmap { width:100%; height:50vh; min-height:100px; max-height:500px; 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:#ffffff;
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:#fff; text-decoration: none; }
.section-filters a.selected { background-color:#122C50; border-color:#122C50; color:#fff; }

.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; overflow:hidden; }
.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 ticky */

.sticky-hold {  }
.sticky-content { width:100%; background-color:#fff; 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:1300px; margin:0 auto; background-color:#000; min-height:100vh; }
	.sticky-content { flex: 1 1 auto; height:auto; }
	.sticky-map { flex: 1 1 auto; height:auto; }
	#stickymap { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}



/* point-detail */

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

#point-detail { margin-left:-24px; margin-right:-24px; 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-top:2px solid white; border-bottom:2px solid white; }
@media all and (min-width: 992px) {
	#point-detail #clmap { border:2px solid white; }
	#point-detail { margin-left:0px; margin-right:0px; border: 1px solid #E6E4E0; }
}

.ftn { text-align:center; }
.ftn h4 { text-align:center; }
.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;}


/* post section */

.isotope-filters { margin:24px auto; text-align:center; max-width:900px;}
.isotope-filters h3 { text-align:center; color:#b6b5b5; font-size:14px; line-height:16px; letter-spacing: 0.100rem; text-transform:uppercase;}
.isotope-filters button {
font-weight:400;
letter-spacing: 0.100rem;
text-decoration: none;
line-height: 14px;
font-size: 14px;
text-align: center;
display:inline-block;
color:#6c6c6c;
background-color:#ededed;
border:none;
border-radius:4px;
padding:6px 9px;
white-space: nowrap;
margin:0px 6px 10px 0px;
}
.isotope-filters button:hover { background-color:#85c442; color:#fff; text-decoration: none; cursor:pointer;}
.isotope-filters button.button-selected { background-color:#85c442; color:#fff; }

.isotope { margin-top: 48px; width:100%; }

.isotope-item { }

.isotope-sizer,.isotope-item { width: 100%; }

.isotope-margin { margin-bottom:24px; }

@media all and (min-width: 768px) {
	.isotope-sizer,.isotope-item { width: 50%; }
	.isotope-margin { margin-left:12px; margin-right:12px;}
}

@media all and (min-width: 992px) { 
	.isotope-sizer,.isotope-item { width: 33.33%; }
}

@media all and (min-width: 1200px) { 
	.isotope-sizer,.isotope-item { width: 25%; }
}

/* cards */

.iso-card { }

.iso-card a { display:block; width:100%;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
}

.iso-card-image { position:relative; width:100%; height:auto; }
.iso-card-image-image { }
.iso-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.25); }
.iso-card-image-tag { position:absolute; top:0px; right:0px; width:auto; height:auto; background-color:rgba(0,0,0,0.7); font-size:12px; line-height:12px; color:#fff; padding:10px; }

.iso-card-content { background-color:#eee; padding:20px; text-align:left; }
.iso-card-content-headline { color:#444; font-size:20px; line-height:26px; margin-bottom:10px; }
.iso-card-content-body { color:#555; font-size:14px; line-height:20px;  margin-bottom:10px; }

.iso-card-transition {  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.iso-card a:hover .iso-card-image-cover { background-color:rgba(0,0,0,0.0); }
.iso-card a:hover .iso-card-content { background-color:#bada55; } 


/* Post Section */

.post-card-gallery { margin:48px 0px 24px 0px; }
.post-card { margin-bottom:30px; }
.post-card a { display:block; width:100%; }

.post-card-image { position:relative; width:100%; height:auto; }
.post-card-image-image { }
.post-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(255,255,255,0.25); }
.post-card-image-tag { position:absolute; top:0px; right:0px; width:auto; height:auto; background-color:rgba(0,0,0,0.5); font-size:12px; line-height:12px; color:#fff; padding:10px; }

.post-card-content { background-color:#fff; padding:20px; text-align:left; }
.post-card-content-headline { color:#222; font-weight:700; font-size:20px; line-height:1.4; margin-bottom:12px; }
.post-card-content-body { color:#222; font-weight:400; font-size:15px; line-height:23px;  margin-bottom:12px; }
.post-card-content-more { color:#C45230; font-size: 13px; font-weight: 700; letter-spacing: 0.0500rem; text-transform: uppercase; }

.post-card-transition {  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.post-card a:hover .post-card-image-cover { background-color:rgba(255,255,255,0.0); }
.post-card a:hover .post-card-content { background-color:#fafafa; } 
.post-card a:hover .post-card-content-headline { color:#000; }
.post-card a:hover .post-card-content-body { color:#222; }
.post-card a:hover .post-card-content-more { color:#d85d47; }


/* Post Detail */

.sharing-box { display:table; margin:10px auto; }
.sharing-label { display:table-cell; text-align:center; padding:10px; }
.sharing-icons { display:table-cell; text-align:center; }
.sharing-square { display:inline-block; text-align:center; margin:10px; }
.sharing-square a { display:inline-block; width:40px; height:40px; font-size:18px; line-height:38px; text-align:center;  }
.sharing-square a { text-decoration:none; color:#fff; background-color:#C45230; border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:#fff; background-color:#d85d47; }
.share-cta { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; }
@media all and (min-width: 992px) {
	.sharing-box { display:block; margin-top:0px; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}

.awesome-box { display:table; width:100%; }
.awesome-box-icon { display:table-cell; width:40px; vertical-align:top; text-align:center; }
.awesome-box-link { display:table-cell; width:auto; vertical-align:top; text-align:left; }










/* accordian */

.accordion { list-style: none; margin: 36px 0px 24px 0px; padding: 0; }

.accordion__heading { border-top: 1px solid #aaa; font-size: inherit; margin: 0; padding:0; }

.accordion__trigger {
  -webkit-appearance: none;
  background-color: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #4464c2;
  cursor: pointer;
  display: block;
  font-size: inherit;
  font-weight:700;
  margin: 0;
  padding: 16px 50px 16px 16px;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 2;
}

.accordion__trigger:after {
  border-left: .4em solid transparent;
  border-right: .4em solid transparent;
  border-top: .5em solid #222;
  bottom: 0;
  content: '';
  height: 0;
  margin: auto;
  position: absolute;
  right: 16px;
  top: 0;
  transition: transform .2s ease-in-out;
  transform-origin: center center;
  transform: rotate(0deg);
  width: 0;
}

.accordion__trigger:hover:after,
.accordion__trigger:focus:after,
.accordion__trigger[aria-expanded="true"]:after {
	/* border-top-color: #fff; */ /* change color of css triangle */
}

.accordion__trigger[aria-expanded="true"]:after {
	transform: rotate(180deg);
}

.accordion__trigger:hover,
.accordion__trigger:focus {
	background-color: #fafafa;
	outline: none;
}

.accordion__trigger:focus {
	/*box-shadow: inset 0 0 0 2px #1e82d1;*/
}

.accordion__trigger[aria-disabled="true"]:hover {
	background-color: #1b75bc;
	color: #fff;
	cursor: not-allowed;
}

.accordion__trigger[aria-disabled="true"]:focus {
	background-color: #0a2a42;
}

.accordion__trigger[aria-expanded="true"] {
	background: #fafafa;
	/*color: #fff;*/
}

.accordion__panel {
	max-height: 0vh;
	overflow: hidden;
	padding: 0;
	position: relative;
	visibility: hidden;
	z-index: 1;
}

.accordion__panel > :last-child {
	margin-bottom: 0;
}

.accordion__panel[aria-hidden="false"] {
	background-color: #fafafa;
	max-height: 100vh;
	overflow: hidden; /* prevent scrollbar flash */
	padding: 0;
	visibility: visible;
	transition: max-height 1.3s linear,	visibility 1.3s linear;
}

.accordion_panel_inner { padding:8px 50px 16px 16px; }


/* Covid Dining */

.pcovid-padding { padding-bottom:30px; }
.pcovid { border:1px solid #e1e1dc; padding:16px 20px; height:100%; }
.pcovid h2 { margin:0 0 6px 0; font-size:23px; line-height:1.5; text-transform:none; }
.pcovid p { margin:0 0 6px 0; }

.pcovgroups { font-style:italic; font-size:14px; line-height:1.3; margin:-3px 0 8px 0px; }

.pcovid-options { margin:12px 0px; }

.pcovid-options > div { margin:8px 0px; font-weight:700;}

.pcovid-option-icons { display:inline-block; width:30px; height:30px; font-size:16px; line-height:30px; border-radius:50%; text-align:center; }
.pcovid-option-icons { text-decoration:none; color:#fff; background-color:#4b026b; border:none; margin-right:4px; }

.pcovid p.covid-narrative { font-size:15px; line-height:1.3; margin:0; }