:root {
  --cc-hou-navy: #0a0a48;
  --cc-hou-navy-dark: #050532; /* from me */
  --cc-hou-navy-medium: #262679; /* from align */
  --cc-hou-pink: #e7133d; /* was #ed254e */
  --cc-hou-cream: #f7f2e7;
  --cc-hou-creamier: #efe9dc; /* slightly darker than cream */
  --cc-hou-orange: #fc940b;
  --cc-hou-lime: #bdea42;
  --cc-hou-blue: #1fbfe5;
  --cc-hou-yellow: #fcd722;
  --cc-hou-green: #2cdd80;
    
  --cc-body-bg: #050532; /* off page background color */
  --cc-pagewrap-bg: #0a0a48; /* pagewrap background color */
  --cc-pagewrap-txt: white; /* pagewrap general color */
   
  --cc-alert-bg: #1fbfe5; /* alert background color */
  --cc-alert-txt: white; /* alert text color */
    
  --cc-alink: #d91239; /* primary link color */
  --cc-ahover: #c11033; /* primary hover color */
  --cc-asec-link: #d91239; /* secondary link color */
  --cc-asec-hover: #d91239; /* secondary hover color */
  --cc-asec-divider: #fcd722; /* secondary divider color */
  
  --cc-pnav-link: white; /* var(--cc-pnav-link) nav color */
  --cc-pnav-hover: var(--cc-ahover); /* var(--cc-pnav-hover) nav hover color */ 
  --cc-pnav-dropdown: #000000; /* var(--cc-pnav-dropdown) dropdown background color */
    
  --cc-linework: #262679; /* hr, sidenav, mobile nav */
  --cc-banner-wrap: #0a0a48; /* var(--cc-pnav-dropdown) dropdown background color */
}

@font-face{
  font-family:'Masifer';
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  src:url('https://ctycms.com/tx-houston/masifer_regular-webfont.woff2') format('woff2'),
  url('https://ctycms.com/tx-houston/masifer_regular-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Nohemi';
  font-weight: 800;
  font-style: normal;
  font-display: swap; 
  src: url('https://ctycms.com/tx-houston/_fonts/Nohemi-ExtraBold.woff') format('woff2'), 
  url('https://ctycms.com/tx-houston/_fonts/Nohemi-ExtraBold.woff2') format('woff');
}


/* globals */

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: 'Rubik', sans-serif;
}

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

#page-header { }

#page-content { }

.container-fluid { max-width:1200px; padding:0 30px; margin:0 auto; }
.container-fluid-narrow { max-width:960px; }
@media screen and (min-width: 1200px) { /* xl */
  .container-fluid { }
  .container-fluid-narrow { max-width:960px; }
  .container-fluid-medium { max-width:1400px; }
  .container-fluid-full { max-width:1600px; }
}
@media screen and (min-width: 1400px) { /* xxl */
  .container-fluid { padding:0 36px;  }
}


.padding-top { padding-top:40px; }
.padding-top-half { padding-top:20px; }
.padding-bottom { padding-bottom:40px; }
.padding-bottom-half { padding-bottom:20px; }
@media all and (min-width: 992px) {
	.padding-top { padding-top:60px; }
	.padding-top-half { padding-top:30px; }
	.padding-bottom { padding-bottom:60px; }
	.padding-bottom-half { padding-bottom:30px; }
}



.hold-maxwidth { width:100%; max-width:980px; }

.banner-2x1-hold { width:100%; max-width:1400px; margin:0 auto; }
.banner-2x1 { width:100%; padding-bottom:50%; background-position:center center; background-size:cover; }


/* alert messages */

.alert-wrap { }
.alerts-class { background-color:#cc3300; color:white; }
.alerts-message, .alerts-dismiss { color:inherit; padding:12px 0; }
.alerts-message strong { text-transform:uppercase; } 
.alerts-link { color:inherit; text-decoration:underline; }
.alerts-link:hover { color:inherit; text-decoration:underline; }
.alert-first { }
.alerts-dismiss > button { margin:0; padding:0; border:0; background-color:inherit; color:inherit; font-size:20px; line-height:24px; }
#dismiss-alert { color:inherit; }

.alert-magenta { background-color:#e7133d; color:white; } .alert-magenta #dismiss-alert { color:white; }
.alert-yellow { background-color:#fcd722; color:#0a0a48; } .alert-yellow #dismiss-alert { color:#0a0a48; }
.alert-green { background-color:#2cdd80; color:#0a0a48; } .alert-green #dismiss-alert { color:#0a0a48; }
.alert-blue { background-color:#1fbfe5; color:#0a0a48; } .alert-blue #dismiss-alert { color:#0a0a48; }


/* global typography */

h1,h2,h3,.nohemi { 
  font-family: 'Nohemi';
  font-weight: 800!important;
}

h1 { font-size: 2.8rem; line-height:1.1; margin-top:0px; margin-bottom: 1rem; font-weight:700; letter-spacing:0.020rem; }
h2 { font-size: 2.0rem; line-height:1.1; margin-top:1.5rem; margin-bottom: 1rem;  font-weight:500; }
h2.on-detail { font-size: 0.9rem; margin-top:1.5rem; margin-bottom: 1rem; text-transform:uppercase; letter-spacing:0.080rem; }
h3 { font-size: 1.30rem; line-height:1.1; margin-top:1.25rem; margin-bottom: 1rem;  font-weight:600; letter-spacing:0.050rem; text-transform:uppercase; }
h4 { }
h5 { } 
h6 { }

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

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

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: inherit; 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: inherit; }

hr { margin-top: 1.5rem; margin-bottom: 1.5rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); border-color: var(--cc-hou-navy-medium); opacity:1; }

code { color:var(--cc-hou-yellow);}

blockquote, pre { background:inherit; }

blockquote { margin:1.5rem 0; border-top:2px solid var(--cc-hou-navy-medium); border-bottom:2px solid var(--cc-hou-navy-medium); padding:1rem 0 0 0 ; }
blockquote p { padding: 0.75rem 2rem 0.75rem 1rem; font-size: 20px; font-style: italic; }

.blog-detail p { font-size:18px; }

/* blue blockquote */

/* <blockquote class="blue-blockquote"><h3>4,100+</h3><p>4,100+ Companies in Downtown</p><p><small>- February 2021</small></p></blockquote> */

blockquote.blue-blockquote { border:0; background-color:var(--cc-hou-navy-medium); color:white; padding:24px 36px; }
blockquote.blue-blockquote h3 { margin:0 0 4px 0; font-style:normal; font-size:36px; line-height:1.2; }
blockquote.blue-blockquote p { margin:0 0 2px 0; padding:0; font-style:normal; font-size:18px; line-height:1.2; }
blockquote.blue-blockquote p small { font-size:15px; }


/* form styles */

label { font-size:15px; font-weight:600; }

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
  background-color: inherit;
  background-clip: padding-box;
  border: 1px solid var(--cc-hou-navy-medium);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
  background-color: inherit;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid var(--cc-hou-navy-medium);
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
  text-align: center;
  white-space: nowrap;
  background-color: var(--cc-hou-navy-medium);
  border: 1px solid var(--cc-hou-navy-medium);
  border-radius: 0;
}

.div-advanced-options { border: 1px solid var(--cc-hou-navy-medium); border-radius: 0; padding:12px 16px; }
table.table-advanced-events { margin:0; }
.div-advanced-options .form-inline { display:inline-block; margin:0 6px; }
.table-advanced-events > tbody > tr > td, .table-advanced-events > tbody > tr > th {
  padding: 10px 16px 10px 16px;
  font-size:15px;
  line-height: 1.45;
  vertical-align: middle;
	border-top:none;
  color:white;
  border-color:var(--cc-hou-navy-medium);
	margin:0;
}
.table-advanced-events > tbody > tr > th { width:130px; }
.table-advanced-events > tbody > tr > td { }
.table-advanced-events > tbody > tr > th label.form-check-label { font-weight:600; }
.table-advanced-events > tbody > tr:last-child td { border:0; }
.table-advanced-events > tbody > tr:last-child th { border:0; }


/* other tables */


.table-houston { border-top:2px solid #000; border-color:var(--cc-hou-navy-medium);  }
.table-houston th { color:white; font-weight:500; font-size:15px; line-height:24px; }
.table-houston td { color:white; font-weight:400; font-size:17px; line-height:24px; }


/* buttons */

.btn-brand { background-color:var(--cc-alink); border:1px solid var(--cc-alink); color:white!important; font-size:14px; font-weight:700; text-transform:none; border-radius:0; letter-spacing:0;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; transition: background-color 0.15s linear 0s; text-decoration:none!important; }
.btn-brand:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white!important; }

.btn-brand-navy { background-color:var(--cc-hou-navy); border:1px solid var(--cc-hou-navy); color:white!important; font-size:14px; font-weight:700; text-transform:none; border-radius:0; letter-spacing:0;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; transition: background-color 0.15s linear 0s; text-decoration:none!important; }
.btn-brand-navy:hover { background-color:var(--cc-hou-navy-dark); border-color:var(--cc-hou-navy-dark); color:white!important; }


.btn-outline-brand { background-color:inherit; border:1px solid var(--cc-alink); color:var(--cc-alink); font-size:14px; font-weight:700; text-transform:none; border-radius:0; letter-spacing:0;
 margin:4px 2px 4px 0px; padding: .375rem .75rem; transition: background-color 0.15s linear 0s;}
.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:700; text-transform:none; border-radius:20px; letter-spacing:0;
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: background-color 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:inherit; border:1px solid var(--cc-alink); color:var(--cc-alink); font-size:12px; font-weight:700; text-transform:none; border-radius:20px;  letter-spacing:0;
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: background-color 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); }


