:root {
  --cc-body-bg: #2F323B; /* off page background color */
  --cc-pagewrap-bg: white; /* pagewrap background color */
  --cc-pagewrap-txt: #2F323B; /* pagewrap general color */
  
  --cc-alert-bg: #cc3300; /* alert background color */
  --cc-alert-txt: white; /* alert text color */
  
  --cc-h1: #2F323B; /* h1 color */
  --cc-h2: #2F323B; /* h2 color */
  --cc-h3: #2F323B; /* h3 color */
  --cc-h4: #2F323B; /* h4 color */
  --cc-h5: #2F323B; /* h5 color */
  --cc-h6: #2F323B; /* h6 color */
  
  --cc-alink: #E22503; /* primary link color */
  --cc-ahover: #fc5f42; /* primary hover color */
  --cc-asec-link: #222; /* secondary link color */
  --cc-asec-hover: #444; /* secondary hover color */
  --cc-asec-divider: #aaa; /* secondary divider color */
  
  --cc-pnav-link: #2F323B; /* var(--cc-pnav-link) nav color */
  --cc-pnav-hover: #000000; /* var(--cc-pnav-hover) nav hover color */ 
  --cc-pnav-dropdown: #ffffff; /* var(--cc-pnav-dropdown) dropdown background color */
  
  --cc-linework: #52C5B5; /* hr, sidenav, mobile nav */
  
   --cc-banner-wrap: #eeeeee; /* var(--cc-pnav-dropdown) dropdown background color */
}

body,html {
  height:100%;
  background-color:var(--cc-body-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  font-family: aktiv-grotesk, sans-serif;
}

#page-wrap {
  position:relative;
  width:100%;
  background-color:var(--cc-pagewrap-bg);
  color:var(--cc-pagewrap-txt);
}

#page-header { }

#page-content { overflow:hidden; }

.container-fluid-full { }
.container-fluid-narrow { max-width:960px; }
@media screen and (min-width: 1200px) {
  .container-fluid-full { max-width:1350px!important; }
}

/* global typography */

h1 { font-family: 'brother-1816', sans-serif; font-weight:800; color:var(--cc-h1); font-size: 2.5rem; margin-top:0px; margin-bottom: 1rem; letter-spacing:0.005rem; }
h2 { font-family: 'brother-1816', sans-serif; font-weight:800; color:var(--cc-h2); font-size: 1.3rem; margin-top:1rem; margin-bottom: 1rem; }
h2.on-detail { font-size: 0.9rem; margin-top:1.5rem; margin-bottom: 1rem; text-transform:uppercase; letter-spacing:0.050rem; }
h3 { font-weight:700; color:var(--cc-h3); font-size: 1.1rem; }
h4 { color:var(--cc-h4); }
h5 { color:var(--cc-h5); } 
h6 { color:var(--cc-h6); }

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

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

label { }

