body,html {
  height:100%;
  font-family: 'Source Sans Pro', sans-serif;
  background-color:#222222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

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

#page-header { }

#page-content { }


/* alert box */

.alert-wrap { background-color:#003E51; 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; }


/* global typography */

h1,h2,h3,h4,h5,h6 { font-family: 'Ultra', serif; }

h1 { font-size: 2.5rem; font-weight:400; color:#003E51; margin-top:0px; margin-bottom: 1rem; }
h2 { font-size: 1.3rem; font-weight:400; color:#003E51; margin-top:1rem; margin-bottom: 1rem; }
h2.on-detail { font-size: 1.0rem; margin-top:1.5rem; margin-bottom: 1rem; font-weight:400; color:#003E51; }
h3 { font-size: 1.1rem; font-weight:400; color:#003E51; }
h4 { color:#003E51; }
h5 { color:#003E51; } 
h6 { color:#003E51; }

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

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

label { color:#003E51; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 2px solid #F4EEE7; }

a { color:#237D99; text-decoration:none; }
a:hover { color:#54AAC4; text-decoration:none; }

a div.lnk-primary { color:#237D99; font-weight:700; font-size:20px; line-height:26px; }
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:#54AAC4; }
a:hover div.lnk-secondary { color:#888; }

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


/* buttons */

.btn-brand { background-color:#237D99; border:1px solid #237D99; color:#fff; font-size:14px; font-weight:900; text-transform:uppercase; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; border-radius:0; padding: .375rem .75rem; transition: all 0.15s linear 0s; }
.btn-brand:hover { background-color:#54AAC4; border-color:#54AAC4; color:#fff; }

.btn-outline-brand { background-color:#fff; border:1px solid #237D99; color:#237D99; font-size:14px; font-weight:900; text-transform:uppercase; letter-spacing:0.100rem; 
 margin:4px 2px 4px 0px; border-radius:0; padding: .375rem .75rem; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:#54AAC4; border-color:#54AAC4; color:#fff; }

.btn-brand-pill { background-color:#237D99; border:1px solid #237D99;  color:#fff; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; }
.btn-brand-pill:hover {  background-color:#54AAC4; border-color:#54AAC4; color:#fff; }

.btn-outline-brand-pill { background-color:#fff; border:1px solid #237D99; color:#237D99; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; }
.btn-outline-brand-pill:hover { background-color:#54AAC4; border-color:#54AAC4; color:#fff; }

.btn-naked { color:#237D99; text-transform:uppercase; letter-spacing:0.050rem; margin:4px 2px 4px 0px; padding: .375rem 0rem; transition: all 0.15s linear 0s; }
.btn-naked:hover { color:#54AAC4; }


.add-arrow::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f178";
  padding-left:8px;
}
.add-angle::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\203a";
  padding-left:8px;
}

.btn-subscribe { background-color:#fff; border:1px solid #54aac4; border-bottom:3px solid #54aac4; color:#237D99; font-size:14px; font-weight:900; text-transform:uppercase; letter-spacing:0.050rem;
  margin:4px 2px 4px 0px; border-radius:0; padding: .375rem 1.25rem; transition: all 0.15s linear 0s; }
.btn-subscribe:hover { background-color:#54AAC4; border-color:#54AAC4; color:#fff; }



/* sponsor logos */

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



/* footer */

.footer-subscribe { background-color:#237D99; padding:0px 24px; }
.dmat-hold { display:table; width:100%; max-width:1200px; margin:0 auto; }
.dmat-mailbox { display:table-cell; width:100px; text-align:left; vertical-align:bottom; padding-top:24px; }
.dmat-content { display:table-cell; width:auto; text-align:left; vertical-align:middle;  }

.dmat-content-layout { display:block; width:100%; }
.dmat-cta { display:block; margin:32px 0 8px 0; font-family: 'Ultra', serif; color:#fff; font-size:24px; line-height:1.25; }
.dmat-sub { display:block; margin:0 0 8px 0; color:#fff; font-weight:700; font-size:18px; line-height:1.25; }
.dmat-btn { display:block; margin:0 0 24px 0; }
@media screen and (min-width: 992px) {
  .dmat-content-layout { display:table; }
  .dmat-cta { display:table-cell; vertical-align:middle; width:350px; text-align:left;  font-size:28px; }
  .dmat-sub { display:table-cell; vertical-align:middle; width:auto; text-align:center; padding:0 20px; }
  .dmat-btn { display:table-cell; vertical-align:middle; width:160px; text-align:right; }
}  
  
  
.footer-wrap { background-color:#fff; padding:24px 0px; }
.footer-wrap p { font-size:16px; line-height:1.4; color:#003E51; margin-bottom:6px; }
.footer-wrap p.footer-headline { font-weight:700; font-size:18px; font-weight:700; margin-bottom:2px; }

.footer-hold { display:block; width:100%; max-width:240px; margin:36px auto;  }
.footer-cell1 { display:block; text-align:center; margin-bottom:36px; }
.footer-cell2 { display:block; text-align:center; margin-bottom:36px; }
.footer-cell3 { display:block; text-align:center; }
@media screen and (min-width: 992px) {
  .footer-hold { display:table; max-width:1200px; }
  .footer-cell1 { display:table-cell; padding:0 36px; width:40%; vertical-align:top; }
  .footer-cell2 { display:table-cell; padding:0 36px; width:25%; vertical-align:top; border-left:1px solid #E6E0D9; border-right:1px solid #E6E0D9; }
  .footer-cell3 { display:table-cell; padding:0 36px; width:35%; vertical-align:top; }
}

.logo-address { display:block;  }
.logo-address-logo { display:block; width:180px; height:60px; margin:0 auto; }
.logo-address-address { display:block; text-align:center; }
@media screen and (min-width: 992px) {
  .logo-address { display:table; }
  .logo-address-logo { display:table-cell; vertical-align:top; padding-top:7px; }
  .logo-address-address { display:table-cell; vertical-align:top; text-align:left; padding-left:20px; }
}

.paypal-donations button { border:0; margin:0; padding:0; }
.btn-footer { -webkit-appearance: button; display:inline-block; background-color:#fff; border-bottom:6px solid #54AAC4; color:#237D99; 
  font-weight:900; font-size:14px; line-height:28px;  letter-spacing:0.075rem; text-transform:uppercase; transition: all 0.15s linear 0s; }
.btn-footer:hover { color:#003E51; border-color:#003E51; }

.footer-legal-wrap { background-color:#003E51; padding:20px 0px; }
.footer-legal-wrap p { color:#aabec5; margin:0; font-size:15px; line-height:2.5; }
.footer-legal-wrap a { color:#aabec5; text-decoration:none; transition: all 0.15s linear 0s; }
.footer-legal-wrap a:hover { color:#fff; text-decoration:underline; }

.footer-legal-wrap a.legal-link { text-decoration:underline; margin:0 8px; }

.footer-social { margin-top:20px; }
.footer-social a { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 8px; }
.footer-social a { text-decoration:none; color:#000; background-color:#fff; border:none; transition: all 0.15s linear 0s; }
.footer-social a .facebook-purple { color:#3b5998; }
.footer-social a .twitter-blue { color:#1da1f2; }
.footer-social a .instagram-pink { color:#ca3a95; }
.footer-social a:hover { color:#000; background-color:#F4EEE7; }
@media screen and (min-width: 992px) { 
  .footer-social { margin-top:0px; }
  .footer-social a { margin:0 14px 0 0; } 
}
	
	
/* banner */

.no-banner { width:100%; border-top:2px solid #F4EEE7; }

.hero-banner { width:100%; position:relative; border-top:6px solid #54AAC4; border-bottom:6px solid #54AAC4; }
.hero-banner-image { display:block; position:absolute; top:0; z-index:1; width:100%; height:100%; background-position:center center; background-size:cover; }
.hero-banner-cover { display:block; position:absolute; top:0; z-index:2; width:100%; height:100%; background-color:rgba(0,0,0,0.2); }
.hero-banner-content { display:table; position:relative; top:0; z-index:3; width:100%; height:100%; }
.hero-banner-content-cell { display:table-cell; width:100%; height:300px; text-align:center; vertical-align:middle; font-family: 'Ultra', serif; color:#fff; padding:40px; font-size:50px; line-height:1.2; }
@media all and (min-width: 992px) {
  .hero-banner-content-cell { height:450px; font-size:70px;  }
}

/* detail header */

.light-background { background-color:#fcfaf8; }

.detail-header { width:100%; background-color:#237D99; border-top:6px solid #54AAC4; }
.detail-header h1 { font-size: 3.2rem; color:#fff; }

.detail-header-padding { padding:20px 0; }
.detail-header-top { width:100%; height:70px; background:url('https://ctycms.com/az-chandler/triangle-top-400x70.svg') top center repeat-x; opacity:0.2; }
.detail-header-bottom { width:100%; height:70px; background:url('https://ctycms.com/az-chandler/triangle-bottom-400x70.svg') top center repeat-x; opacity:0.2; }


p.header-groups { margin-top:20px; color:#fff; } 
a.btn-header-groups { background-color:inherit; padding:5px 10px; margin:3px 2px 3px 2px; border-radius:0px; 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:#F6FCFE; border:1px solid #F6FCFE; }
a.btn-header-groups:hover { background-color:#F6FCFE; color:#237D99; border-color:#F6FCFE; }


/* 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; width:100%; }
	.sidenav-col-nav { display:block; width:25%; background-color:#F4EEE7; }
	.sidenav-col-content { display:block; width:75%; padding-left:80px; }
}

.d-sidenav { width:100%; }

.d-sidenav-section { display:table; width:100%; background-color:#237D99; }
.d-sidenav-section-label { display:table-cell; background-color:#237D99; text-align:left; width:auto; padding:12px 12px 12px 24px; vertical-align:top; font-size:18px; line-height:24px; }
.d-sidenav-section-toggle { display:table-cell; background-color:#237D99; text-align:right; width:64px; padding:12px 36px 12px 12px; vertical-align:top; cursor:pointer; color:#fff; font-size:18px; line-height:24px; }
.d-sidenav-section-label a { color:#fff; font-weight:400; font-family: 'Ultra', serif; 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 { background-color:#F4EEE7; } 
.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 #fff; }
.d-sidenav > ul > li:last-child { border-bottom:none; }

.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:#75c3d8; }

.d-sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:left; padding:14px 0px 14px 20px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:#F4EEE7; }
.d-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 0px; font-weight:600; font-size:16px; line-height:24px; vertical-align:top; color:#003E51; }
.d-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:#003E51; }
.d-sidenav li a:hover div { color:#003E51; }

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

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


/* Owl Gallery */

.owl-wrapper { }

.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6; /* inactive color */
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #54AAC4; /* hover color */
  color: #fff;
  text-decoration: none; 
}
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }
.owl-theme .owl-dots .owl-dot span {
  width: 20px; /* circle size */
  height: 20px; /* circle size */
  margin: 6px 8px;
  background: #d6d6d6; /* inactive color */
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; 
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #237D99; /* active color */
}







/* home page topango carousel */

.topango-wrap { padding:0; margin:0; }
.topango-slide { width:100%; height:auto; }
.topango-relative { position:relative; width:100%; height:auto; }
.topango-image { display:block; z-index:10; position:relative; background-size: cover; background-position: center center; }
.topango-cover { display:block; z-index:11; position:absolute; top:0px; background-color:rgba(0,0,0,0.15); }
.topango-text { display:block; z-index:12; position:absolute; top:0px;}
.topango-x { display:table; }
.topango-y { display:table-cell; vertical-align:bottom; text-align:left; }

.topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { width:100%; height:400px; }
@media all and (min-width: 768px) { .topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { height:600px; }}
@media all and (min-width: 992px) { .topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { height:700px; }}

.topango-y { padding:24px 48px; }

.topango-dc-box { border-top:6px solid #54AAC4; background-color:rgba(35,125,153,0.7); width:100%; max-width:400px; padding:20px; }

.topango-headline { font-family: 'Ultra', serif; color:#fff; font-weight:400; font-size:26px; line-height:1.3; }
.topango-link { padding-top:20px; }

@media all and (min-width: 992px) {
	.topango-y { text-align:left; padding:40px 15%; }
	.topango-headline { font-size:29px; }
}


.cycle-pager { display:none; }
.cycle-next { position: absolute; z-index: 300; right:5%; top: 50%; margin-top:-42px; width: 44px; height: 84px; display: block; cursor: pointer; }
.cycle-prev { position: absolute; z-index: 301; left: 5%; top: 50%; margin-top:-42px; width: 44px; height: 84px; display: block; cursor: pointer; }
@media all and (max-width: 991px) {
  .cycle-next, .cycle-prev { width:22px; height:42px; background-size:cover; margin-top:-21px; }
  .cycle-next { right: 10px; }
  .cycle-prev { left: 10px; }
}


/* home links */

.home-links { width:100%; position:relative; margin:12px 0; }
.home-links-line { position:absolute; top:50%; width:100%; height:1px; background-color:#E6E0D9; }
.home-links-links { position:relative; top:0; text-align:center; }



/* home instagram */

.owl-instagram-wrap { position: relative; margin:40px 0; }
.instagram-item { }
.instagram-image {
  display:block;
  width:100%;
  padding-bottom:100%;
  background-size:cover;
  background-position:center center;	
  float:left;
  position: relative;
  margin:0px;
  overflow:hidden;
  border-right:0px solid #fff;
  border-top:0px solid #fff;
}

.instagram-item-cover { position:absolute; width:100%; height:100%; background-color:rgba(35,125,153,0); transition: all 0.15s linear 0s; }
.instagram-item:hover .instagram-item-cover { background-color:rgba(35,125,153,0.25); }
.instagram-item-icon { position:absolute; bottom:8%; left:8%; color:#fff; font-size:22px; line-height:22px; }

.owl-instagram-wrap .owl-carousel .owl-nav { overflow: hidden; height: 0px; }
.owl-instagram-wrap .owl-carousel .owla-nav-btn {
  position: absolute;
  width: 40px; text-align:center;
  height: 50px;
  margin-top:-25px;
  font-size:40px;
  line-height:50px;
  cursor: pointer;
  top: 50% !important;
  color:#237D99;
  transition: all 0.15s linear 0s;
}
.owl-instagram-wrap .owl-carousel .owla-nav-btn:hover { color:#237D99; }
.owl-instagram-wrap .owl-carousel .owla-prev-slide { left: 40px; }
.owl-instagram-wrap .owl-carousel .owla-next-slide { right: 40px; }

@media all and (min-width: 992px) {
  .owl-instagram-wrap { margin:50px 0; }
  .owl-instagram-wrap .owl-carousel .owla-prev-slide { left: 50px; }
  .owl-instagram-wrap .owl-carousel .owla-next-slide { right: 50px; }
}
@media all and (min-width: 1200px) {
  .owl-instagram-wrap { margin:60px 0; }
  .owl-instagram-wrap .owl-carousel .owla-prev-slide { left: 70px; }
  .owl-instagram-wrap .owl-carousel .owla-next-slide { right: 70px; }
}








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


/* basic snake */

.snake-wrap { width:100%; margin-top:60px; }
.snake-container { width:100%; max-width:1200px; background-color:#fff; margin:0 auto; }
.snake-row { display:block; margin-bottom:60px; }
.snake-image { display: block; width:100%; padding-bottom: 90%; background-size:cover; background-position:center center; }
.snake-content { display: block; }
.snake-content-box { display: block; background-color:#fff; padding:24px 32px; }
.snake-content-box h2 { margin-top:0; font-size:30px; }
.snake-content-box p { font-size:16px; }

.snake-row .snake-content-box { border:4px solid #B5BE4E; }
.snake-row-alternate .snake-content-box { border:4px solid #F18F70; }

@media all and (min-width: 576px) {
	.snake-image { padding-bottom: 50%; }
}

@media all and (min-width: 992px) {
	.snake-row { position:relative; width:100%; }
	.snake-image { position:absolute; top:0px; left:150px; width:calc(100% - 150px); padding:0; height:100%; }
	.snake-content { position:relative; top:0px; width:400px; padding:50px; }
  .snake-row-alternate .snake-image { left:0px; }
	.snake-row-alternate .snake-content { margin-left:calc(100% - 400px); }
}

/* basic staff */

.basic-staff { margin-top:40px; }
.staff-card { text-align:center; margin-bottom:30px; }
.staff-picture { width:100%; padding-bottom:100%; background-color:#FCFAF8; background-position:center center; background-size:cover; border-radius:50%; margin-bottom:12px; }
.staff-name { color:#003E51; font-size:17px; font-family: 'Ultra', serif; font-weight:400; }
.staff-title { color:#237D99; font-size:15px; font-weight:600; }
.staff-body { }



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




/* mapbox styles */

.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:#fff; }

.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 { font-family: 'Ultra', serif; font-weight:400; margin:4px 0px; color: #003E51; font-size:18px; line-height:24px; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:4px 0px; font-size:14px; line-height:20px; color:#222; }
.mapboxgl-popup-content p.mapbox-pop-link { margin:4px 0px; font-size:14px; line-height:20px; }


/* 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; }
.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 { border-top:2px solid #F4EEE7; border-bottom:2px solid #F4EEE7; }
.sticky-hold { display:block; }
.sticky-content { width:100%; background-color:#fff; 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: 992px) {
	.sticky-hold { display:flex; flex-direction: row-reverse; width:100%; max-width:1400px; 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-section-sticky-results {  }
.point-section-sticky-results a { display:table; width:100%; border-bottom:2px solid #F4EEE7; padding:8px 0; }
.point-section-sticky-results a .pstick-text { display:table-cell; width:auto; padding:24px 36px; }
.point-section-sticky-results a .pstick-image { display:table-cell; width:240px; height:160px; background-color:#eee; background-position:center center; background-size:cover; }
@media all and (min-width: 1200px) {
  .point-section-sticky-results a .pstick-image {  width:270px; height:180px; }
}

a div.pstick-text-name { font-family: 'Ultra', serif; font-weight:400; color:#003E51; font-size:21px; line-height:1.3; margin-bottom:3px; }
a div.pstick-text-address {  font-weight:400; color:#111; font-size:17px; line-height:1.3;  }
a:hover div.pstick-text-name { color:#237D99; }
a:hover div.pstick-text-address { color:#000; }

/* 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:#fff; background-color:#237D99; border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:#fff; background-color:#54AAC4; }

#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 #fff; border-bottom:2px solid #fff; }
@media all and (min-width: 992px) {
	#point-detail #clmap { border:2px solid #fff; }
	#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;}





/* bbq-events-calendar */

.bbq-control-wrap { margin-bottom:30px; }

.bbq-cal-header { display:table; width:100%; margin:0; padding:0; background-color:#003E51; color:#fff; font-size:16px; line-height:1.5; padding:12px 0px; }
.bbq-cal-header-left { display:table-cell; width:40px; vertical-align:middle; text-align:center; }
.bbq-cal-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; text-transform:none; font-family: 'Ultra', serif; }
.bbq-cal-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }
.bbq-cal-header a { color:#fff; }
.bbq-cal-header a:hover { color:#fff; }

#bbq-calendar table { width:100%; background-color:#fff; margin:0; padding:0; }   
#bbq-calendar th { /* days of the week */
  border-bottom:1px #E6E0D9 solid; 
  background-color:#f9f6f3;
  color:#CEC0B9; /* color of days of the week */
  font-size:12px;
  line-height:28px;
  text-align:center;
  font-weight:700;
  }
#bbq-calendar td {
  border-bottom:1px #E6E0D9 solid;
  background-color:#f9f6f3;
  color:#CEC0B9; /* color of inactive dates */
  font-size:14px;
  line-height:34px;
  text-align:center;
  }
#bbq-calendar a { display:block; text-decoration:none; font-weight:700; color:#003E51; }
#bbq-calendar a.ontoday { font-weight:900; }
#bbq-calendar td.highlight a { background-color:#e0705c; color:#fff; }
#bbq-calendar td.highlight a:hover { text-decoration:none; background-color:#e0705c; color:#fff; }

.bbq-p { text-align:center; font-size:14px; line-height:40px;  }


#bbq-categories ul { list-style:none; padding:0; margin:0; width:100%; }
#bbq-categories ul li { padding:0; margin:0; border-bottom:1px solid #E6E0D9; }
#bbq-categories ul li:last-child { border-bottom:0px; }
#bbq-categories a { display:block; background-color:#f9f6f3; font-weight:700; color:#003E51; padding:0 24px; font-size:14px; line-height:36px; text-align:center; }
#bbq-categories a.highlight { background-color:#e0705c; color:#fff; }
#bbq-categories a:hover { text-decoration:none; background-color:#e0705c; color:#fff; }


h1.bbq-headline {  }

.bbq-results-header { display:table; width:100%; margin:0; padding:0; background-color:#003E51; font-size:16px; line-height:1.5; padding:12px 0px; }
.bbq-results-header-left { display:table-cell; width:40px; vertical-align:middle; text-align:center;  }
.bbq-results-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; text-transform:none; font-family: 'Ultra', serif; color:#fff; }
.bbq-results-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }
.bbq-results-header a { color:#fff; }
.bbq-results-header a:hover { color:#fff; }

.bbq-results-list { width:100%;}

.bbq-row { display:block; width:100%; border-top:1px solid #E6E0D9; padding:20px 0px; }
.bbq-row-homepage { border-top:0px; padding:12px 0px; }
.bbq-row-date { display:block; width:100%; text-align:center; }
.bbq-row-list { display:block; width:100%; text-align:center; }

@media all and (min-width: 768px) {
	.bbq-row { display:table; }
	.bbq-row-date { display:table-cell; vertical-align:top; width:70px; text-align:center; padding-right:30px; padding-left:0px; }
	.bbq-row-list { display:table-cell; vertical-align:top; width:auto; text-align:left; }
}

.bbqdate { width:70px; margin:0 auto 24px auto; padding:0; }
@media all and (min-width: 768px) { .bbqdate { margin:0; }}
.bbqdate-month { font-family: 'Ultra', serif; text-align:center; color:#fff; background-color:#003E51; font-size:14px; line-height:26px; border-radius:0; margin-top:5px; text-transform:uppercase; }
.bbqdate-day { font-family: 'Ultra', serif; text-align:center; color:#003E51; background-color:#f4eee7; font-size:32px; line-height:50px; border-radius:0; }
.bbqdate-tip { text-align:center; color:#003E51; background-color:inherit; font-size:12px; line-height:16px; margin-top:5px; }
.bbqdate-ongoing { text-align:center; color:#fff; background-color:#003E51; font-size:12px; line-height:21px; border-radius:4px; margin-top:6px;}

.bbq-row-list ul { margin:0; padding:0; list-style:none; }
.bbq-row-list li { margin:0; padding:0; list-style:none; padding-bottom:16px;}
.bbq-row-list a { }
.bbq-row-list a:hover { text-decoration:none; }


/* event-detail */

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



/* Post Section */

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

.post-card-image { position:relative; width:100%; height:auto; }
.post-card-image-image { background-position:center center; background-size:cover; width:100%; padding-bottom:66%; }
.post-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.05); }
.post-card-image-tag {  }

.post-card-content { padding:20px; text-align:center; }

.post-card-1 { background-color:#c9841d; }
.post-card-2 { background-color:#237d99; }
.post-card-3 { background-color:#889c35; }
.post-card-4 { background-color:#e0705c; }

.post-card-content-1 { border-top:6px solid #f2ac28; }
.post-card-content-2 { border-top:6px solid #54aac4; }
.post-card-content-3 { border-top:6px solid #b5be4e; }
.post-card-content-4 { border-top:6px solid #ffac88; }

.post-card-content-headline { color:#fff; font-family: 'Ultra', serif; font-weight:400; font-size:16px; line-height:1.3; }
.post-card-content-body { }
.post-card-content-more { }

.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(0,0,0,0.15); }
.post-card a:hover .post-card-content { } 
.post-card a:hover .post-card-content-headline { opacity:0.9; }
.post-card a:hover .post-card-content-body { }
.post-card a:hover .post-card-content-more { }


/* 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:#237D99; border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:#fff; background-color:#54AAC4; }
.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; }
}


/* site nav */

.header-wrap { background-color:#fff; padding:20px 0; }

.nav-relative { }
.nav-hold { width:100%; height:50px; }
.nav-logo { float:left; width:154px; height:50px; margin-left:8px; }
.nav-toggle a { float:right; font-size:22px; line-height:50px; color:#003E51; width:24px; text-align:center; margin-right:4px; }
.nav-toggle a:hover { color:#003E51; }


#nav-drawer { display:none }

#primary-nav { padding-top:30px;}

#primary-nav ul { margin:0; padding:0; }  

#primary-nav ul li { list-style: none; margin:0; padding:0; }

#primary-nav ul li div.menu-set { display:table; border-top:1px solid #54AAC4; width:100%; }

#primary-nav ul li div.menu-set a {
  display:table-cell;
  width:auto;
  text-align:left;
  vertical-align:top;
  padding:8px 8px;
  color: #003E51;
  font-size:20px;
  line-height:1.5;
  font-weight:700;
  text-transform:none;
}

#primary-nav ul  li div.menu-set a.subnav-toggle {
  width:24px;
  text-align:center;
  color:#237D99;
}

#primary-nav ul li div.menu-set a:hover { color:#237D99; }

#primary-nav ul ul { display:none; margin:0; padding:0px 0px 16px 0px; }

#primary-nav ul li ul li a {
  display: block;
  padding:8px 4px 8px 24px;
  font-size:16px;
  line-height:1.5;
  font-weight:600;
  text-transform:none;
  color: #003E51;
}

#primary-nav ul li ul li a:hover { color:#237D99; }

#secondary-nav { padding:12px 4px 6px 4px; }

.nav-social { display:none; }
.nav-search { }
 
#site-search {
  display:table;
  width:100%;	
  padding:8px 16px;
  margin:20px 0 0 0;
  border:1px solid #54AAC4;
  border-radius:3px;
  text-align:left;
}
#site-search input[type="text"]{
  display:table-cell;	
  font-size:16px;
  line-height:1.5;
  color:#505050;
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  width:90%;
  text-align:left;  
  vertical-align:middle;
}
#site-search button {
  display:table-cell;
  font-size:16px;
  line-height:1.5;
  color:#237D99;
  background:transparent;
  border:none;
  margin:0;
  padding:0;
  width:10%;
  text-align:right;
  vertical-align:middle;
}

#site-search ::-webkit-input-placeholder { color:#505050; opacity: 0.8;}
#site-search :-moz-placeholder { color:#505050; opacity: 0.8; }
#site-search ::-moz-placeholder { color:#505050; opacity: 0.8; }
#site-search :-ms-input-placeholder { color:#505050; opacity: 0.8; }

@media all and (min-width: 992px) {
  
  .header-wrap { padding:0; }

  .nav-relative { position:relative; width:100%; height:150px; }
  .nav-hold { }
  .nav-logo { position:absolute; top:32px; left:0px; width:256px; height:84px; }
  .nav-toggle { display:none; }
  
  #nav-drawer { display:block!important; } /* slidetoggle fix */

  #primary-nav { position:absolute; top:60px; right:0px; width:auto; height:40px; }

  #primary-nav .subnav-toggle { display:none; }

  #primary-nav ul { padding: 0; margin: 0; list-style: none; display:block; text-align:right; }

  #primary-nav li { padding: 0; margin: 0; display:inline-block; }
  
  #primary-nav ul li div.menu-set { display:inline-block; border-top:none; width:100%; }

  #primary-nav ul  li div.menu-set a.subnav-toggle { display:none; }

  #primary-nav ul li div.menu-set a {
    display: inline-block;
    text-align:center;
    padding:6px 24px;
    margin:0px 2px 0px 0px;
    background-color:#fff;
    font-size:18px;
    line-height:24px;
    }

  #primary-nav li:hover a { }

  #primary-nav li a:hover { }

  #primary-nav li ul { 
    position: absolute;
    width: 200px;
    height:auto;
    padding:20px 0px;
    background-color:#fff;
    display:none;
  }

  #primary-nav li:hover > ul {  display:block !important; left: auto; z-index:9999; } 

  @media all and (min-width: 992px) {
  	#primary-nav li:last-child:hover > ul { right:2px; } 
  }

  #primary-nav ul li ul li { width:200px; }

  #primary-nav ul li ul li a { 
    display:block;
    width:100%;
    padding:6px 24px;
    margin:0;
    font-size:16px;
    line-height:24px;
    text-decoration:none;
    text-align:left;
  }

  #secondary-nav { position:absolute; top:24px; right:24px; width:auto; height:30px; padding:0; display:table;  }

  #secondary-nav .nav-search { display:table-cell; vertical-align:middle; text-align:right; padding-right:12px; }

  #secondary-nav .nav-social { display:table-cell; vertical-align:middle; text-align:right; }

  .nav-social a { display:inline-block; width:24px; height:24px; font-size:12px; line-height:24px; border:0; border-radius:50%; text-align:center; margin:0 0 0 8px; }
  .nav-social a { text-decoration:none; color:#fff; background-color:#003E51; border:0; transition: all 0.15s linear 0s;}
  .nav-social a:hover { color:#fff; background-color:#237D99; }

  #site-search {
    padding:2px 0;
    margin:0;
    border:0;
    border-bottom:1px solid #F4EEE7;
  }
  #site-search input[type="text"]{
    font-size:14px;
    line-height:1.5;
    padding-left:2px;
  }
  #site-search button {
    font-size:14px;
    line-height:1.5;
    padding-right:2px;
  }


  
}