.special-buttons .btn-outline-brand-pill { background-color:inherit; border:1px solid white; color:white; font-size:16px; font-weight:400; text-transform:none; border-radius:60px; letter-spacing:0;
 margin:4px 2px 4px 0px; padding: 8px 24px; transition: background-color 0.15s linear 0s;}
.special-buttons .btn-outline-brand-pill:hover { background-color:white; border-color:white; color:var(--cc-hou-navy); }



.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; }


/* patterns */

.pattern-twoplus { background:url('https://ctycms.com/tx-houston/twoplus-pattern-422x632-white.svg') center center; background-size:42px 64px; }
.pattern-grid { background:url('https://ctycms.com/tx-houston/grid-pattern-400x400-white.svg') center center; background-size:28px 28px; }
.pattern-jack { background:url('https://ctycms.com/tx-houston/jack-pattern-400x350-white.svg') center center; background-size:40px 35px; }


/* color themes */

.theme-houston-navy { background-color:var(--cc-hou-navy); color:white; }

.theme-houston-light { background-color:var(--cc-hou-cream); color:var(--cc-hou-navy); }
.theme-houston-light code { color:#ff0000;}

.theme-houston-blue { background-color:var(--cc-hou-blue); color:var(--cc-hou-navy); }
.theme-houston-blue a { color:var(--cc-hou-navy); text-decoration:underline; }

.theme-houston-lime { background-color:var(--cc-hou-lime); color:var(--cc-hou-navy); }
.theme-houston-lime a { color:var(--cc-hou-navy); text-decoration:underline; }

.theme-houston-green { background-color:var(--cc-hou-green); color:var(--cc-hou-navy); }
.theme-houston-green a { color:var(--cc-hou-navy); text-decoration:underline; }

.theme-houston-pink { background-color:var(--cc-hou-pink); color:white; }
.theme-houston-pink a { color:white; text-decoration:underline; }

.theme-houston-pattern-grid { 
  background-image: url('https://ctycms.com/tx-houston/grid-pattern-400x400-green.svg');
  background-position: top center; 
  background-size: 28px 28px; 
}

.white-links a { color:white;  text-decoration:underline; }
.white-links a:hover { color:white;  text-decoration:underline; }


.mellicon { padding:6px 4px; }
.mellicon a { display:block; text-decoration:none; color:var(--cc-hou-navy); transition: all 0.25s linear 0s; background:rgba(255,255,255,0.1); border-radius:0px; padding:18px 12px; }
.mellicon a:hover { display:block; text-decoration:none; color:var(--cc-hou-navy);  background:rgba(255,255,255,0.35); }
.mellicon-white a { display:block; text-decoration:none; color:white; transition: all 0.15s linear 0s; }
.mellicon-white a:hover { display:block; text-decoration:none; color:var(--cc-hou-yellow); }

.mellicon-label { display:block; text-align:center; font-size:18px; line-height:22px; font-weight:700; }
.mellicon-icon { display:block; text-align:center; font-size:30px; margin-top:12px; }

.mellicon-clean-icon { display:block; text-align:center; font-size:30px; }
.mellicon-clean-value { display:block; text-align:center; font-size:30px; line-height:50px; font-weight:600; }
.mellicon-clean-label { display:block; text-align:center; font-size:15px; font-weight:500; }


ul.mellicon-list { margin:0; padding:0; list-style:none; display:block; text-align:center; background-color:#bada55; }
ul.mellicon-list li { margin:0; padding:0; display:inline-block; }
ul.mellicon-list li b { display:block; }
ul.mellicon-list li span { display:block; }

.mellicon-noun { width:60px; height:60px; fill:var(--cc-hou-navy); }



/* angled transition */

.container-transition { width:100%; height:40px; } 
.transition-slice { clip-path: polygon(0 0, 100% 0, 0 100%); width:100%; height:100%; }
.transition-from-blue { background-color:var(--cc-hou-blue); }
@media all and (min-width: 992px) {
.container-transition { height:60px; }
}


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


/* css for modal backdrop */

.modal-backdrop { background-color: var(--cc-hou-navy-dark); }
.modal-backdrop.show { opacity:0.85; }
.modal-body { background-color: var(--cc-hou-navy); }
.modal-body h1 { margin-top:1rem; }


/* header - mobile nav */

.header-wrap { padding:28px 0; }
.nav-relative { }
.nav-hold { width:100%; height:50px; }
.nav-logo { float:left; width:190px; height:50px; }
.nav-logo a { display:block; width:190px; height:50px; }
.nav-toggle a { float:right; font-size:26px; line-height:50px; color:white; }
.nav-toggle a:hover { color:white;  }

#nav-drawer { display:none }

#callout-nav { padding-top:16px; }
#callout-nav ul { margin:0; padding:0; }  
#callout-nav ul li { list-style: none; margin:0; padding:0; width:100%; }
#callout-nav ul li a { display:block; border-top:2px solid var(--cc-hou-navy); 
  padding:16px 0px;
  color:var(--cc-pnav-link);
  font-size:24px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:0.050rem;
  text-transform:uppercase;
}
#callout-nav ul li a:hover { color:var(--cc-pnav-hover); }
#callout-nav ul li a span { display:inline-block; width:32px; }
#callout-nav ul li a strong { display:inline-block; }


#primary-nav { padding-bottom: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-hou-navy-dark); width:100%; }
#primary-nav ul li div.menu-set a {
  display:table-cell;
  width:90%;
  text-align:left;
  vertical-align:top;
  padding:16px 0px;
  color:var(--cc-pnav-link);
  font-size:20px;
  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; color:var(--cc-alink); }
#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-weight:400;
  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; }

.search-toggle { display:none; }

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

#site-search input[type="text"]{
  display:table-cell;	
  font-size:18px;
  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:16px;
  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 */
@media all and (min-width: 1200px) {
  
  .header-wrap { padding:0;border-bottom:2px solid var(--cc-hou-navy-dark); }
  .nav-relative { position:relative; width:100%; height:120px; }
  .nav-hold { }
  .nav-logo { display:block; position:absolute; top:34px; left:0px; width:198px; height:52px; }
  .nav-logo a { display:block; width:198px; height:52px; }
  .nav-toggle { display:none; }

   #nav-drawer { display:block!important; } /* slidetoggle fix */
   
  /* callout-nav */ 
   
   #callout-nav { display:block; position:absolute; top:25px; left:210px; height:70px; padding:0; }
   #callout-nav ul { margin:0; padding:0; }  
   #callout-nav ul li {  display:inline-block; float:left; width:auto;  }
   #callout-nav ul li a { display:block; border:0;
     padding: 8px 12px;
     color:var(--cc-pnav-link);
     font-size:18px;
     line-height:1.5;
     font-weight:700;
   }
   #callout-nav ul li a:hover { color:var(--cc-pnav-hover); }
   #callout-nav ul li a span { display:block; text-align:center; width:100%; }
   #callout-nav ul li a strong { display:block; text-align:center; width:100%; }
    
  
  /* primary-nav */
   
  #primary-nav { position:absolute; top:34px; width:100%; height:52px; right:30px; 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;
    padding:12px 18px 12px 18px;
    font-size:18px;
  }
  
  #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-hou-navy-dark); }
  #primary-nav ul li a:hover { color:var(--cc-pnav-hover); }

  /* drop down lists */

  #primary-nav ul li ul { 
    position: absolute;
    width: 300px;
    height:auto;
    padding:20px 0px;
    background-color:var(--cc-hou-navy-dark);
    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 { right:0px; } }
  
  #primary-nav ul li ul li { width:300px; }
  #primary-nav ul li ul li a { 
    width:100%;
    padding:6px 24px;
    background-color:var(--cc-hou-navy-dark);
  }


  /* secondary nav */
  
  #secondary-nav { position:absolute; top:34px; right:-20px; width:auto; height:52px; padding:0; }
  
  #site-search { margin-top:0px; }
  
  .search-box-block { display:none; }
  .search-hold { display:table; }
  .search-box { display:table-cell; vertical-align:top; }
  .search-toggle { display:table-cell; vertical-align:top; }
  .search-toggle a { display:block; width:40px; font-size:18px; line-height:27px; padding:12px 0; text-align:center; }

}