hr { margin-top: 1.5rem; margin-bottom: 1.5rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid #ccc; opacity:1.0; }

hr.clearing-spacer { clear:both; background-color:inherit; border:0px; opacity:1.0; }

a { color:var(--cc-alink); text-decoration:none; }
a:hover { color:var(--cc-ahover); text-decoration:none; }

a div.lnk-primary { color: inherit; font-weight:700; font-size:18px; line-height:23px; }
a div.lnk-secondary { color:var(--cc-asec-link); font-weight:400; font-size:16px; line-height:20px; margin-top:3px; }
a div.lnk-secondary span { color:var(--cc-asec-divider); }
a:hover div.lnk-primary { color: inherit; }
a:hover div.lnk-secondary { color:var(--cc-asec-hover); }


/* buttons */

.btn-brand { background-color:var(--cc-alink); border:1px solid var(--cc-alink); color:#fff; font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:0; transition: all 0.15s linear 0s; font-family: 'brother-1816', sans-serif; font-weight:800; }
.btn-brand:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:#fff; }

.btn-brand-yellow { background-color:#F1F048; border:1px solid #F1F048; color:#2F323B; font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:0; transition: all 0.15s linear 0s; font-family: 'brother-1816', sans-serif; font-weight:800; }
.btn-brand-yellow:hover { background-color:#F1F048; border-color:#F1F048; color:#000; }

.btn-brand-blue { background-color:#33359F; border:1px solid #33359F; color:#fff; font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:0; transition: all 0.15s linear 0s; font-family: 'brother-1816', sans-serif; font-weight:800; }
.btn-brand-blue:hover { background-color:#33359F; border-color:#33359F; color:#fff; }

.btn-line-black { background-color:inherit; border-bottom:3px solid #000; color:#000; font-size:14px; line-height:16px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem;
  margin:0; padding: 6px 4px; border-radius:0; transition: all 0.15s linear 0s; font-family: 'brother-1816', sans-serif; font-weight:800; }
.btn-line-black:hover {  }


.btn-outline-brand { background-color:white; border:1px solid var(--cc-alink); color:var(--cc-alink); font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem; 
 margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:0; transition: all 0.15s linear 0s; font-family: 'brother-1816', sans-serif; font-weight:800; }
.btn-outline-brand:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.btn-brand-pill { background-color:var(--cc-alink); border:1px solid var(--cc-alink);  color:white; font-size:12px; font-weight:400; 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:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.btn-outline-brand-pill { background-color:white; border:1px solid var(--cc-alink); color:var(--cc-alink); font-size:12px; font-weight:400; 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:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.btn-naked { color:var(--cc-alink); 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:var(--cc-ahover); }

.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:var(--cc-alink); }
.lk-content { display:table-cell; width:auto; vertical-align:top; }


.btn-brand-yellow { background-color:#F1F048; border:1px solid #F1F048; color:#2F323B; font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:0; transition: all 0.15s linear 0s; font-family: 'brother-1816', sans-serif; font-weight:800; }
.btn-brand-yellow:hover { background-color:#F4F38D; border-color:#F4F38D; color:#2F323B; }

.btn-footer-email { font-family: 'brother-1816', sans-serif; font-weight:800; font-size:14px; line-height:1.25; color:#2F323B; text-transform:uppercase; letter-spacing:0.050rem; transition: all 0.15s linear 0s; }
.btn-footer-email:hover { color:#000; }



/* alert box */

.alert-wrap { background-color:var(--cc-alert-bg); }
.alert-wrap, a.alert-link, a.alert-link:hover { color:var(--cc-alert-txt); }
.alert-hold { display: table; width: 100%; }
.alert-prefix { display:table-cell; vertical-align: top; width:32px; padding-top:20px; padding-right: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 { 
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

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

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

.alert-dismiss { 
  font-size:20px;
  line-height:20px; 
  padding-bottom:20px;
}

#dismiss-alert { color:var(--cc-alert-txt); text-decoration:none; }



/* footer */

.footer-row { display:block; width:100%;  }
.footer-subscribe { display:block; width:100%; background-color:#31a39f; background-color:#27827D; position:relative; }
.footer-wrap { display:block; width:100%; background-color:#52c5b5; }
@media screen and (min-width: 1200px) {
	.footer-row { display: flex; flex-direction: row-reverse; width:100%; } 
	.footer-subscribe { display:block; width:30%; }
	.footer-wrap { display:block; width:70%; }
}


.footer-subscribe { padding:40px; }
.footer-subscribe-h2 { color:#fff; font-size:21px; margin-top:0; }
.footer-subscribe-p { color:#fff; }
.footer-star-bottom-right { position:absolute; bottom:0px; right:0px; width:25%; height:auto; }
@media screen and (min-width: 1200px) {
  .footer-subscribe { padding:40px 60px; }
  .footer-subscribe-p { max-width:280px; }
}

p.footer-address a { color:#2f323b; }
p.footer-address a:hover { color:#2f323b; }

.footer-contact { padding:40px; }
.footer-logo { width:100%; max-width:245px; margin:0 auto; margin-bottom:30px; }
.footer-logo-st0 { fill:#30333C; }
.footer-email-link { margin:0; }

.footer-social { margin:30px 0; }
.footer-social a { display:inline-block; width:36px; height:36px; font-size:16px; line-height:36px; border-radius:50%; text-align:center; margin:0 10px; }
.footer-social a { text-decoration:none; color:#000; background-color:#fff; border:none; transition: all 0.15s linear 0s; }
.footer-social a:hover { }
@media screen and (min-width: 992px) { 
  .footer-contact { padding:40px 60px; }
  .footer-logo { margin-bottom:6px; }
  .footer-social { margin:0 0 20px 0; }
  .footer-social a { margin:0 0 8px 8px; } 
}

.footer-social a.footer-social-fb { color:#3B5998; }
.footer-social a.footer-social-tw { color:#111111; }
.footer-social a.footer-social-in { color:#CA3A95; }
.footer-social a.footer-social-li { color:#0a66c2; }
.footer-social a.footer-social-yt { color:#ff0200; }

.footer-legal-wrap { background-color: #86d7cc; padding:20px 40px; }
.footer-legal-wrap p { color:#2F323B; margin:0; font-size:13px; line-height:2.5; }
.footer-legal-wrap a { color:#2F323B; }
.footer-legal-wrap a:hover { color:black; }

.footer-legal-wrap p.footer-legal-links { }
.footer-legal-wrap p.footer-legal-links	a { text-decoration:underline; margin:0px 14px 0 0; white-space: nowrap; }
@media screen and (min-width: 992px) { 
  .footer-legal-wrap p.footer-legal-links {  }
  .footer-legal-wrap p.footer-legal-links	a { margin:0 0 0 14px; } 
}

	
/* banner */

.no-banner { width:100%; height:2px; background: #fafafa; }

.banner-b { width:100%; height:160px; background-color:#fafafa; background-position:center center; background-size:cover; }
.banner-b-large { display:table; width:100%; background-color:#fafafa; background-position:center center; background-size:cover; }
.banner-b-large-cell { display:table-cell; height:280px; text-align:center; vertical-align:middle; padding:30px; }
.banner-b-content { position:relative; width:300px; margin:0 auto; padding:10px 0; } 
.banner-b-content-headline { position:relative; width:100%; z-index:10; font-family: 'brother-1816', sans-serif; font-weight: 800; color:#fff; font-size:40px; line-height:40px; 
  letter-spacing:0.025rem; text-transform:uppercase; text-shadow:0px 1px 6px rgba(0,0,0,0.25); word-wrap: break-word; }
.banner-b-content-line { position:absolute; z-index:9; bottom:0px; width:100%; height:30px; background-color:#31a39f; }
@media all and (min-width: 550px) {
  .banner-b-content { width:500px; }
  .banner-b-content-headline { font-size:50px; line-height:50px; }
}
@media all and (min-width: 992px) {
  .banner-b { height:240px; }
  .banner-b-large-cell { height:480px; padding:90px 180px; }
  .banner-b-content { width:100%; max-width:750px; }
  .banner-b-content-headline { font-size:80px; line-height:80px; }
  .banner-b-content-line { height:40px; }
}


/* detail header */

.full-color { width:100%; background:#fafafa; }
.detail-header { width:100%; 
  background-color: #31A39F;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cpattern id='a' width='600' height='600' patternUnits='userSpaceOnUse' patternTransform='rotate(344 300 300) scale(0.18) translate(1366.67 1366.67)'%3E%3Cpath fill='none' stroke='%233BADA5' stroke-width='68.7' stroke-linecap='square' d='M250.5 50.5h-200M250.5 150.5h-200M250.5 250.5h-200M550.5 350.5h-200M550.5 450.5h-200M550.5 550.5h-200M250.5 550.5v-200M150.5 550.5v-200M50.5 550.5v-200M550.5 250.5v-200M450.5 250.5v-200M350.5 250.5v-200'/%3E%3C/pattern%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
 }

.detail-header h1 { font-family: 'brother-1816', sans-serif; font-weight:800; text-transform:uppercase; font-size: 3.0rem; margin:0; color:#fff; }
@media all and (min-width: 992px) {
  .detail-header h1 { font-size: 4.0rem;  }
}

p.header-groups { margin:1rem 0; color:#fff; } 
a.btn-header-groups { background-color:inherit; padding:6px 16px; margin:3px 1px; border-radius:0px; transition: all 0.15s linear 0s;  }
a.btn-header-groups { font-size:13px; line-height:15px; letter-spacing:0.050rem; font-family: 'brother-1816', sans-serif;  font-weight:800; text-transform:uppercase; color:#fff; border:1px solid #fff; }
a.btn-header-groups:hover { background-color:rgba(255,255,255,0.1); color:#fff; border-color:#fff;  }



/* side-label-spot */

.container-fluid { max-width:1200px; padding:0 24px; margin:0 auto; }
@media all and (min-width: 1050px) {
  .container-fluid { max-width:1200px; padding:0 48px; margin:0 auto; }
}



.side-label-content { display:none; }
@media all and (min-width: 1050px) {
  .side-label-spot { position:relative; }
  .side-label-hline {  position:absolute; top:82px; left:-32px; width:80px; height:2px; background-color:#F1F048; }
  .side-label-vline {  position:absolute; top:60px; left:24px; width:2px; height:80px; background-color:#F1F048; }
  .side-label-content { position:absolute; display:block; top:450px; left:16px; width:300px; height:16px; transform: rotate(-90deg); transform-origin: 0 0; overflow:hidden; }
  .side-label-content { font-family: 'brother-1816', sans-serif;  font-weight: 700; text-transform:uppercase; letter-spacing:0.100rem; text-align:right; color:#828695; font-size:14px; line-height:16px; }
}

/* 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: 1050px) {
	.sidenav-row { display: flex; width:100%; } /* remove: flex-direction: row-reverse; */
	.sidenav-col-nav { display:block; width:25%; padding:60px 20px 60px 48px; }
	.sidenav-col-content { display:block; width:75%; padding-left:40px; padding-right:48px; }
}



.d-sidenav { width:100%; font-family: 'brother-1816', sans-serif; font-weight:700; }

.d-sidenav-section { display:table; width:100%; background-color:#F1F048; padding:8px 0; }
.d-sidenav-section-label { display:table-cell; background-color:#F1F048; text-align:left; width:auto; padding:10px 12px 10px 24px; vertical-align:top; font-size:16px; line-height:24px; letter-spacing:0.100rem; }
.d-sidenav-section-toggle { display:table-cell; background-color:#F1F048; text-align:right; width:64px; padding:10px 24px 10px 12px; vertical-align:top; cursor:pointer; color:#2f323b; font-size:20px; line-height:24px; }
.d-sidenav-section-label a { color:#2f323b; text-transform:uppercase; text-decoration:none; }
.d-sidenav-section-label a:hover { color:#2f323b; text-decoration:none;  }
#d-sidenav-drawer { display:none; }
@media all and (min-width: 1050px) {
  .d-sidenav-section { display:none; }
	.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 { } 
.d-sidenav li { padding:0; margin:0; list-style:none; }
.d-sidenav li .li-flex { display:flex; }
.d-sidenav > ul > li { border-bottom:2px solid #F1F048; }

@media all and (min-width: 1050px) {
  .d-sidenav > ul { border-top:2px solid #F1F048; margin-top:22px; }
  .d-sidenav ul li { border:none; }
  .d-sidenav > ul li:first-child { padding-top:16px; }
}

.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:var(--cc-pagewrap-bg); }

.d-sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:left; padding:14px 0px 14px 20px; font-weight:700; font-size:14px; line-height:24px; vertical-align:top; color:var(--cc-pagewrap-bg); }
.d-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 0px; font-weight:700; font-size:15px; line-height:24px; vertical-align:top; color:var(--cc-pagewrap-txt); }
.d-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:700; font-size:14px; line-height:24px; vertical-align:top; color:var(--cc-pagewrap-txt); }
.d-sidenav li a:hover div { color:var(--cc-ahover); }

.d-sidenav li.d-open a div.sn-indicator { color:var(--cc-pagewrap-txt); }
.d-sidenav li.d-selected div.sn-indicator { color:var(--cc-ahover)!important; }
.d-sidenav li.d-selected div.sn-label { color:var(--cc-ahover); }

.d-sidenav li.d-sub-selected div.sn-label-nested { color:var(--cc-ahover)!important; }




/* mobile nav */

.header-wrap { padding:16px 0; }
.nav-relative { }
.nav-hold { width:100%; height:50px; }
.nav-logo-mobile { float:left; width:135px; height:50px; }
.nav-logo-mobile { display:block; }
.nav-logo-mobile a { display:block; width:240px; height:50px; background-size:contain; background-repeat:no-repeat; }
.nav-logo-desktop { display:none; }
.nav-toggle a { float:right; font-size:24px; line-height:50px; color:var(--cc-pnav-link); }
.nav-toggle a:hover { color:var(--cc-pnav-hover);  }

#nav-drawer { display:none }

#primary-nav { padding-top:16px; }
#primary-nav ul { margin:0; padding:0; }  
#primary-nav ul li { list-style: none; margin:0; padding:0; width:100%; }
#primary-nav ul li div.menu-set { display:table; border-top:2px solid var(--cc-linework); width:100%; }
#primary-nav ul li div.menu-set a {
  display:table-cell;
  width:90%;
  text-align:left;
  vertical-align:top;
  padding:12px 0px;
  color:var(--cc-pnav-link);
  font-size:22px;
  line-height:1.5;
  font-family: 'brother-1816', sans-serif; font-weight:800;
  letter-spacing:0.005rem;
  text-transform:none;
}

#primary-nav ul li div.menu-set a.subnav-toggle { width:10%; text-align:right; }
#primary-nav ul li div.menu-set a:hover { color:var(--cc-pnav-hover); }

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

#primary-nav ul li ul li a { /*dropdowns*/
  display: block;
  padding:10px 4px 10px 20px;
  font-size:18px;
  line-height:1.5;
  font-family: 'brother-1816', sans-serif; font-weight:700;
  text-transform:none;
  color:var(--cc-pnav-link);
}

#primary-nav ul li ul li a:hover { color:var(cc-pnav-hover); }

#secondary-nav { padding-bottom:16px; }

.nav-utility { padding-top:16px; }
.nav-links { }
.nav-links a { display: block; padding:6px 0px; font-size:14px; line-height:1.5; color:var(--cc-pnav-link); }
.nav-links a:hover { color:var(--cc-pnav-hover); }
.nav-social { display:none; }
.nav-search { }

#site-search {
  display:table;
  width:100%;	
  padding:8px 16px;
  margin:20px 0 0 0;
  border:2px solid var(--cc-linework);
  border-radius:3px;
  text-align:left;
}

#site-search input[type="text"]{
  display:table-cell;	
  font-size:16px;
  line-height:24px;
  color:var(--cc-pnav-link);
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  width:90%;
  text-align:left;  
  vertical-align:middle;
  outline:0;
}

#site-search button {
  display:table-cell;
  font-size:14px;
  line-height:24px;
  color:var(--cc-pnav-link);
  background:transparent;
  border:none;
  margin:0;
  padding:0;
  width:10%;
  text-align:right;
  vertical-align:middle;
}

#site-search ::-webkit-input-placeholder { color:var(--cc-pnav-link); opacity: 0.8; }
#site-search :-moz-placeholder { color:var(--cc-pnav-link); opacity: 0.8; }
#site-search ::-moz-placeholder { color:var(--cc-pnav-link); opacity: 0.8; }
#site-search :-ms-input-placeholder { color:var(--cc-pnav-link); opacity: 0.8; }


/* desktop nav at 1050 */
@media all and (min-width: 1050px) {
  
  .header-wrap { padding:0; }
  .nav-relative { position:relative; width:100%; height:170px; }
  .nav-hold { }
  .nav-logo-mobile { display:none; }
  .nav-logo-desktop { display:block; position:absolute; top:28px; left:0px; }
  .nav-logo-desktop a { display:block; width:171px; height:114px; background-size:contain; background-repeat:no-repeat; }
  .nav-toggle { display:none; }

   #nav-drawer { display:block!important; } /* slidetoggle fix */
  
  /* primary-nav */
   
  #primary-nav { position:absolute; top:82px; right:10px; width:auto; padding:0; }
  #primary-nav ul { display:block; float:right; }
  #primary-nav ul li { display:block; float:left; width:auto; }
  #primary-nav ul li div.menu-set { display:table; border:none; width:auto; }
  #primary-nav ul li div.menu-set a {
    width: auto;
    font-size:22px;
    line-height:30px;
    padding:10px 12px 10px 22px;
  }
  
  #primary-nav ul li div.menu-set a.subnav-toggle { display:none; }
  #primary-nav ul li div.menu-set:hover a { color:var(--cc-pnav-hover); }

  #primary-nav ul li:hover a { background-color:var(--cc-pnav-dropdown); }
  #primary-nav ul li a:hover { color:var(--cc-pnav-hover); }

  /* drop down lists */

  #primary-nav ul li ul { 
    position: absolute;
    width: 220px;
    height:auto;
    padding:20px 0px 20px 0px;
    background-color:#fff;
    display:none;
    box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.20);
    -webkit-box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 18px 20px 0px rgba(0,0,0,0.20);
  }

  #primary-nav ul li:hover > ul { display:block !important; left: auto; z-index:9999; } 
  @media all and (min-width: 1050px) { #primary-nav li:last-child:hover > ul { right:0px; } }
  
  #primary-nav ul li ul li { width:100%; }
  #primary-nav ul li ul li a { 
    width:100%;
    font-size:16px;
    padding:6px 24px;
    background-color:#fff;
  }
   #primary-nav ul li ul li a:hover { background-color: #f1f048; };

  /* secondary nav */

  
  #secondary-nav { position:absolute; top:16px; right:0px; width:auto; height:30px; display:table; }
  #secondary-nav .nav-utility { display:table-cell; vertical-align:top; text-align:right; padding:0;  }
  #secondary-nav .nav-search { display:table-cell; vertical-align:top; text-align:right; width:200px; }

  .nav-utility { padding-top:0px }
  .nav-social { display:inline-block; text-align:center; height:30px; padding-right:30px; }
  .nav-social a { display:inline-block; width:20px; height:20px; font-size:10px; line-height:20px; border-radius:50%; text-align:center; margin:0px 0 0 12px; }
  .nav-social a { text-decoration:none; color:white; background-color:#31a39f; border:0; transition: all 0.15s linear 0s;}
  .nav-social a:hover { color:white; background-color:#27827d; }
  .nav-links { display:inline-block; }
  .nav-links a {
    display: inline-block;
    width: auto;
    margin-right:30px;
    font-size:14px;
    line-height:30px;
    color:var(--cc-pagewrap-txt);
    text-decoration:none;
  }
  .nav-links a:hover { color:var(--cca-ahover); }
 
  
  #secondary-nav { position:absolute; top:12px; right:20px; width:auto; padding:0; }
   
  #site-search {
    border:0;
    margin:0;
    width:200px;
    padding:10px 0 0 0;
    border-radius:0;
    border-bottom:1px solid var(--cc-linework);
  }
  
  #site-search input[type="text"]{
    display:table-cell;	
    font-size:14px;
    line-height:18px;
    color:var(--cc-pnav-link);
    background:transparent;
    border:none;
    padding:0;
    margin:0;
    width:90%;
    text-align:left;  
    vertical-align:middle;
    outline:0;
  }

  #site-search button {
    display:table-cell;
    font-size:12px;
    line-height:18px;
    color:var(--cc-pnav-link);
    background:transparent;
    border:none;
    margin:0;
    padding:0;
    width:10%;
    text-align:right;
    vertical-align:middle;
  }

}














/* home page topango carousel */

.topango-wrap { padding:0; margin:0; }
.topango-slide { width:100%; height:auto; overflow:hidden; }
.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:middle; text-align:center;}

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

.topango-y { text-align:center; padding:0 60px; }
.topango-headline { color:white; font-weight:700; font-size:22px; line-height:24px; margin:40px 0 10px 0; text-shadow: 1px 1px 1px var(--cc-h1); }

.topango-link { padding-top:20px; }
@media all and (min-width: 768px) {
	.topango-y { text-align:center; padding:0 15%; }
	.topango-headline { color:white; font-weight:700; font-size:58px; line-height:58px; margin:50px 0 20px 0; max-width:600px; }
}
@media all and (min-width: 992px) {
	.topango-y { text-align:left; padding:0 15%; }
	.topango-headline { color:white; font-weight:700; font-size:68px; line-height:68px; margin:50px 0 20px 0; }
}

.topango-content { position:relative; width:100%; max-width:500px; margin:0 auto; padding:10px 0; } 
.topango-content-headline { position:relative; z-index:10; font-family: 'brother-1816', sans-serif; font-weight: 800; color:#fff; font-size:40px; line-height:40px; letter-spacing:0.025rem; text-transform:uppercase; text-shadow:0px 1px 6px rgba(0,0,0,0.25); }
.topango-content-line { position:absolute; z-index:9; bottom:0px; width:100%; height:30px; background-color:#31a39f; }
@media all and (min-width: 992px) {
  .topango-content { margin-left:0; max-width:400px; }
  .topango-content-headline { font-size:60px; line-height:66px; padding:0 20px; }
  .topango-content-line { height:40px; }
  .topango-link { margin-left:20px; }
}

.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: 767px) {
	.cycle-next, .cycle-prev { width:22px; height:42px; background-size:cover; margin-top:-21px; }
}






/* home events */

.home-events-wrap { width:100%; background-color:inherit; position:relative; z-index:10; }
.home-events-domino { display:block; width:100%; }
.home-events-featured { display:block; width:100%; }
.home-events-location { display:block; width:100%; }

.he-card { width:100%; height:600px; background-color:#444; background-position:top center; background-size:cover; margin-bottom:24px!important; }
.he-card-content { width:100%; max-width:310px; padding:30px; }
.he-card-tag { color:#fff; font-family: 'brother-1816', sans-serif; font-weight:800; font-size:15px; line-height:1.2; letter-spacing: 0.025rem; text-transform: uppercase; text-shadow: 0px 1px 6px rgba(0,0,0,0.25); }
.he-card-headline { color:#fff; font-family: 'brother-1816', sans-serif; font-weight:800; font-size:40px; line-height:1.2; letter-spacing: 0.025rem; text-shadow: 0px 1px 6px rgba(0,0,0,0.25); margin:10px 0; }
.he-card-subhead { color:#fff; font-family: 'brother-1816', sans-serif; font-weight:700; font-size:18px; line-height:1.2; letter-spacing: 0.025rem; text-shadow: 0px 1px 6px rgba(0,0,0,0.25); margin:10px 0; }
.he-card-link { margin-top:16px; }

.evcard-home { margin-bottom:24px!important; 
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
}
.evcard-home.color1 a { background-color: #31a39f; }
.evcard-home.color2 a { background-color: #fc5f42; }
.evcard-home.color3 a { background-color: #33359f; }

@media all and (min-width: 992px) {
  .home-events-wrap { margin-bottom:48px; }
	.home-events-domino { display:table; width:100%; height:100%; }
	.home-events-featured { display:table-cell; width:50%; height:100%; vertical-align:top; padding-right:12px; }
	.home-events-location { display:table-cell; width:50%; height:100%; vertical-align:top; padding-left:12px; }
  .evcard-home1 { padding-right:12px; }
  .evcard-home2 { padding-left:12px; }
  .evcard-home3 { padding-right:12px; padding-top:24px; margin-bottom:0px!important; }
  .evcard-home4 { padding-left:12px; padding-top:24px; margin-bottom:0px!important; }
  .he-card { height:100%; margin-bottom:0px!important; } 
}

.home-events-callout { padding:30px; margin-top:-24px; position:relative; z-index:1; }
.home-events-callout-box { background-color:#F1F048; padding:40px; text-align:center; }
.home-events-callout-box-text { display:block; vertical-align:top; color:#000; font-family: 'brother-1816', sans-serif; font-weight:400; font-size:22px; line-height:30px; }
.home-events-callout-box-cta { display:block; vertical-align:top;  margin:10px auto; }
@media all and (min-width: 992px) {
  .home-events-callout { margin-top:-110px; }
  .home-events-callout-box { padding:55px 40px 25px 40px; }
  .home-events-callout-box-text { display:inline; }
  .home-events-callout-box-cta { display:inline; margin:auto 20px; }
}




/* home stories */

.home-stories-hold { margin:36px 0 12px 0; }
.home-stories-blue-row { background-color:#33359F; padding-top:12px; padding-bottom:12px; margin-bottom:24px; position:relative; }
.home-stories-blue-row-box { display:none; }
.col-above { position:relative; z-index:10; }
@media all and (min-width: 1050px) {
  .home-stories-hold { padding:0 24px; }
  .home-stories-blue-row { background-color:#fff; padding-top:40px; }
  .home-stories-blue-row-box { display:block; position:absolute; top:0px; right:-20px; width:80%; height:580px; background-color:#33359F; z-index:1; }
}
.home-stories-img { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }

.home-stories-img1 { border-bottom:4px solid #F1F048; }
.home-stories-img2 { border-bottom:4px solid #33359F; }
.home-stories-img3 { border-bottom:4px solid #52C5B5; }
.home-stories-img4 { border-bottom:4px solid #FC5F42; }

.home-stories-tag { font-family: 'brother-1816', sans-serif; font-weight:800; font-size:11px; line-height:1.2; letter-spacing: 0.050rem; text-transform: uppercase; margin-top:24px; margin-bottom:12px; }
.home-stories-name { font-family: 'brother-1816', sans-serif; font-weight:700; font-size:21px; line-height:1.2; letter-spacing: 0.025rem; margin-bottom:12px; }
.home-stories-teaser { font-size:15px; }
.home-stories-link { font-family: 'brother-1816', sans-serif; font-weight:800; font-size:12px; line-height:1.2; letter-spacing: 0.050rem; text-transform: uppercase; margin-top:12px; margin-bottom:16px; }

.home-stories-blue { display:block; background-color:#33359F; width:85%; padding-left:12px; }
.home-stories-blue a { color:#fff; }
.home-stories-blue a:hover { color:#fff; }
.home-stories-blue { display:block; padding-left:12px; }
.home-stories-white a { display:block; color:#2F323B; width:85%; padding-bottom:24px; }
.home-stories-white a:hover { color:#2F323B; }



/* home social squares */

.insta-promo { display:block; }
.insta-promo-left { display:block; background-color:#fff; }
.insta-promo-right { display:none; background-color:#fff; }
.insta-promo-center { display:block; background-color:#FC5F42; text-align:center; padding:60px 30px; border-bottom:4px solid white; position:relative; }

.insta-star-top-left { position:absolute; top:0px; left:0px; width:25%; height:auto; }
.insta-star-bottom-right { position:absolute; bottom:0px; right:0px; width:25%; height:auto; }

.insta-promo-icon { display:inline-block; width:50px; height:50px; background-color:#fff; border-radius:50%; text-align:center; font-size:24px; line-height:50px; color:#CA3A95; }
.insta-promo-cta { font-family: 'brother-1816', sans-serif; font-size: 36px; line-height:1.25; color:#fff; margin:2rem 0; }
.insta-promo-handle a, .insta-promo-handle a:hover { font-family: 'brother-1816', sans-serif; font-weight:700; color:#fff; font-size:21px; line-height:1.5px; }


@media all and (min-width: 992px) {
	.insta-promo { display:table; width:100%; }
	.insta-promo-left { display:table-cell; width:49.5%; vertical-align:top; }
	.insta-promo-right { display:table-cell; width:16.5%; vertical-align:top; }
	.insta-promo-center { display:table-cell; width:34%; vertical-align:middle; text-align:center; border-left:4px solid white; border-right:4px solid white; }
  .insta-promo-cta { font-size:26px; margin:1rem 0; }
}

@media all and (min-width: 1200px) {
  .insta-promo-cta { font-size:36px; margin:2rem 0; }
}

/* citylight social grid */

.citylight-social-grid { width:100%; background-color:black; }

.citylight-social-square {
  display:block;
  background-size:cover;
  background-position:center center;	
  float:left;
  position: relative;
  margin:0px;
  overflow:hidden;
}

.citylight-social-square-1, .citylight-social-square-3, .citylight-social-square-5 { border-right:2px solid white; border-bottom:4px solid white; } 
.citylight-social-square-2, .citylight-social-square-4, .citylight-social-square-6 { border-left:2px solid white; border-bottom:4px solid white; }
.citylight-social-square-7, .citylight-social-square-8 { border-bottom:4px solid white; }

.citylight-social-square { width: 50%; padding-bottom : 50%; }
.citylight-social-square-cover { position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.05); transition: all 0.15s linear 0s; }
.citylight-social-square:hover .citylight-social-square-cover { background-color:rgba(0,0,0,0.35); }
.citylight-social-square-icon { position:absolute; top:8%; left:8%; color:white; font-size:22px; line-height:22px; }

@media all and (min-width: 768px) { 
  .citylight-social-square-1, .citylight-social-square-4 { border-left:0px solid white; border-right:2px solid white; }
  .citylight-social-square-2, .citylight-social-square-5 { border-left:2px solid white; border-right:2px solid white; }
  .citylight-social-square-3, .citylight-social-square-6 { border-left:2px solid white; border-right:0px solid white; }
  .citylight-social-square { width: 33.33%; padding-bottom : 33.33%; }
}
@media all and (min-width: 992px) { 
  .insta-promo-left .citylight-social-square { width: 33.33%; padding-bottom : 33.33%; }
  .insta-promo-right .citylight-social-square { width: 100%; padding-bottom : 100%; }
  .citylight-social-square-icon { top:12%; left:12%; font-size:24px; line-height:24px; }
}


/* basic lightbox */

.lightbox-wrap { margin-top:30px; }
.lightbox-squares { width:100%; padding-bottom:100%; background-color:var(--cc-banner-wrap); background-position:center center; background-size:cover; margin-bottom:30px; }


/* basic snake */

.snake-wrap { width:100%; background-color:var(--cc-banner-wrap); }
.snake-container { width:100%; max-width:1200px; background-color:white; 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:white; 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; }
}


/* basic staff */

.basic-staff { margin:24px 0 0 0; }
.staff-card { box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  margin-bottom:36px;
  max-width:700px;
}

.staff-card-color1 { border-left:4px solid #31a39f; }
.staff-card-color2 { border-left:4px solid #fc5f42; }
.staff-card-color3 { border-left:4px solid #f1f048; }
.staff-card-color4 { border-left:4px solid #33359f; }

.staff-card-image { background-color:#eee; }
.staff-card-image-img { width:100%; padding-bottom:50%; background-position:center center; background-size:cover;  }
.staff-card-content { background-color:#fff; padding:24px 30px 12px 24px; }
.staff-name { font-family: 'brother-1816'; font-weight: 700; font-size:30px; color:var(--cc-pagewrap-txt); margin-bottom:2px; }
.staff-title { font-family: 'brother-1816'; font-weight: 700; font-size:14px; color:#666; text-transform:uppercase; line-height:24px; }
.staff-email { font-family: 'brother-1816'; font-weight: 500; font-size:14px; color:#666; text-transform:none; line-height:24px; margin-top:2px; }
.staff-email a { }
.staff-email a:hover { }
.staff-body p { margin-top:16px; }


/* event summary picnic */

/* picnic */

:root{
  /* duplicate to styles */
  --picnic-ctrl-bg-default: white; /* #33359f; */
  --picnic-ctrl-brdr: #aaaaaa; /* #33359f; */
  --picnic-ctrl-txt: #000000;
  --picnic-ctrl-txt-dayname: #000000; /* days of the week */;
  --picnic-ctrl-navarrows:#000000;
  --picnic-ctrl-navarrows-hover:#000000;
  --picnic-ctrl-selected: #000000;
  --picnic-ctrl-selected-bg: #fc5e42; /* ends */
  --picnic-ctrl-inrange: #000000;
  --picnic-ctrl-inrange-bg:#f1f048; /* middle */
}

.picnic-bg { width:100%; }
.picnic-container { max-width: 1500px; margin:0 auto; background-color:white; }

.container-fluid-picnic { max-width:9999px; }

/* responsive layout */

#picnic-basket { display:block; width:100%; }
.picnic-controls { display:block; width:100%; padding:0 0 24px 0; }
.picnic-results { display:block; width:100%; padding:0; }
@media all and (min-width: 992px) {
  #picnic-basket { display:flex; width:100%; }
  .picnic-controls { flex-shrink: 0; width: 364px; }
  .picnic-results { flex-grow: 1; }
}  

.picnic-controls .container-fluid { padding:0 24px; }
.picnic-results .container-fluid { padding:0 24px;  max-width:9999px; }
@media all and (min-width: 992px) {
  .picnic-results .container-fluid { padding-left:0px; }
}  
/* mobile drawers */
  
.picnic-drawer { margin-bottom:1rem; border:1px solid #666; } 
a.picnic-drawer-toggle { display:table; width:100%; text-decoration:none; color:#666; }
a.picnic-drawer-toggle:hover { text-decoration:none; color:#666; }
@media all and (min-width: 992px) {
  .picnic-drawer { border:0; }
  a.picnic-drawer-toggle { display:none; }
}

.picnic-drawer-toggle-label { display:table-cell; width:auto; text-align:left; padding:0 16px; font-size:16px; line-height:48px; font-weight:700; }
.picnic-drawer-toggle-icon { display:table-cell; width:24px; text-align:right; padding:0 16px; }
a.picnic-drawer-toggle.is-open .picnic-drawer-toggle-icon { transform: rotate(180deg); }

.picnic-drawer-closed { max-height:0px; overflow:hidden; }
.picnic-drawer-open { max-height:900px; transition: all 250ms ease-in; overflow:hidden; }


/* controls */

.picnic-calendar-hold { width:100%; padding:0 24px; margin:1rem 0; }
.picnic-categories-hold { width:100%; padding:0 24px; margin:1rem 0; }
@media all and (min-width: 992px) {
  .picnic-calendar-hold { padding:0; margin-top:0px; }
  .picnic-categories-hold { padding:0; }
}

.picnic-shortcuts { font-size:12px; margin-top:5px; text-align:center; }
.picnic-shortcuts a { }
.picnic-shortcuts a:hover { }

ul#picnic-tagpicker { margin:0; padding:0; list-style:none; }
ul#picnic-tagpicker li { margin:0; padding:0 4px 8px 0; display:inline-block; font-size:13px; line-height:1.5; }
ul#picnic-tagpicker li a { display:inline-block; border:0; padding:6px 16px; border-radius:16px; text-decoration:none; font-family: 'brother-1816', sans-serif; font-weight:700; border:1px solid #aaa;}
.picnic-tag { background-color:var(--picnic-ctrl-bg-default); color:var(--picnic-ctrl-txt); }
.picnic-tag:hover { background-color:var(--picnic-ctrl-inrange-bg); color:var(--picnic-ctrl-inrange); border:0px solid #000; }
.picnic-tag-selected { background-color:var(--picnic-ctrl-inrange-bg); color:var(--picnic-ctrl-selected); border:0px solid #000;  }





#picnic-blanket { width:100%; }

.picnic-results-headline { 
  font-weight: 700;
  color: inherit;
  font-size: 2.0rem;
  line-height:1.05;
  margin-top: 0px;
  margin-bottom: 1rem;
}

a.pcrd { display:block; width:100%; height:100%; background-color:var(--picnic-ctrl-bg-default); position:relative; }

.pcrd-image { position:relative; width:100%; }
.pcrd-image-image { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }
.pcrd-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0); transition: all 250ms ease-out; }

.pcrd-content { padding:20px; text-align:left; }
.pcrd-content-headline { color:var(--cc-alink); font-weight:700; font-size:20px; margin-bottom:8px; }
.pcrd-content-time { color:var(--cc-pagewrap-txt); font-weight:400; font-size:15px; margin-bottom:8px; }
.pcrd-content-venue { color:var(--cc-pagewrap-txt); font-weight:400; font-size:15px; margin-bottom:8px; }

.pcrd-content-time span, .pcrd-content-venue span { display:inline-block; text-align-center; width:20px; color:black; }

.pcrd-date-box { position:absolute; top:14px; left:14px; background-color:black; color:white; text-align:center; padding:14px 0; width:80px; }
.pcrd-date-dow { font-size:12px; line-height:16px; font-weight:500; }
.pcrd-date-day { font-size:30px; line-height:36px; font-weight:600; letter-spacing:0.100rem; }
.pcrd-date-month { font-size:12px; line-height:16px; font-weight:500; text-transform:uppercase; letter-spacing:0.100rem; }


a.pcrd:hover .pcrd-image-cover { background-color:rgba(0,0,0,0.15); }
a.pcrd:hover .pcrd-content-headline { color:var(--cc-ahover); }











/* Basic Landing Page */

.nav-card-gallery { width:100%; max-width:990px; margin:48px auto 0px auto; }
.nav-card { margin-bottom:48px; }
.nav-card a { display:block; width:100%; height:100%;  
  box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  transition: all 250ms ease-out;
}
.nav-card-image { position:relative; }
.nav-card-image-image { width:100%; padding-bottom:70%; background-position:center center; background-size:cover; }
.nav-card-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); transition: all 250ms ease-out; }

.nav-card-content { width:100%; height:auto; padding:16px 24px; background-color:#fff; }
.nav-card-content-headline { text-align:center; font-family: 'brother-1816'; font-weight: 700; font-size:20px; color:var(--cc-pagewrap-txt); }

.nav-card-content.color1 { border-top:4px solid #31a39f; }
.nav-card-content.color2 { border-top:4px solid #fc5f42; }
.nav-card-content.color3 { border-top:4px solid #f1f048; }
.nav-card-content.color4 { border-top:4px solid #33359f; }

.nav-card a:hover { box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.20);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.20);
}
.nav-card a:hover .nav-card-image-cover { background-color:rgba(0,0,0,0.20); }


/* Post Section */

.post-card-gallery { margin:48px 0px 0px 0px; }
.post-card-margin { margin-bottom:48px; }
.post-card { height:100%; }
.post-card a { display:block; width:100%; height:100%;  
  box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  transition: all 250ms ease-out;
}

.post-card-image { position:relative;  }
.post-card-image-image { width:100%; padding-bottom:70%; background-position:center center; background-size:cover; }
.post-card-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); transition: all 250ms ease-out; }

.post-card-content { width:100%; height:auto; padding:24px 40px 24px 24px; background-color:#fff;  }
.post-card-content-tag { font-family: 'brother-1816', sans-serif; font-weight:800; font-size:11px; line-height:1.2; letter-spacing: 0.050rem; text-transform: uppercase; margin-bottom:12px; color:var(--cc-pagewrap-txt); }
.post-card-content-headline { font-family: 'brother-1816'; font-weight: 700; font-size:20px; color:var(--cc-pagewrap-txt); 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:var(--cca-alink); font-size: 13px; font-weight: 700; letter-spacing: 0.0500rem; text-transform: uppercase; }

.post-card-content.color1 { border-top:4px solid #31a39f; }
.post-card-content.color2 { border-top:4px solid #fc5f42; }
.post-card-content.color3 { border-top:4px solid #f1f048; }
.post-card-content.color4 { border-top:4px solid #33359f; }


.post-card a:hover { box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.20);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.20);
}
.post-card a:hover .post-card-image-cover { background-color:rgba(0,0,0,0.20); }





/* mapbox styles */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:#27827d; }
.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:3px 0px; font-family: 'brother-1816', sans-serif;  color: var(--cc-h1); font-weight:700; font-size:20px; line-height:1.2; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:12px 0px; font-size:14px; line-height:1.2; color:var(--cc-pagewrap-txt); }
.mapboxgl-popup-content p.mapbox-pop-link { margin:3px 0px; font-size:14px; line-height:20px; }

.mapboxgl-ctrl-geocoder { min-width: 100%; }


/* 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-family: 'brother-1816', sans-serif; 
font-weight:700;
text-decoration: none;
line-height: 14px;
font-size: 14px;
text-align: center;
display:inline-block;
color:#111;
background-color:white;
letter-spacing:  0.050rem;
border:1px solid #aaa;
border-radius:0px;
padding:8px 12px 9px 12px;
white-space: nowrap;
margin:5px 3px;
text-transform:none;
}
.section-filters a:hover { background-color:#f1f048; border-color:#aaa; color:#000; text-decoration: none; }
.section-filters a.selected { background-color:#f1f048; border-color:#f1f048; color:#000; }

.point-section-results { margin:48px 0px 0px 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);  }

.pst-margin { margin-bottom:48px; }

.pst-block { height:100%; }
.pst-block a { display:block; width:100%; height:100%;  
  box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  transition: all 250ms ease-out;
}

.pst-block a:hover { box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.20);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.20);
}

.pst-content.color1 { border-left:4px solid #31a39f; }
.pst-content.color2 { border-left:4px solid #fc5f42; }
.pst-content.color3 { border-left:4px solid #f1f048; }
.pst-content.color4 { border-left:4px solid #33359f; }

.pst-content { width:100%; height:100%; padding:16px 24px; background-color:#fff; text-align:left; }
.pst-primary { font-family: 'brother-1816'; font-weight: 700; font-size:20px; color:var(--cc-pagewrap-txt); margin-bottom:6px; }
.pst-secondary { color:#666; font-weight:400; font-size:15px; line-height:23px; }



/* 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; 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:12px; line-height:32px; border-radius:50%; text-align:center; margin:0 12px 0 0; }
.point-social-icons a { text-decoration:none; color:white; background-color:#2f323b; border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:white; background-color:#2f323b; }

#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:0px solid #eee6e8;}
.ftn li:last-child { border-bottom:0;}
.ftnname { display:block; font-family: 'brother-1816', sans-serif;  font-weight:700; color:#2f323b; }
.ftnaddress { font-size:80%; color:#000; }
.ftndistance { font-size:80%; color:#666;}



/* event list from root tulsa */

.evcard-gallery { margin-top:48px; }
.evcard { margin-bottom:48px; }

.evcard a { position:relative; display:block; width:100%; height:100%;  
  box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  transition: all 250ms ease-out;
  padding-bottom:150px;
}

.evcard-date { display:table; width:100%; }
.evcard-date-border {  display:table-cell; width:10px; background-color:inherit; }
.evcard-date-box { display:table-cell; width:100px; background-color:#fff; text-align:center; vertical-align:top; padding:16px 0; }
.evcard-date-time { display:table-cell; width:auto; background-color:inherit; text-align:right; vertical-align:top; padding:16px 24px 0px 16px }

.evcard-date-box-date { font-family: 'brother-1816'; font-weight: 800; font-size:50px; line-height:50px; }
.evcard-date-box-month { font-family: 'brother-1816'; font-weight: 800; font-size:18px; line-height:24px; text-transform:uppercase; }
.evcard-date-time-dow { font-family: 'brother-1816'; font-weight: 700; font-size:18px; line-height:24px; color:white; }
.evcard-date-time-time { font-family: 'brother-1816'; font-weight: 700; font-size:14px; line-height:14px; color:white; }

.evcard.color0 a { background-color: #fff; padding:40px; }
.evcard.color1 a { background-color: #31a39f; }
.evcard.color2 a { background-color: #fc5f42; }
.evcard.color3 a { background-color: #33359f; }
.evcard.color4 a { background-color: #33359f; }

.evcard.color1 .evcard-date-box { color: #31a39f; }
.evcard.color2 .evcard-date-box { color: #fc5f42; }
.evcard.color3 .evcard-date-box { color: #33359f; }
.evcard.color4 .evcard-date-box { color: #33359f; }

.evcard-content { width:100%; padding:24px 24px 24px 24px; }
.evcard-content-name { font-family: 'brother-1816'; font-weight: 700; font-size:22px; line-height:28px; color:white; }
.evcard-content-location { color:white; margin-top:10px; }

.evcard-image { position:absolute; bottom:0; width:100%; height:150px; }
.evcard-image-image { width:100%; height:150px; background-position:center center; background-size:cover; }

.evcard a:hover { box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.30);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.30);
}




/* evcal event browser  */

:root {
  --cc-evcal-bg: #1E675F; /* background.  was #1E675F */
  --cc-evcal-bg-default: #7172bd; /* was #7172bd */
  --cc-evcal-bg-selected: #33359f; /*  */
}

.event-browser-wrap { width:100%; }
.event-browser-hold { width:100%; max-width:1400px; min-height:600px; margin:0 auto; }

#evcalbrowserfeed { width:100%; }

.evcal { display:block; } 
.evdebug { display:block; }
.evcalcontrol { display:block; padding:0 24px; }
.evcalresults { display:block; padding:0 24px;}
@media all and (min-width: 992px) {
  .evcal { display:table; width:100%; } 
  .evcalcontrol { display:table-cell; width:200px; vertical-align:top; }
  .evcalresults { display:table-cell; max-width:auto; vertical-align:top; }
}

.evcalpanel { background-color:var(--cc-evcal-bg); padding:0 16px; border-radius:0px; margin-bottom:24px; 
  box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.10);
  transition: all 250ms ease-out;
}
.evcalpanel:hover { box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.25);
}

.evcalpanel-intro { width:100%; height:50px; position:relative; }
.evcalpanel-intro-label { color: #fff; font-family: 'brother-1816', sans-serif; font-weight: 400; font-size: 16px; line-height: 50px; }
.evcalpanel-intro-toggle a { position:absolute; top:0px; right:0px; display:block; width:100%; height:50px; font-size:16px; line-height:50px; color: white; text-align:right; }
.evcalpanel-intro-toggle a:hover { color: white;  }

#evcalpanel-drawer { display:none }

@media all and (min-width: 992px) {
  .evcalpanel { padding:0 24px; }
  .evcalpanel-intro { display:none; }
  .evcalpanel-intro-toggle { display:none; }
  #evcalpanel-drawer { display:block!important; } /* slidetoggle fix */
}

.evb-default { background-color:var(--cc-evcal-bg-default); color:white; }
.evb-selected { background-color:var(--cc-evcal-bg-selected); color:white; }
.evb-default:hover { background-color:#eeeeee; color:var(--cc-evcal-bg-selected); }
.evb-selected:hover { background-color:#eeeeee; color:var(--cc-evcal-bg-selected); }

.evcal-calendar { padding:24px 0; font-family: 'brother-1816', sans-serif; font-weight: 500; }

.evcal-header { display:table; width:100%; border:1px solid #fff; border-bottom:0px; background-color:var(--cc-evcal-bg-selected); color:white; margin:0; padding:0; font-size:16px; line-height:1.5; padding:12px 0px; }
.evcal-header a { color:#fff; }
.evcal-header-left { display:table-cell; width:40px; vertical-align:middle; text-align:center; }
.evcal-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; text-transform:uppercase; }
.evcal-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }

.evcal-calendar table { width:100%; border-collapse: collapse; background-color:var(--cc-evcal-bg-default); }   
.evcal-calendar th { /* days of the week */
  border:1px #e7e7e7 solid; 
  font-weight:800;
  font-size:10px;
  line-height:26px;
  color:#eee;
  background-color:var(--cc-evcal-bg-selected);
  text-align:center;
  margin:0;
  padding:0;
  }
.evcal-calendar td {
  border:1px #e7e7e7 solid;
  color:#777; /* color of inactive dates */
  font-size:13px;
  line-height:32px;
  text-align:center;
  margin:0;
  padding:0;
  }
.evcal-calendar a { display:block; text-decoration:none;  color:#ffffff; }
.evcal-calendar a.ontoday { font-weight:700; }
.evcal-calendar td.highlight a { background-color:var(--cc-evcal-bg-selected); color:#ffffff; }

.evcal-calendar td a:hover { text-decoration:none; background-color:#eeeeee; color:var(--cc-evcal-bg-selected); }
.evcal-calendar td.highlight a:hover { text-decoration:none; background-color:#eeeeee; color:var(--cc-evcal-bg-selected); }

.evcal-model { display:table; width:100%; border-collapse: collapse; }
.evcal-model a { display:table-cell; width:auto; text-align:center; font-size:13px; line-height:32px; border:1px solid #fff; }

.evcal-filters { margin:30px 0px; }
.evcal-filters ul { list-style:none; margin:0; padding:0; }
.evcal-filters li { display:inline; margin:0; padding:0; }
.evcal-filters a {
/*font-family: 'brother-1816', sans-serif; 
letter-spacing:  0.050rem;
font-weight:600;*/
text-decoration: none;
line-height: 13px;
font-size: 14px;
text-align: center;
display:inline-block;
background-color:var(--cc-evcal-bg-default); 
color:#ffffff;
border:1px solid #fff;
border-radius:0px;
padding:8px 12px 9px 12px;
white-space: nowrap;
margin:0px 2px 4px 0px;
text-transform:none;
}
.evcal-filters a:hover { background-color:#eeeeee; color:var(--cc-evcal-bg-selected); text-decoration: none; }
.evcal-filters a.selected { background-color:var(--cc-evcal-bg-selected); color:#ffffff; }



/* 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 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:white; background-color:#27827d; border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:white; background-color:#31a39f; }
.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; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}