@media all and (min-width: 1300px) { 
  #callout-nav { left:260px; }
}

@media all and (min-width: 1400px) {  /* xxl */ 
  .nav-logo { left:0px; }
  #callout-nav { left:260px; }
  #primary-nav { right:60px; }
  #primary-nav ul li div.menu-set a {
    padding:12px 20px 12px 20px;
  }
  #secondary-nav { right:-10px; }
}


/* footer */

footer {  }

.footer-logo { width:100%; max-width:220px; margin:0 auto 1.5rem auto; }

.footer-social-intro {}
#footer-box-1 { padding-top:50px; background:url('https://ctycms.com/tx-houston/DTH_Footer-background3.svg') center center; background-size:cover; background-repeat:no-repeat; margin-bottom:50px; }
.footer-wrap { overflow:hidden; }
.footer-wrap p.footer-headline { font-size:20px; line-height:1.5; font-weight:700; margin-bottom:0.5rem; }

@media screen and (max-width: 1199px) {
  .footer-wrap .container-fluid-full { padding-left:0px; padding-right:0px; }
  .padding-fcell { }
}
@media screen and (min-width: 1200px) {
  .footer-logo { margin-left:0; margin-right:0; }
  #footer-box-1 { background:none; padding-top:0; margin-bottom:0; }
  .padding-fcell { padding-top:60px; padding-bottom:40px; }
  .footer-wrap { background:url('https://ctycms.com/tx-houston/DTH_Footer-background3.svg') center center; background-size:cover; background-repeat:no-repeat; } 
}

.footer-social { margin-bottom:1rem; }
.footer-social a { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 8px; }
.footer-social a { text-decoration:none; color:white; background-color:var(--cc-alink); border:none; transition: all 0.15s linear 0s; }
.footer-social a:hover { color:white; background-color:var(--cc-ahover); }
@media screen and (min-width: 1200px) { .footer-social a { margin:0 14px 0 0; } }

p.our-boards { font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:0.100rem; margin-bottom:6px; }

footer nav ul { margin:0; padding:0; list-style:none; margin-bottom:1rem; }
footer nav ul li { margin:0; padding:0; margin-bottom:12px; }
footer nav ul li a { color:white; font-weight:500; }
@media screen and (min-width: 1200px) {
  footer nav ul li {  margin-bottom:6px; }
  footer nav ul li a { font-size:16px;  }
}

.footer-subscribe-box { display:inline-block; background-color:var(--cc-hou-navy); padding:24px; border-radius:6px; }
.footer-subscribe-box-inner { display:inline-block; border:1px solid var(--cc-hou-pink); padding:48px 36px 24px 24px; text-align:left; }
.footer-subscribe-headline { font-size:22px; line-height:1.25; font-weight:700; margin-bottom:1rem; color:var(--cc-hou-pink); }

.footer-legal-wrap { padding:30px 0px; }
.footer-legal-wrap p { font-family: 'Kanit', sans-serif; font-weight:400; font-size:14px; line-height:1.5; }
.footer-legal-wrap span { display:inline-block; padding:0 4px; color:var(--cc-alink); }
.footer-legal-wrap a { color:var(--cc-hou-cream); text-decoration:none; transition: color 0.25s linear 0s;}
.footer-legal-wrap a:hover { color:var(--cc-hou-orange); text-decoration:none; }


	
	
/* houston banner */

.houston-banner { width:100%; height:300px; background-color:var(--cc-banner-wrap); background-position:center center; background-size:cover; }
@media all and (min-width: 992px) {
  .houston-banner { height:600px; }
}

.basic-banner { width:100%; height:200px; background-color:var(--cc-banner-wrap); background-position:center center; background-size:cover; }
@media all and (min-width: 992px) {
  .basic-banner { height:400px; }
}


/* detail header */

p.header-groups { font-size:15px; font-weight:600; } 
/*
a.btn-header-groups { background-color:inherit; padding:4px 8px; margin:3px 1px; border-radius:4px; transition: all 0.15s linear 0s;  }
a.btn-header-groups { font-size:13px; line-height:15px; letter-spacing:0.050rem; font-weight:700; text-transform:uppercase; color:var(--cc-alink); border:2px solid var(--cc-alink); }
a.btn-header-groups:hover { color:var(--cc-ahover); border-color:var(--cc-ahover); }
*/



/* sidenav drawer */

.sidenav-container {  }
.sidenav-row { display:block; width:100%; }
.sidenav-col-content { display:block; width:100%; padding-right:24px; padding-left:24px; }
.sidenav-col-nav { display:block; width:100%; padding:0; background-color:var(--cc-hou-navy-medium); }
@media screen and (min-width: 1200px) {
	.sidenav-row { display: flex; flex-direction: row-reverse; width:100%; }
	.sidenav-col-content { display:block; width:75%; padding:60px 80px; }
  .sidenav-col-nav { display:block; width:25%; padding-top:30px; background-color:var(--cc-hou-creamier); }
}


.d-sidenav { width:100%; background-color:inherit; }
.d-sidenav-standard { }
.d-sidenav-portal { }
.d-sidenav a { color:white;text-decoration:none; }
.d-sidenav a:hover { color:white; text-decoration:none; }

.d-sidenav-section { display:table; width:100%; padding:8px 0; }
.d-sidenav-section-label { display:table-cell; text-align:left; width:auto; vertical-align:top; font-size:18px; line-height:24px; }
.d-sidenav-section-label a { display:block; padding:10px 12px 10px 24px; font-weight:700; text-transform:uppercase; margin-right:40px; }
.d-sidenav-section-toggle { display:table-cell; text-align:right; width:60px; vertical-align:top; cursor:pointer; font-size:20px; line-height:24px; }
.d-sidenav-section-toggle a { display:block; padding:10px 24px 10px 12px; }

#d-sidenav-drawer { display:none; }
@media all and (min-width: 1200px) {
  .d-sidenav { width:100%; padding:30px; xbackground-color:var(--cc-hou-creamier); }
  .d-sidenav a { color:var(--cc-hou-navy); }
  .d-sidenav a:hover { color:var(--cc-hou-navy); }
  .d-sidenav-section { padding:2px 0; background-color:inherit; }
	.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 ul { padding:0; margin:0; }
.d-sidenav li { padding:0; margin:0; list-style:none; }
.d-sidenav > ul { border-top:2px solid rgba(0,0,0,0.1); }
.d-sidenav > ul > li { border-bottom:1px solid rgba(0,0,0,0.1); }
.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:40px; text-align:left; padding:14px 0px 14px 24px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:inherit); }
.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:inherit; }
.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:inherit; }
.d-sidenav li a:hover div { color:inherit; }

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

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











/* clip patterns */


.clip-lift-up { margin-top:-40px; }
.clip-top-left { clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%); }
.clip-top-right { clip-path: polygon(0 0, 100% 40px, 100% 100%, 0 100%); }
.clip-bottom-left { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 40px) ); }
.clip-bottom-right { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%); }
.clip-both-left { clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 calc(100% - 40px) ); }
.clip-both-right { clip-path: polygon(0 0, 100% 40px, 100% calc(100% - 40px), 0 100% ); }
@media all and (min-width: 992px) {
  .clip-lift-up { margin-top:-60px; }
  .clip-top-left { clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%); }
  .clip-top-right { clip-path: polygon(0 0, 100% 60px, 100% 100%, 0 100%); }
  .clip-bottom-left { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 60px) ); }
  .clip-bottom-right { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%); }
  .clip-both-left { clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 calc(100% - 60px) ); }
  .clip-both-right { clip-path: polygon(0 0, 100% 60px, 100% calc(100% - 60px), 0 100% ); }
}


/* headline patterns */

.trapbox { position:relative; z-index:200; width:100%; }
.trapbox-under { z-index:180; }

.trapbox-under .trapbox-padding { padding-top:80px;}

.trapbox h1 { margin-top:1rem; margin-bottom:0.75rem; font-size:3.0rem; font-weight:700; }
.trapbox-lift-home-video { margin-top:-100px; }
.trapbox-lift-big { margin-top:-190px; }
.trapbox-lift { margin-top:-110px; }
.trapbox-lift-small { margin-top:-70px; }

.trapbox-left { padding-right:10%; }
.trapbox-right { padding-left:10%; }
.trapbox-left-small { padding-right:20%; }
.trapbox-right-small { padding-left:20%; }
.trapbox-padding { width:100%; padding:50px; }
.trapbox-padding-bottom { width:100%; padding:30px 50px 50px 50px; }

.trapbox-pink { background-color:var(--cc-hou-pink); color:white; }
.trapbox-navy { background-color:var(--cc-hou-navy); color:white; }
.trapbox-medium { background-color:var(--cc-hou-navy-medium); color:white; }
.trapbox-green { background-color:var(--cc-hou-green); color:var(--cc-hou-navy); }
.trapbox-lime { background-color:var(--cc-hou-lime); color:var(--cc-hou-navy); }
.trapbox-orange { background-color:var(--cc-hou-orange); color:var(--cc-hou-navy); }
.trapbox-yellow { background-color:var(--cc-hou-yellow); color:#222; }
.trapbox-blue { background-color:var(--cc-hou-blue); color:var(--cc-hou-navy); }
@media all and (min-width: 992px) {
  .trapbox-lift-home-video { margin-top:-170px; }
  .trapbox-left { padding-right:20%; }
  .trapbox-right { padding-left:20%; }
  .trapbox-left-small { padding-right:40%; }
  .trapbox-right-small { padding-left:40%; }
  .trapbox-padding { padding:70px; }
  .trapbox-padding-bottom { width:100%; padding:35px 70px 70px 70px; }
}




/* home hero */

.home-hero-orange-jack-pattern { padding-bottom:60px; background: url('https://ctycms.com/tx-houston/jack-pattern-400x350-orange.svg') bottom center; background-size: 40px 35px; }

.hero-wrap { position:relative; overflow:hidden; } 

.hero-sizer { width:100%; height:340px; }
@media all and (min-width: 768px) { .hero-sizer { height:675px; } }

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

.hero-cover { position:absolute; top:0px; z-index:3; display:flex; align-items:center; justify-content: center; }
.hero-cover-hold { max-width:900px; text-align:center; }
.hero-cover-content { padding:120px 24px 90px 24px; }
.hero-cover-content h1 { color:white; text-shadow: 0px 0px 4px var(--cc-hou-navy-dark); }
.hero-cover-content p { color:white; text-shadow: 0px 0px 4px var(--cc-hou-navy-dark); }



/* home collage */

.home-collage { width:100%; height:700px; position:relative; overflow:hidden; }
.home-collage-orange-jack-pattern { position:absolute; top:0px; left:0px; width:40%; height:100%; background: url('https://ctycms.com/tx-houston/jack-pattern-400x350-orange.svg') bottom right; background-size: 40px 35px; }
.home-collage-yellow-jack-pattern { position:absolute; top:0px; left:0px; width:40%; height:100%; background: url('https://ctycms.com/tx-houston/jack-pattern-400x350-yellow.svg') bottom right; background-size: 40px 35px; }

.home-collage-item { position:absolute; background-position:center center; background-size:cover; }
.home-collage-item1 { top:0px; left:0px; width:50%; height:280px;  }
.home-collage-item2 { top:290px; right:16px; width:100%; height:200px; }
.home-collage-item3 { bottom:0px; left:32px; width:40%; height:260px; clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%); }
.home-collage-item4 { top:0px; right:0px; width:50%; height:280px; border-left:16px solid var(--cc-hou-navy); margin-left:-8px; }
.home-collage-content-txt { position:absolute; top:500px; right:0px; width:50%; height:auto; padding:16px; }
.home-collage-content-txt { font-size:18px; line-height:24px; font-weight:600; }

@media all and (min-width: 768px) {
  .home-collage { height:600px; margin-top:-20px; }
  .home-collage-item1 { top:0px; left:0px; width: 35%; height:600px; }
  .home-collage-item2 { top:0px; right:36.5%; width:27%; height:350px; }
  .home-collage-item3 { bottom:0px; left:auto; right:36.5%; width:20%; height:300px; }
  .home-collage-item4 { top:0px; right:0px; width: 35%; height:450px; border:0; }
  .home-collage-content-txt { top:458px; right:auto; left:65%; width:280px; padding:24px 24px 0px 24px; }
}



/* events carousel */

.custom-swiper-button-next, .custom-swiper-button-prev {
  display:none;
  /* display: flex; */
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--cc-alink);
  font-size:30px;
  color: #fff;
}
.custom-swiper-button-prev { left:0px; }
.custom-swiper-button-next { right:0px; }

.EventsCarouselSwiper .swiper-slide { transition: opacity 0.35s linear 0s;  }
.EventsCarouselSwiper .swiper-slide-active { opacity:1; }
.EventsCarouselSwiper .swiper-slide-prev { opacity:0.3; }
.EventsCarouselSwiper .swiper-slide-next { opacity:0.3; }

a.carousel-card { display:block; width:100%; height:100%; background-color:var(--cc-hou-navy-medium); position:relative; }

.carousel-card-image { position:relative; width:100%; }
.carousel-card-image-image { width:100%; padding-bottom:75%; background-position:center center; background-size:cover; }

.carousel-card-content { padding:24px; text-align:left; }
.carousel-card-content-headline { color:var(--cc-pagewrap-txt); font-weight:700; line-height:1.1; font-size:24px; margin-bottom:8px; }
.carousel-card-content-body { color:var(--cc-pagewrap-txt); font-weight:400; font-size:15px; margin-bottom:12px; }
.carousel-card-content-more { font-weight:700; color:var(--cc-alink); font-size: 13px; xletter-spacing: 0.0500rem; text-transform: none; }

a.carousel-card:hover .carousel-card-image-cover { background-color:rgba(0,0,0,0.15); }


@media all and (min-width: 768px) {
  .custom-swiper-button-next, .custom-swiper-button-prev { display: flex; }
  .carousel-card-image-image { padding-bottom:50%; }
  .carousel-card-content { padding:30px; }
  .custom-swiper-button-prev { left:10px; }
  .custom-swiper-button-next { right:10px; }
}


/*
.post-date-box { position:absolute; top:14px; left:14px; background-color:var(--cc-hou-navy-medium); color:white; text-align:center; padding:14px 0; width:80px;}
.post-date-dow { font-size:12px; line-height:16px; font-weight:500; }
.post-date-day { font-size:30px; line-height:36px; font-weight:600; letter-spacing:0.100rem; }
.post-date-month { font-size:12px; line-height:16px; font-weight:500; text-transform:uppercase; letter-spacing:0.100rem; }
*/




/* home cta */

.cta-bg-navy-limeplus { 
  background-color:var(--cc-hou-navy); 
  background:url('https://ctycms.com/tx-houston/twoplus-pattern-422x632-lime.svg') center center; background-size: 42px 64px;
}
.cta-box-triptych { width:100%; display:table; }
.cta-box-triptych-left { display:table-cell; width:10%; background: var(--cc-hou-lime) url('https://ctycms.com/tx-houston/twoplus-pattern-422x632-navy.svg') center center; background-size: 42px 64px;}
.cta-box-triptych-main { display:table-cell; width:auto; 
  background-color:var(--cc-hou-lime);
  color:var(--cc-hou-navy); 
  padding:90px 30px;
  text-align:center;
  clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0 100%);
}
.cta-box-triptych-main-body { width:100%; max-width:600px; margin:0 auto; }
.cta-box-triptych-right { display:table-cell; width:10%; background-color:inherit;}
.cta-box-language {  margin-bottom:1rem; font-size: 24px; line-height: 30px; font-weight: 500;  }
.cta-box-link { margin-top:1rem; }





/* home itinerary */

.home-itineraries { background-color:var(--cc-hou-navy-medium); position:relative; }
.home-itineraries-bg-dark-bottom { background-color:var(--cc-hou-navy); position:absolute; width:100%; height:300px; bottom:0px; z-index:1;}
.home-itineraries-zindex { position:relative; z-index:2; }

.houshard { }
.houshard a { display:block; position:relative; }
.houshard a div.housard-card { width:100%; height:440px; background-position:center center; background-size:cover; }
.houshard a div.housard-card-cover { position:absolute; top:0px; width:100%; height:440px; background-color:rgba(10,10,72,0.25); transition: all 0.25s linear 0s; }
.houshard a div.housard-card-label { position:absolute; left:0px; bottom:100px; padding:0 60px 0 20px; color:white; font-size:18px; line-height:24px; font-weight:700; }

.houshard a:hover div.housard-card-cover { background-color:rgba(10,10,72,0.10); }

.houshard-1 { margin-top:30px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 0 100%); }
.houshard-2 { margin-top:0px; clip-path: polygon(0 30px, 100% 0, 100% 100%,0 calc(100% - 30px) ); }
.houshard-3 { margin-top:0px; clip-path: polygon(0 0, 100% 30px, 100% calc(100% - 30px),0 100%); }
.houshard-4 { margin-top:0px; clip-path: polygon(0 30px, 100% 0, 100% calc(100% - 30px),0 100%); }
@media all and (min-width: 992px) {
  .houshard-1 { margin-top:60px; }
  .houshard-2 { margin-top:0px; }
  .houshard-3 { margin-top:90px; }
  .houshard-4 { margin-top:-30px; }
  
}



/* home-graphic-map */

.home-graphicmap-clip { 
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 40px) ); 
}
@media all and (min-width: 992px) {
  .home-graphicmap-clip { 
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 60px) );  
  }
}


/* home-plus */

.home-plus { }

.home-plus h2 { font-size:18px; font-weight:600; margin-top:0px;  }
.home-plus p { font-size:16px; }

.home-plus-sky { width:100%; min-height:500px; position:relative; }
.home-plus-body { width:100%; height:auto; background-color:var(--cc-hou-navy); }
.home-plus-social { width:100%; min-height:500px; position:relative; background-position:center center; background-size:cover;  }

.home-plus-sky-imagery { width:100%; height:550px; background-position:center center; background-size:cover; }

.home-plus-sky-overlay { position:absolute; left:50%; bottom:0px; width:280px; margin-left:-140px; height:auto; border:3px solid #d91239; border-bottom:0; padding:16px 16px 0px 16px; }
.home-plus-sky-content { background-color:var(--cc-hou-navy); padding:40px 30px 12px 30px; text-align:center; }

.home-plus-social-overlay { position:absolute; z-index:200; left:50%; top:0px; width:280px; margin-left:-140px; height:auto; border:3px solid #d91239; border-top:0; padding:0px 16px 16px 16px; }
.home-plus-social-content { background-color:var(--cc-hou-navy); padding:30px 30px 30px 30px; text-align:center; }

.home-plus-body-text { display:table; width:100%; max-width:750px; margin:0 auto; padding:30px 5px 16px 5px; }
.home-plus-body-text-left { display:table-cell; width:50%; padding:0 20px; vertical-align:top; text-align:right; }
.home-plus-body-text-right { display:table-cell; width:50%; padding:0 20px; vertical-align:top; text-align:left; }

.plus-social { margin-bottom:1rem; }
.plus-social a { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 8px; }
.plus-social a { text-decoration:none; color:var(--cc-alink); background-color:white; border:none; transition: all 0.15s linear 0s; }
.plus-social a:hover { color:white; background-color:var(--cc-ahover); }


/* home-layland */

.home-layland { position:relative; width:100%; height:auto; background-color:var(--cc-hou-cream); }
.home-layland-image { width:100%; padding-bottom:76.16%; min-height:600px; background-color:var(--cc-hou-cream); background-position:center center; background-size:cover; background-repeat:no-repeat; }
.home-layland-content { position:absolute; bottom:0px; width:100%; }
@media all and (min-width: 1200px) {
  .home-layland-content {  }
}

.melmap { width:100%; padding-bottom:76.16%; background-color:var(--cc-hou-cream); background-position:center center; background-size:cover; }


/* Subscribe Box */

.subscribe-pattern { 
  display: flex;
  justify-content: center;
  align-items: center;
  min-height:80vh;
  padding:12px;
  background: url('https://ctycms.com/tx-houston/twoplus-pattern-422x632-lime.svg') center center;
  background-color:var(--cc-hou-navy);
  background-size: 42px 64px;
  border:12px solid var(--cc-hou-navy);
}
.subscribe-content-outer { background-color:var(--cc-hou-navy); border-radius:0px; padding:12px; }
.subscribe-content-inner { width:100%; max-width:700px; padding:30px 40px; border:1px solid var(--cc-hou-lime); border-radius:0px; }







/* 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(--cc-ahover); color:white; text-transform:uppercase; }
.feature-card-image-div3x2 { width:100%; padding-bottom:66%; background-color:#eee; background-size:cover; background-position:center center; }
.feature-card-content { background-color:white; padding:30px 30px 20px 30px; }
.feature-card-content-headline { color:var(--cc-h1); font-size:1.35rem; line-height:1.4; font-weight:700; margin-bottom:6px; }
.feature-card-content-body { color:var(--cc-h2); font-size:1.1rem; line-height:1.4; margin-bottom:12px; }
.feature-card a .feature-card-content-linklabel { color:var(--cc-alink); text-decoration:none; font-weight:700; }
.feature-card a:hover .feature-card-content-linklabel { color:var(--cc-ahover); text-decoration:none; }
 */

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






/* blue-card */

.blue-card { width:100%; height:100%; background-color:var(--cc-hou-navy-medium); color:white; }
.blue-card a { display:block; width:100%; height:100%; background-color:var(--cc-hou-navy-medium); transition: all .5s; color:white; }
.blue-card a:hover { background-color:#1b1b5e; color:white; }

.blue-card-image { position:relative; width:100%; padding-bottom:66.66%; background-color:#050532; }
.blue-card-image-3x2 { position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
a .blue-card-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); transition: all .5s;}
a:hover .blue-card-image-cover { background-color:rgba(0,0,0,0.25);  }

.blue-card-content { padding:24px; }
.blue-box-text-lg { font-size:18px; font-weight:500; }


/* blue-download-card */

.blue-download-card { width:100%; }
.blue-download-card a { display:block; width:100%; height:100%; color:white; text-decoration:none;  }
.blue-download-card a:hover { color:white; }
.blue-download-card-image { background-color:rgba(255,255,255,0.3); padding:24px; }
.blue-download-card-image-art { width:100%; padding-bottom:100%; background-position:center center; background-size:contain; background-repeat:no-repeat; }
.blue-download-card-content { padding:24px; text-align:center; background-color:var(--cc-hou-navy-medium); color:white; }
.blue-download-card-content-title { font-size: 18px; line-height: 22px; font-weight: 700; margin-bottom:12px; }

.blue-download-card-image-market-report { background-color:rgba(255,255,255,0.3); padding:4px; }
.blue-download-card-image-market-report-art { width:100%; padding-bottom:130%; background-position:center center; background-size:contain; background-repeat:no-repeat; }


/* cream-card */

.cream-card { width:100%; height:100%; background-color:var(--cc-hou-cream); color:var(--cc-hou-navy); }
.cream-card-content { padding:24px; }

/* trey-card */

.trey-card { width:100%; height:100%; background-color:var(--cc-hou-navy-medium); color:white; }
.trey-card a { display:block; width:100%; height:100%; background-color:var(--cc-hou-navy-medium); transition: all .5s; color:white; text-decoration:none; }
.trey-card a:hover { background-color:#1b1b5e; color:white; text-decoration:none; }
.trey-card-image-3x2 { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }
.trey-card-content { padding:36px; }
.trey-card-content-headline { color:var(--cc-pagewrap-txt); font-weight:600; line-height:1.1; font-size:20px; margin-bottom:8px; }
.trey-card-content-html p { font-weight:400; font-size:15px; margin-bottom:12px; }




/* basic landing */

.nav-card-gallery { margin:36px 0; }
.nav-card { width:100%; height:100%; background-color:var(--cc-hou-navy-medium); color:white; overflow:hidden; }
.nav-card a { display:block; color:white; }
.nav-card a:hover { display:block; color:white; }
.nav-card a .nav-card-image { position:relative; width:100%; padding-bottom:66.66%; margin-bottom:12px; overflow:hidden;  }
.nav-card a .nav-card-image-bg {  position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
.nav-card a .nav-card-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.0); transition: all .5s;  }
.nav-card a:hover .nav-card-image-bg {  }

.nav-card-content { width:100%; height:100%; padding:8px 20px 16px 16px; text-align:left; }
.nav-card-content-headline { color: white; font-weight:600; line-height:1.2; font-size:18px; }



/* snake layout */

.snake-container { overflow:hidden; }
.snake-row { display:block; }

.snake-clip-odd { margin-top:-40px; clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%);  }
.snake-clip-even { margin-top:-40px; clip-path: polygon(0 0, 100% 40px, 100% 100%, 0 100%);  }

.snake-image { display: block; width:100%; padding-bottom: 90%; background-size:cover; background-position:center center; }
.snake-content { display: block; padding:70px 30px; background-color:var(--cc-hou-lime); color:var(--cc-hou-navy); }
.snake-content-explore { display: block; padding:70px 30px; background-color:var(--cc-hou-navy-medium); color:white; }

.snake-content-chi-impact { background-color:var(--cc-hou-blue); color:var(--cc-hou-navy); }
.snake-content-chi-growth { background-color:var(--cc-hou-navy); color:white;}
.snake-content-chi-growth a { color:inherit; text-decoration:underline; }
.snake-content-chi-growth a:hover { color:inherit; text-decoration:underline; }

@media all and (min-width: 576px) {
	.snake-image { padding-bottom: 50%; }
}
@media all and (min-width: 768px) {
	.snake-row { display:flex; }
	.snake-row-odd { flex-direction: row-reverse; }
	.snake-image { width:55%; padding:0; }
	.snake-content, .snake-content-explore { width:45%; padding:60px; }
}
@media all and (min-width: 992px) {
	.snake-content, .snake-content-explore { padding:150px 90px; }
  .snake-clip-odd { margin-top:-60px; clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%);  }
  .snake-clip-even { margin-top:-60px; clip-path: polygon(0 0, 100% 60px, 100% 100%, 0 100%);  }
  
}
.snake-content-explore p a { color:white; text-decoration:underline;}


/* do business landing page */

.business-image-box { width:100%; background-color:var(--cc-hou-green); position:relative; }
.business-image-box-image { position:relative; width:100%; background-size:cover; background-position:center center; padding:100px 30px 0 30px; }
.business-green-line { position:absolute; left:0px; bottom:0px; width:100%; height:90px; background-color:var(--cc-hou-green); }
.business-image-box-content { position:relative; width:100%; max-width:1000px; margin:0 auto; padding:20px 20px 0 20px; border:2px solid var(--cc-hou-green); border-bottom:0; }
.business-image-box-inner { width:100%; background-color:var(--cc-hou-navy); padding:30px; }
.business-image-box-inner h2 { font-size:26px; }
.business-image-box-inner p { font-size:16px; }
@media all and (min-width: 1200px) {
  .business-image-box-image { padding-top:200px; }
  .business-image-box-content { padding:30px 50px 0 50px; border:2px solid var(--cc-hou-green); border-bottom:0; }
  .business-image-box-inner { padding:40px; }
}


/* basic staff */

.basic-staff { margin:24px 0; }

.staff-card { background-color:var(--cc-hou-orange); width:100%; height:100%; }
.staff-picture { width:100%; padding-bottom:125%; background-position:center center; background-size:cover; }
.staff-content { padding:40px 24px 24px 24px; background-color:var(--cc-hou-orange); clip-path: polygon(0 24px, 100% 0, 100% 100%, 0 100%); margin-top:-24px; position:relative; z-index:200; }
.staff-name { font-weight: 700; font-size:20px; line-height:1.3; margin-bottom:4px; }
.staff-title { font-weight: 400; font-size:18px; line-height:1.3; margin-bottom:10px; }

.staff-email { font-weight: 600; color:var(--cc-hou-navy-dark); font-size:13px; line-height:18px; margin-bottom:6px; }
.staff-email span { color:var(--cc-hou-cream); display:inline-block; width:24px; padding-left:4px; }
.staff-email a { color:var(--cc-hou-navy-dark); text-decoration:none; transition: all 0.15s linear 0s; }
.staff-email a:hover { color:var(--cc-hou-cream); text-decoration:none; }
.staff-li { font-weight: 600; color:var(--cc-hou-navy-dark); font-size:13px; line-height:18px; }
.staff-li span { color:var(--cc-hou-cream); display:inline-block; width:24px; padding-left:4px; }
.staff-li a { color:var(--cc-hou-navy-dark); text-decoration:none; transition: all 0.15s linear 0s; }
.staff-li a:hover { color:var(--cc-hou-cream); text-decoration:none; }

/* about landing page staff */
.landing-about-staff { position: relative; }
.landing-about-staff-bg-dark-bottom { background-color: var(--cc-hou-navy);
  position: absolute;
  width: 100%;
  height: 400px;
  bottom: 0px;
  z-index: 1;}
.landing-about-staff-zindex { position: relative;
  z-index: 2;}

.staff-intro-row h2 { margin-top:0px; }

.staff-about-card { background-color:var(--cc-hou-lime); width:100%; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 24px), 0 100%); }
.staff-about-picture { width:100%; padding-bottom:125%; background-position:center center; background-size:cover; }
.staff-about-content { padding:20px 24px 40px 24px; }


/* program about */

.program-about-card-odd { background-color:var(--cc-hou-lime); width:100%; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 24px), 0 100%); }
.program-about-card-even { background-color:var(--cc-hou-lime); width:100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 24px) ); }
.program-about-picture { width:100%; padding-bottom:125%; background-position:center center; background-size:cover; }
.program-about-content { padding:20px 28px 50px 28px; color:var(--cc-hou-navy); }
.program-about-title { font-weight: 700; font-size:20px; line-height:1.3; margin-bottom:4px; }
.program-about-link { font-weight: 600; font-size:13px; line-height:18px; }
.program-about-link a {  color:var(--cc-hou-navy); }
  
/* section-filters */

.section-filters { margin:30px 0px; }
.section-filters .section-filters-title { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; margin:0 0 14px 0;}
.section-filters ul { list-style:none; margin:0; padding:0 ;}
.section-filters li { display:inline; margin:0; padding:0; }
.section-filters a {
font-weight:400;
text-decoration: none;
line-height: 14px;
font-size: 12px;
text-align: center;
display:inline-block;
color:white; /* var(--cc-alink); */
background-color: inherit;
letter-spacing:  0.050rem;
border:1px solid white; /* var(--cc-alink);*/
border-radius:30px;
padding:6px 10px;
white-space: nowrap;
margin:6px 3px;
text-transform:uppercase;
}
.section-filters a:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; text-decoration: none; }
.section-filters a.selected { background-color:var(--cc-alink); border-color:var(--cc-alink); color:white; }


/* mapbox styles */

.smarker { width: 24px; height: 36px; cursor: pointer;  }
.smarker-bg { position:absolute; width:24px; height:36px; fill:var(--cc-alink); }
.smarker-bg-above { position:absolute; width:24px; height:36px; fill:var(--cc-alink); }
.smarker-bg-below { position:absolute; width:24px; height:36px; fill:var(--cc-hou-orange); }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:white; }

.smarker-bgp { position:absolute; width:24px; height:36px; fill:var(--cc-hou-navy-medium); }
.smarker-p { position:absolute; width:24px; height:36px; text-align:center; font-size:15px; line-height:24px; color:white; }

.mapboxgl-map { font-family:inherit; color:var(--cc-hou-navy); }

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

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


/*
#point-section #clmap { width:100%; height:50vh; min-height:100px; max-height:500px; background-color:#f3f0ef; border-top:2px solid white; border-bottom:2px solid white; }

.point-section-results { margin:30px 0px; }

.pst { margin-bottom:24px; }
.pst-topline { border-top:1px solid #eee; padding-top:8px; }
.pst a { display:block; }

a .pst-image { position:relative; width:100%; padding-bottom:66.66%; background-color:#eee; margin-bottom:12px; }
a .pst-image-bg { position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
a .pst-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); transition: all .5s;}
a:hover .pst-image-cover { background-color:rgba(0,0,0,0.5);  }
*/


/* sidemap */

.sidemap-wrap { background-color:var(--cc-hou-navy); border:12px solid var(--cc-hou-navy); }
.sidemap-hold { display:block; }
.sidemap-content { width:100%; background-color:var(--cc-hou-navy); padding:0px; min-height:100px; }
.sidemap-map { width:100%; height:540px; background-color:#f3f0ef; }
#sidemap { width:100%; height:540px; background-color:#f3f0ef; }
@media all and (min-width: 992px) {
  .sidemap-hold { display:flex; width:100%; height:900px; }
	.sidemap-content { flex: 1 1 auto; width:45%; height:auto; padding:0; overflow-y: scroll; }
	.sidemap-map { flex: 1 1 auto; width:55%; height:900px; }
	#sidemap { width:100%; height:900px; top:0px; }
}

.hpst { display:table; width:100%; background-color:var(--cc-hou-navy-medium); margin-bottom:12px; }
.hpst-underground {
background-color: #1e1e59;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23262679' %3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hpst-image { display:table-cell; width:45%; height:200px; vertical-align:top; }
.hpst-content { display:table-cell; width:auto; height:auto; vertical-align:top; padding:24px; }
.hpst-content a { color:white; }
.hpst-image-all { position:relative; width:100%; height:100%; background-position:center center; background-size:cover; }
.show-on-map { display:none; }
@media all and (min-width: 768px) {
  .hpst { border-right:12px solid var(--cc-hou-navy); }
  .show-on-map { display:inline; }
}


.hpst-sidebar { display:table-cell; width:40px; background-color:var(--cc-hou-navy-medium); position:relative;  }
.hpst-sidebar-label {
  z-index:999;
  position: absolute;
  display: block;
  bottom: 20px;
  left: 40px;
  width: 200px;
  height: 40px;
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  color: var(--cc-hou-orange);
  text-transform: uppercase;
  font-size: 10px;
  line-height: 40px;
  font-weight:600;
  letter-spacing: 0.100rem;
}


.tunnel-label { font-size:14px; line-height:18px; font-weight:600; margin:8px 0 12px 0; color:white;}
.tunnel-icon { color:white; background-color:#666666; display:inline-block; text-align:center; border-radius:50%; width:18px; height:18px; margin-right:4px; }

.dhpresents-label { font-size:14px; line-height:18px; font-weight:600; margin:16px 0 12px 0; color:white; }
.dhpresents-icon { color:white; background-color:inherit; display:inline-block; text-align:center; border-radius:50%; width:18px; height:18px; margin-right:4px; }




/* point-detail */

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

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

.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 var(--cc-hou-navy-medium);}
.ftn li:last-child { border-bottom:0;}
.ftn-label { font-size:20px; font-weight:600; }
.ftnname { display:block; font-size:110%;}
.ftnaddress { font-size:80%; color:inherit; }
.ftndistance { font-size:80%; color:inherit;}



/* 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(--cc-alink);
background-color:inherit;
letter-spacing: 1px;
border: 2px solid var(--cc-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(--cc-alink); color:white; border-color:var(--cc-alink); }
.event-card-filters a:hover { background-color:var(--cc-ahover); color:white; border-color:var(--cc-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-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 { }


/* board */

.board-callout-box { height:100%; color:white; margin-bottom:2px; }
.board-callout-box a { background-color:var(--cc-hou-navy-medium); padding:32px; display:block; color:white; text-decoration:none; transition: all 450ms ease-out; }
.board-callout-box a:hover { background-color:var(--cc-hou-navy); color:white; }
.board-callout-box h3 { text-transform:none; font-size:24px; line-height:28px; letter-spacing:0; margin-top:0; }
.board-callout-box p { font-size:16px; line-height:1.3; }
.board-callout-box a div.board-callout-arrow { font-size:18px; font-weight:600;  }
.board-callout-box a div.board-callout-arrow span { display:inline-block; padding-left:4px; }
/* .board-callout-box a:hover div.board-callout-arrow span { padding-left:24px; } */

.board-callout-box-no-link { background-color:var(--cc-hou-navy-medium); padding:32px; display:block; color:white;  }

.business-real-estate-stat { height:100%; background-color:var(--cc-hou-navy-medium); padding:32px; display:block; color:white;  }
.business-real-estate-stat-title { font-family: 'Kanit', sans-serif; font-weight: 700; font-size:64px; line-height:70px; }
.business-real-estate-stat-html p { font-size:24px; line-height:28px; font-weight:600; }



/* Post Section */

.post-card-gallery { margin:24px 0px 24px 0px; }
a.post-card { display:block; width:100%; height:100%; background-color:var(--cc-hou-navy-medium); position:relative; }

.post-card-image { position:relative; width:100%; }
.post-card-image-image { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }
.post-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0); transition: all 250ms ease-out; }
.post-card-image-tag { position:absolute; top:0px; right:0px; width:auto; height:auto; background-color:rgba(0,0,0,0.5); font-size:12px; line-height:12px; color:white; padding:10px; }

.post-card-content { padding:36px; text-align:left; }
.post-card-content-headline { color:var(--cc-pagewrap-txt); font-weight:700; line-height:1.1; font-size:24px; margin-bottom:8px; }
.post-card-content-headline-smaller { color:var(--cc-pagewrap-txt); font-weight:600; line-height:1.1; font-size:18px; margin-bottom:8px; }

.post-card-content-body { color:var(--cc-pagewrap-txt); font-weight:400; font-size:15px; margin-bottom:12px; }
.post-card-content-more { font-weight:700; color:var(--cc-alink); font-size: 13px; xletter-spacing: 0.0500rem; text-transform: none; }

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


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




/* 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:var(--cc-alink); border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:white; background-color:var(--cc-ahover); }
.share-cta { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; }
@media all and (min-width: 992px) {
	.sharing-box { display:block; margin-top:0px; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}



/* boards */

.board-topnav { display:block; }
.board-topnav-chi { background-color:var(--cc-hou-pink); }
.board-topnav-hdmd { background-color:var(--cc-hou-green); }
.board-topnav-dra { background-color:var(--cc-hou-blue); }

.board-public-nav { display:block; width:100%; background-color:inherit; padding:12px 24px; }
.board-private-nav { display:block; width:100%; background-color:white; background-color:var(--cc-hou-navy);  padding:12px 24px; }
@media all and (min-width: 1200px) {
  .board-topnav { display:table; width:100%; }
  .board-public-nav { display:table-cell; width:auto; vertical-align:middle; padding:12px 40px; }
  .board-private-nav { display:table-cell; width:220px; vertical-align:middle; padding:12px 30px 12px 60px; clip-path: polygon(36px 0, 100% 0, 100% 100%, 0 100% ); } 
}
@media screen and (min-width: 1600px) { /* xxl */
  .board-public-nav { padding:12px 60px; }
}

.topnav-portal { width:100%; text-align:center; }

.btn-portal-home { background-color:var(--cc-hou-navy); border:1px solid var(--cc-hou-navy);  color:white; font-size:12px; font-weight:700; text-transform:none; border-radius:20px; letter-spacing:0;
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: background-color 0.15s linear 0s; } 
.btn-portal-home:hover {  background-color:var(--cc-hou-navy-dark); border-color:var(--cc-hou-navy-dark); color:white; }

.btn-portal-login { background-color:inherit; border:1px solid var(--cc-hou-navy); color:var(--cc-hou-navy); font-size:12px; font-weight:700; text-transform:none; border-radius:20px;  letter-spacing:0;
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: background-color 0.15s linear 0s; }
.btn-portal-login:hover { background-color:var(--cc-hou-navy-dark); border-color:var(--cc-hou-navy-dark); color:white; }


/* topnav */

.topnav { display:block; width:100%; }
.topnav-left { display:block; text-align:center; padding:24px 24px 8px 24px; text-wrap: balance; }
.topnav-right { display:block; text-align:center; padding:8px 24px 24px 24px; }
.topnav ul { padding:0; margin:0; list-style:none; text-wrap: balance;  }
.topnav li { padding:0; margin:0 2px; list-style:none; display:inline-block; font-family: 'Kanit', sans-serif; font-weight:600; }
.topnav li a { display:inline-block; padding:6px 10px; color:var(--cc-hou-navy); opacity:1; text-decoration:none; }
.topnav li a:hover { color:var(--cc-hou-navy); opacity:0.75; text-decoration:none;  }
.topnav-left a { font-family:'Masifer'; font-weight:400; font-size:20px; color:var(--cc-hou-navy); text-decoration:none; }
.topnav-left a:hover { color:var(--cc-hou-navy); text-decoration:none; }

.board-topnav-chi .topnav-left a { color:white; }
.board-topnav-chi .topnav li a { color:white; }
.board-topnav-chi .topnav-left a:hover { color:white; }
.board-topnav-chi .topnav li a:hover { color:white; }

@media all and (min-width: 1200px) {
  .topnav { display:table; width:100%; }
  .topnav-left { display:table-cell; text-align:left; padding:24px 0px; vertical-align:middle; }
  .topnav-right { display:table-cell; text-align:right; padding:24px 0px; vertical-align:middle; }
}


/* board layout */

.board-container {  }
.board-row { display:block; width:100%; }
.board-col-content { display:block; width:100%; padding:40px 24px; }
.board-col-offscreen { display:block; width:100%; padding:0; background: url('https://ctycms.com/tx-houston/twoplus-pattern-422x632-navy.svg') center center; background-size: 42px 64px; }
@media screen and (min-width: 1200px) {
	.board-row { display: flex; width:100%; }
	.board-col-content { display:block; width:75%; padding:60px 40px; }
  .board-col-offscreen { display:block; width:25%; }
}
@media screen and (min-width: 1600px) { /* xxl */
  .board-col-content { padding:60px 60px; }
}


.board-position {font-weight:500; font-size:15px; line-height:1.2; padding-bottom:6px; text-transform:uppercase;  }
.board-name { font-weight:600; font-size:24px; line-height:1.2; padding-bottom:6px;}
.board-firm { font-weight:500; font-size:20px; line-height:1.2; padding-bottom:6px;}
.board-title { font-weight:400; font-size:15px; line-height:1.2; padding-bottom:6px;}



/* portal drawer */

.portal-container { background-color:var(--cc-hou-cream); }
.portal-row { display:block; width:100%; }
.portal-col-nav { display:block; width:100%; padding:0; background-color:var(--cc-hou-navy-medium); }
.portal-col-content { display:block; width:100%;padding:40px 24px; background-color:white; }
@media screen and (min-width: 1200px) {
	.portal-row { display: flex; width:100%; }
	.portal-col-nav { display:block; width:25%; min-height:500px; background-color:var(--cc-hou-cream); }
	.portal-col-content { display:block; width:75%; padding:60px 80px; }
}


/* meetings */

ul.houston-meetings-list { padding:0; margin:0; list-style:none; }
ul.houston-meetings-list li { padding:0; margin:0 0 4px 0; list-style:none; }
ul.houston-meetings-list li a { display:block; background-color:var(--cc-hou-cream); border-radius:2px; padding:6px 16px; font-weight:600; }
ul.houston-meetings-list li a:hover { background-color:var(--cc-hou-creamier); }

/* accordian raw */

.accordion-not { 
  width:100%;
  border:2px solid var(--cc-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: white; 
  --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(--cc-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: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--cc-alink);
  --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='%23cb255a'%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='%23cb255a'%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; } 



/* chi landing page */

.chi-hero { width:100%; position:relative; }
.chi-hero-image { position:absolute; top:0px; width:100%; height:100%; background-position:center center; background-size:cover; 
  border-bottom:120px solid var(--cc-hou-blue);  
}
.chi-hero-content { position:relative; width:100%; padding:120px 16px 24px 16px; }
.chi-hero-content-outer { width:100%; max-width:700px; margin:0 auto; padding:16px; border:2px solid var(--cc-hou-navy); }
.chi-hero-content-inner { background-color:var(--cc-hou-navy); color:white; padding:24px; text-align:center; }
@media screen and (min-width: 1200px) {
  .chi-hero-content { padding-top:220px; }
  .chi-hero-content-inner { padding:36px; }
}

.chi-result { width:100%; height:100%; background-color:var(--cc-hou-navy-dark); color:white; padding:24px; padding-bottom:60px; }
.chi-result p { font-weight:600; text-align:center; margin:0; }


/* program about */

.chi-initiative-card-odd { background-color:var(--cc-hou-navy); width:100%; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 24px), 0 100%); }
.chi-initiative-card-even { background-color:var(--cc-hou-navy); width:100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 24px) ); }
.chi-initiative-picture { width:100%; padding-bottom:125%; background-position:center center; background-size:cover; }
.chi-initiative-content { padding:28px 28px 50px 28px; color:white; }
.chi-initiative-title { font-weight: 700; font-size:22px; line-height:1.3; margin-bottom:6px; text-wrap:balance; }
.chi-initiative-link { font-weight: 600; font-size:12px; line-height:1.2; }
.chi-initiative-link a { color:white; text-decoration:none; }
.chi-initiative-link a:hover { color:white; text-decoration:none; }


.chi-timeline-hold { width:100%; background-color:var(--cc-hou-blue); color:var(--cc-hou-navy);  }
.chi-timeline { width:100%; }
.chi-timeline-image { width:100%; height:500px; background-size:cover; background-position:center center; }

.chi-timeline-content { padding:0 24px 0px 10px; }
.chi-timeline-content-frame { width:100%; min-height:170px; padding-top:24px; position:relative; padding-left:80px;  background-color:var(--cc-hou-blue); }

.timeline-swiper-place { width:100%; }
.timeline-swiper-arrows { width:100%; max-width:800px; margin:0 auto; height:48px; background-color:var(--cc-hou-blue);  position:relative; }
.timeline-swiper-line { position:absolute; top:25px; left:132px; right:132px; height:2px; background-color:white; }
.timeline-swiper-prev { position:absolute; top:12px; left:24px; width:92px; height:24px; }
.timeline-swiper-next { position:absolute; top:12px; right:24px; width:92px; height:24px; }

.timeline-swiper-arrows div svg { fill:var(--cc-hou-pink); }
.timeline-swiper-prev svg { transform: rotateY(180deg);}


@media screen and (min-width: 1200px) {
  .chi-timeline-hold { position:relative; }
  .chi-timeline-image { height:700px; }
  .chi-timeline-content { position:absolute; bottom:46px; width:100%;padding:0 24px; }
  .chi-timeline-content-frame { max-width:800px; margin:0 auto; }
  .timeline-swiper-place { position:absolute; bottom:0px; z-index:999; }
}


.chi-timeline-subhead { position:absolute; left:20px; top:190px; width:190px; color:var(--cc-hou-navy); transform: rotate(-90deg);
  transform-origin: 0 0; 
  font-family: 'Nohemi';
  font-weight: 800; 
  font-size:40px;
  line-height:1;
  text-align:right; 
  padding-right:24px;
}
.chi-timeline-headline { 
  color:var(--cc-hou-navy); 
  font-family: 'Nohemi';
  font-weight: 800;
  font-size:24px;
  line-height:1.25;
  text-wrap:balance; 
  margin-bottom:6px;
} 
.chi-timeline-text { color:var(--cc-hou-navy); }




.chi-clip-top-right { clip-path:polygon(0 0, 100% 70px, 100% 100%,0 100%); }

.panel-contact-image { border-radius:50%; overflow:hidden; width:250px; height:250px; display:inline-block; border:8px solid white; background-color:black; }
.panel-contact-image { background-size:cover; background-position: center center; }


/* picnic */

:root { /* duplicate these vars from _styles_picnic.css; */
  --picnic-ctrl-bg-default: #262679;
  --picnic-ctrl-brdr: #262679;
  --picnic-ctrl-txt: #ffffff;
  --picnic-ctrl-txt-dayname: #ccc; /* days of the week */;
  --picnic-ctrl-navarrows:#ffffff;
  --picnic-ctrl-navarrows-hover:#cccccc;
  --picnic-ctrl-selected: #FFFFFF;
  --picnic-ctrl-selected-bg: #4441da;
  --picnic-ctrl-inrange: #FFFFFF;
  --picnic-ctrl-inrange-bg: #3432a7;
}

.picnic-houston-hold { padding:50px 0px; max-width: 1600px; margin:0 auto; }

.picnic-container {  }

#picnic-basket { display:block; width:100%; }
.picnic-controls { display:block; width:100%; padding: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: 360px; padding-top:4px; }
  .picnic-results { flex-grow: 1; padding-left:0px; }
}  
  
  
.picnic-drawer { margin-bottom:1rem; } 
a.picnic-drawer-toggle { display:table; width:100%; text-decoration:none; color:white; }
a.picnic-drawer-toggle:hover { text-decoration:none; color:white; }
@media all and (min-width: 992px) {
  .picnic-drawer { display:none; }
}

.picnic-drawer-toggle-label { display:table-cell; width:auto; text-align:left; padding:0 24px; font-size:15px; line-height:40px; font-weight:600; }
.picnic-drawer-toggle-icon { display:table-cell; width:24px; text-align:right; padding:0 24px; }
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; }

.picnic-calendar-hold { width:100%; padding:0 24px 24px 24px; margin-bottom:1rem; }
.picnic-categories-hold { width:100%; padding:0 24px 24px 24px; margin-bottom:1rem; }


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

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: white;
  font-size: 2.0rem;
  line-height:1.05;
  margin-top: 0px;
  margin-bottom: 1rem;
}

#picnic-blanket .pnc { margin-bottom:16px; }
#picnic-blanket .pnc a { display:block; height:100%; text-decoration:none; background-color:#fafafa; border:1px solid var(--picnic-ctrl-brdr); border-radius:3px; }

.pnci { width:100%; padding-bottom:80%; background-position:center center; background-size:cover; }
.pnc0 { padding:24px 24px; color:var(--picnic-ctrl-txt); }
.pnc1 { font-weight:400; font-size:12px; line-height:1.25; margin-bottom:9px; }
.pnc2 { font-weight:400; font-size:20px; line-height:1.25; margin-bottom:9px; font-family: 'Sanchez', serif; color: #16145f; }
.pnc3 { font-weight:400; font-size:15px; line-height:1.25; margin-bottom:9px; }



/* investment map */

.filter-box { padding:24px 30px 24px 30px; }

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

.filter-box select option {
  /* Chrome Windows Bug Fix */
  background-color: #0a0a48!important;
  color: white !important;
}

.vst-pill-action { background-color:#F4F5F6; display:inline-block; font-weight:700; font-size:14px; line-height:19px; color:#167c8c; margin:4px 2px; padding: 4px 14px; 
	border:1px solid #eee; border-radius:60px; transition: all 0.15s linear 0s; text-decoration:none; white-space: nowrap; }
.vst-pill-action:focus { outline:0; }
.vst-pill-action:hover { background-color:#E4E5E6; color:#0b6270; text-decoration:none; }

span.mapkey { background-color:#444; font-weight:700; font-size:11px; line-height:24px; font-weight:700; color:#050532; margin:0px 2px; padding: 2px 8px; border-radius:16px; white-space: nowrap; }
span.mapkey-complete { background-color:var(--cc-hou-blue);  }
span.mapkey-planned { background-color:var(--cc-hou-orange); }
span.mapkey-under-construction { background-color:var(--cc-hou-pink); }

.smarker-complete { position:absolute; width:24px; height:36px; fill:var(--cc-hou-blue); }
.smarker-planned { position:absolute; width:24px; height:36px; fill:var(--cc-hou-orange); }
.smarker-under-construction { position:absolute; width:24px; height:36px; fill:var(--cc-hou-pink); }
.smarker-num { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#050532; font-weight:700; }


.vst-table { display:table; width:100%; }
.vst-number { display:table-cell; width:48px; vertical-align:top; }
.vst-content { display:table-cell; width:auto; vertical-align:top; }

.vst-num { width:30px; height:30px; text-align:center; font-size:14px; line-height:30px; background-color:#444; font-weight:700; color:#050532; border-radius:15px; }
.vst-num-complete { background-color:var(--cc-hou-blue); }
.vst-num-planned { background-color:var(--cc-hou-orange); }
.vst-num-under-construction { background-color:var(--cc-hou-pink); }