/* shared image stuff 

.oly-cover { background-position:center center; background-size:cover; }
.oly-2x1 { width:100%; padding-bottom:50%; }
*/


/* oly card style 

.oc { background-color:#fafafa; height:100%; }
.oc a { display:block; height:100%; text-decoration:none; color:inherit; }
.oc a:hover { color:inherit; text-decoration:none; }
.oc-image { display:block; }
.oc-image-img { display:block; background-color:#eee; background-size:cover; background-position:center center; }
.oc-content { padding:1.5rem; }

.oc-subhead { font-weight:700; font-size:0.9rem; text-transform:uppercase; margin-bottom:0.5rem; }
.oc-headline { font-weight:700; font-size:1.1rem; margin-bottom:0.5rem; }
.oc-text { font-size:1rem; margin-bottom:0.5rem; }
.oc-html a { display:inline; height:auto; }
.oc-cta { display:inline-block; font-size:0.9rem; text-transform:uppercase; background-color:black; color:white; padding:0.25rem 0.75rem; margin-top:1rem; }
.oc-cta a { color:white; text-decoration:none; }
.oc-cta a:hover { color:white; text-decoration:none; }
.oc-cta span::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f178"; /* arrow */ /*
  content: "\203a"; /* angle */ /*
  padding-left: 8px;
}
*/

/* example of over-riding OLY style */

.oc-cta { background-color:var(--cty-alink); color:white; padding:0.25rem 0.75rem; margin-top:1rem; }
.oc-cta:hover { background-color:var(--cty-ahover); }
.oc-cta a { color:white; text-decoration:none; }
.oc-cta a:hover { background-color:var(--cty-ahover);  color:white; text-decoration:none; }



/* basic cards */

.image-cover { background-position:center center; background-size:cover; }
.image-square { width:100%; padding-bottom:100%; background-position:center center; background-size:cover; }
.image-2x1 { width:100%; padding-bottom:50%; background-position:center center; background-size:cover; }
.image-3x2 { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }
.image-5x4 { width:100%; padding-bottom:80%; background-position:center center; background-size:cover; }
.image-4x5 { width:100%; padding-bottom:120%; background-position:center center; background-size:cover; }


.crds { margin:1.5rem 0; }
.crd { background-color:var(--cty-bg-card); height:100%; }
.crd-auto { height:auto; }  /* as with masonry */ 
.crd > a { display:block; height:100%; text-decoration:none; color:inherit; } /* just when whole card is clickable */
.crd a:hover { color:inherit; text-decoration:none; }
.crd-image { display:block; }
.crd-image-img { display:block; background-color:#eee; background-size:cover; background-position:center center; }
.crd-content { padding:1.5rem; }
.crd-headline { font-weight:700; font-size:1.1rem; margin-bottom:0.5rem; }
.crd-text { font-size:1rem;  margin-bottom:0.5rem; }
.crd-linklabel { font-weight:700; margin-top:0.5rem; }


/* news cards */

.newscard { width:100%; height:100%; color:var(--cty-brand-navy); border-top:6px solid var(--cty-brand-navy); background-color:var(--cty-brand-cream); }
.newscard > a { width:100%; height:100%; display:block; text-decoration:none; color:inherit; background-color:var(--cty-brand-cream); transition: var(--cty-transition-hover); } 
.newscard > a:hover { text-decoration:none; color:inherit; background-color:#fdfae8;}

.newscard .crd-subhead { font-weight:600; font-size:0.7rem; line-height:1.2; text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.5rem; }
.newscard .crd-headline { font-weight:600; font-size:1.1rem; margin-bottom:0.5rem; text-wrap:balance; }
.newscard .crd-text { font-size:0.9rem;  margin-bottom:1.5rem; text-wrap:balance; }
.newscard .crd-linklabel { font-weight:600; font-size:0.7rem; line-height:1.2; text-transform:uppercase; letter-spacing:0.050rem; text-align:right; }

.newscard-full {  width:100%; height:100%; background-color:var(--cty-brand-navy); color:var(--cty-brand-cream); border-top:6px solid var(--cty-brand-navy); }
.newscard-full > a { width:100%; height:100%; display:block; text-decoration:none; color:inherit; transition: var(--cty-transition-hover); } 
.newscard-full > a:hover { text-decoration:none; color:inherit; }

.newscard-full .crd-subhead { font-weight:600; font-size:0.7rem; line-height:1.2; text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.5rem; }
.newscard-full .crd-headline { font-weight:600; font-size:1.1rem; margin-bottom:0.5rem; text-wrap:balance; }
.newscard-full .crd-text { font-size:0.9rem;  margin-bottom:1.5rem; text-wrap:balance; }
.newscard-full .crd-linklabel { font-weight:600; font-size:0.7rem; line-height:1.2; text-transform:uppercase; letter-spacing:0.050rem; text-align:right; }


.newscard-full-image { display:block; }
.newscard-full-content { padding:1.25rem; }
@media all and (min-width: 992px) {
  .newscard-full a { display:flex; position:relative; }
  .newscard-full-image { width:50%; }
  .newscard-full-content  { width:50%; display: flex; align-items: center; padding:1.25rem 3rem; }

  .newscard-full .crd-linklabel  { text-align:left; }

}

/* employer cards */

.employercard { width:100%; color:var(--cty-brand-navy); border-top:6px solid var(--cty-brand-navy); background-color:var(--cty-brand-cream-light); }


.employercard .crd-subhead { font-weight:600; font-size:0.7rem; line-height:1.2; text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.5rem; }
.employercard .crd-headline { font-weight:600; font-size:1.1rem; margin-bottom:0.5rem; text-wrap:balance; }
.employercard .crd-text { font-size:0.9rem;  margin-bottom:0.25rem; text-wrap:balance; }

.employercard-button-group { margin:1rem 0 2rem 0; text-align:center; }
.employercard-button-group button { 
  text-decoration:none; 
  font-size:0.7rem;
  line-height:1;
  font-weight:700;
  text-transform:uppercase; 
  letter-spacing:0.050rem;
  color:var(--cty-brand-cream-light);
  background-color:inherit; 
  border:2px solid var(--cty-brand-cream-light);
  transition:var(--cty-transition-hover); 
  border-radius:24px;
  padding:0.3rem 0.55rem;
  white-space: nowrap;
  margin:4px 3px; 
}
.employercard-button-group button:hover { 
  background-color:#fdfae8; 
  border-color:#fdfae8;
  color:var(--cty-brand-navy); 
  text-decoration:none; 
}
.employercard-button-group button.button-selected { 
  background-color:var(--cty-brand-cream-light); 
  border-color:var(--cty-brand-cream-light); 
  color:var(--cty-brand-navy); 
  text-decoration:none; 
}



/* grant cards */

.grantcard { width:100%; color:var(--cty-brand-navy); border-top:6px solid var(--cty-brand-navy); }
.grantcard > a { display:block; text-decoration:none; color:inherit; background-color:var(--cty-brand-cream-light); transition: var(--cty-transition-hover); } 
.grantcard > a:hover { text-decoration:none; color:inherit; background-color:#fdfae8;}

.state .grantcard { border-color:var(--cty-brand-blue); }
.local .grantcard { border-color:var(--cty-brand-yellow); }

.grantcard .crd-subhead { font-weight:600; font-size:0.7rem; line-height:1.2; text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.5rem; }
.grantcard .crd-headline { font-weight:600; font-size:1.1rem; margin-bottom:0.5rem; text-wrap:balance; }
.grantcard .crd-text { font-size:0.9rem;  margin-bottom:1.5rem; text-wrap:balance; min-height:160px; }
.grantcard .crd-linklabel { font-weight:600; font-size:0.7rem; line-height:1.2; text-transform:uppercase; letter-spacing:0.050rem; text-align:right; }


.grantcard-button-group { margin:1rem 0 2rem 0; text-align:center; }
.grantcard-button-group button { 
  text-decoration:none; 
  font-size:0.8rem;
  line-height:1;
  font-weight:700;
  text-transform:uppercase; 
  letter-spacing:0.050rem;
  color:var(--cty-brand-cream-light);
  background-color:inherit; 
  border:2px solid var(--cty-brand-cream-light);
  transition:var(--cty-transition-hover); 
  border-radius:24px;
  padding:0.5rem 0.85rem;
  white-space: nowrap;
  margin:4px 3px; 
}
.grantcard-button-group button:hover { 
  background-color:#fdfae8; 
  border-color:#fdfae8;
  color:var(--cty-brand-navy); 
  text-decoration:none; 
}
.grantcard-button-group button.button-selected { 
  background-color:var(--cty-brand-cream-light); 
  border-color:var(--cty-brand-cream-light); 
  color:var(--cty-brand-navy); 
  text-decoration:none; 
}
.grantcard-button-group .button-selected.button-local { 
  background-color:var(--cty-brand-yellow); 
  border-color:var(--cty-brand-yellow); 
  color:var(--cty-brand-navy); 
  text-decoration:none; 
}
.grantcard-button-group .button-selected.button-state { 
  background-color:var(--cty-brand-navy); 
  border-color:var(--cty-brand-navy); 
  color:white; 
  text-decoration:none; 
}




/* events cards */

a.evcard { display:block; width:100%; height:100%; background-color:var(--cty-bg-card); color:inherit; text-decoration:none; position:relative; }

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

.evcard-content { padding:1.5rem;}
.evcard-content-subhead { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; text-transform:uppercase; }
.evcard-content-headline { font-weight:700; font-size:1.2rem; line-height:1.3; margin-bottom:0.5rem; }
.evcard-content-time { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; }
.evcard-content-venue { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; }
.evcard-content-text { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; }

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

.evcard-date-box { position:absolute; top:0.75rem; left:0.75rem; background-color:black; color:white;  
  display: flex;
  width:80px; height:80px; 
  flex-direction: column;  /* Stack the text vertically */
  justify-content: center;  /* Center the content vertically */
  align-items: center;  /* Center the content horizontally */
  text-align: center;  /* align the text inside each child div */
}

.evcard-date-dow { font-size:12px; line-height:14px; font-weight:500; }
.evcard-date-day { font-size:22px; line-height:28px; font-weight:600; letter-spacing:0.050rem; }
.evcard-date-month { font-size:12px; line-height:14px; font-weight:500; text-transform:uppercase; letter-spacing:0.050rem; }

.evcard-date-range { font-size:12px; line-height:16px; font-weight:500; text-transform:uppercase; letter-spacing:0.050rem; }
.evcard-date-range span { font-size:16px; line-height:18px; font-weight:700; }
.evcard-date-through { font-size:10px; line-height:16px; font-weight:700; text-transform:uppercase; letter-spacing:0.050rem; }

a.evcard:hover { color:inherit; text-decoration:none; }
a.evcard:hover .evcard-content-headline { color:var(--cty-ahover); }
a.evcard:hover .evcard-image-cover { background-color:rgba(0,0,0,0.15); }



/* special cards */

.special-cards { margin:1.5rem 0; }
.special-card { background-color:var(--cty-bg-card); height:auto; }
.special-card-image { display:block; }
.special-card-image-img { display:block; background-color:#eee; background-size:cover; background-position:center center; }
.special-card-content { padding:1.5rem; }
.special-card-headline { font-weight:700; font-size:1.2rem; margin-bottom:1rem; }
.special-card-text { font-size:0.85rem;  margin-bottom:1rem; }
.special-card-limits { font-size:0.85rem;  margin-bottom:1rem; }
.special-card-link { font-weight:700; margin-top:1rem; }
.special-card-venue * { font-size:0.9rem; }
.special-card-venue .awesome-box { display:table; width:100%; }
.special-card-venue .awesome-box-icon { display:table-cell; width:24px; vertical-align:top; text-align:left; }
.special-card-venue .awesome-box-link { display:table-cell; width:auto; vertical-align:top; text-align:left; }




/* post cards */

.post-crds { margin:1.5rem 0; }
.post-crd { background-color:#fafafa; height:100%; }
.post-crd a { display:block; height:100%; text-decoration:none; color:inherit; }
.post-crd a:hover { color:inherit; text-decoration:none; }
.post-crd-image { display:block; }
.post-crd-image-img { display:block; background-color:#eee; background-size:cover; background-position:center center; }
.post-crd-content { padding:1.5rem; }
.post-crd-subhead { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; text-transform:uppercase; }
.post-crd-headline { font-weight:700; margin-bottom:0.5rem; }
.post-crd-text { font-size:1rem; }




/* place cards */

.pcrds { margin:1.5rem 0; }
.pcrd { background-color:#fafafa; height:100%; } 
.pcrd a { display:block; height:100%; text-decoration:none; color:inherit; }
.pcrd a:hover { color:inherit; text-decoration:none; }
.pcrd-image { display:block; }
.pcrd-image-img { display:block; background-color:#eee; background-size:cover; background-position:center center; }
.pcrd-content { padding:1.5rem; }

.pcrd-headline { font-size:1rem; font-weight:700; margin-bottom:0.1rem; }
.pcrd-text { font-size:0.8rem; }


/* staff card SUGAR LAND*/

.staff-card { background-color:var(--cty-brand-blue); color:white; text-align:left; width:100%; height:100%; 
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
}
.staff-card-image { display:block; width:100%; }
.staff-card-image-img { display:block; width:100%; padding-bottom: 150%; background-size:cover; background-position:center center; }
.staff-card-content { padding:1rem; }

.staff-icon { display:inline-block; text-align:center; width:30px; padding-right:6px; }
.staff-card-headline { font-weight:600; font-size:1.1rem; line-height:1.3; margin-bottom:0.25rem; text-wrap:balance; }
.staff-card-title { font-weight:600; font-size:0.8rem; line-height:1.3; margin-bottom:0.6rem; text-wrap:balance; }

.staff-card-phone { font-weight:550; font-size:0.66rem; line-height:1.3; margin-top:0.3rem; }
.staff-card-email { font-weight:550; font-size:0.66rem; line-height:1.3; margin-top:0.3rem; }

.staff-card-phone a, .staff-card-email a { text-decoration:none; }
.staff-card-phone a:hover, .staff-card-email a:hover { text-decoration:none; }

.staffmod { width:100%; padding:12px; }
.staffmod-hold { display:table; width:100%; margin-bottom:1rem; }
.staffmod-image { display:table-cell; width:90px; text-align:center; vertical-align:middle; }
.staffmod-content { display:table-cell; width:auto; text-align:left; padding-left:20px; vertical-align:middle; }

.staffmod-image-img { display:block; width:100%; padding-bottom: 100%; background-size:cover; background-position:center center; border-radius:50%; }
.staffmod-headline { font-weight:600; font-size:1.1rem; line-height:1.3; text-wrap:balance; }
.staffmod-title { font-weight:600; font-size:0.8rem; line-height:1.3; text-wrap:balance; color:var(--cty-brand-blue); }
.staffmod-bio { font-weight:400; font-size:0.95rem; line-height:1.4; }

.staff-card-links { margin-top:0.95rem; }

.btn-staff-linkedin { 
  background-color:var(--cty-brand-blue); 
  border:1px solid white; 
  color:white; 
  font-size:14px; line-height:1; font-weight:600; text-transform:none; letter-spacing:0.001rem; 
  margin: 0 16px 0 0;
  padding: 8px 8px; 
  transition:var(--cty-transition-hover); 
  text-decoration:none; 
  border-radius:4px;
}
.btn-staff-linkedin:hover { 
  background-color:var(--cty-brand-blue); 
  border:1px solid white; 
  color:white; 
  text-decoration:none; 
}

.btn-staff-bio { 
  background-color:var(--cty-abtnlink); 
  border:1px solid var(--cty-abtnlink); 
  color:var(--cty-brand-navy); 
  font-size:14px; line-height:1; font-weight:600; text-transform:none; letter-spacing:0.001rem; 
  margin: 0; 
  padding: 10px 10px; 
  transition:var(--cty-transition-hover); 
  text-decoration:none; 
  border-radius:0;
}
.btn-staff-bio:hover { 
  background-color:var(--cty-abtnhover); 
  border-color:var(--cty-abtnhover); 
  color:var(--cty-brand-navy);
  text-decoration:none; 
}


/* visit planner card */

.vcards { margin:1.5rem 0; }
.vcard { background-color:#fafafa; height:100%; position:relative; border:2px solid #fafafa; } 
.vcard a { display:block; height:100%; text-decoration:none; color:inherit; }
.vcard a:hover { color:inherit; text-decoration:none; }
.vcard-image { display:block; }
.vcard-image-img { display:block; background-color:#eee; background-size:cover; background-position:center center; }
.vcard-content { padding:1.5rem; }

.vcard-headline { font-size:1rem; font-weight:700; margin-bottom:0.1rem; }
.vcard-text { font-size:0.8rem; }

.vcard-favorite { position:absolute; top:0px; right:0px; width:50px; height:50px; }
.vcard-favorite a { display:block; width:50px; height:50px; text-align:center; cursor:pointer; background-color:black; color:white; font-size:24px; line-height:50px; }
.vcard-favorite a:hover { background-color:#666; color:white; }
.vcard-favorite-icon { display:inline; }
.vcard-favorite-icon-selected { display:none; }

.vcard-selected { border-color:black; }
.vcard-selected .vcard-favorite-icon { display:none; }
.vcard-selected .vcard-favorite-icon-selected { display:inline; }


/* simple slider */

.cafe-swiper-hold { position:relative; }

.cafe-swiper-next, .cafe-swiper-prev {
  display: flex;
  position: absolute;
  top: var(--swiper-navigation-top-offset,40%);
  width: 48px;
  height: 48px;
  margin-top: -24px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--cty-alink);
  font-size:30px;
  color: #fff;
  border-radius:24px;
}
.cafe-swiper-prev { left:-22px; }
.cafe-swiper-next { right:-22px; }


/* simple slider carousel */

.cafe-carousel-card { position:relative; }

.cafe-carousel-next, .cafe-carousel-prev {
  display: flex;
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: 48px;
  height: 48px;
  margin-top: -24px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--cty-alink);
  font-size:30px;
  color: #fff;
  border-radius:24px;
}
.cafe-carousel-prev { left:-22px; }
.cafe-carousel-next { right:-22px; }

.carousel-card { display:block; background-color:#fafafa; }
.carousel-card-image { display:block; }
.carousel-card-image-img { display:block; width:100%; padding-bottom:80%; background-size:cover; background-position:center center; }
.carousel-card-content { padding:1rem; }
.carousel-card-content-cell { text-align:left; }

@media all and (min-width: 992px) {
  .carousel-card { display:flex; flex-direction: row-reverse; }
  .carousel-card-image { width:50%; height:auto; }
  .carousel-card-image-img { width:100%; height:100%; padding:0; }
  .carousel-card-content { width:50%; min-height:500px; padding:0; display: flex; align-items: center; }
  .carousel-card-content-cell { padding:0 2rem; }
}
@media all and (min-width: 992px) {
  .carousel-card-content-cell { padding:0 4rem; }
}

.carousel-card-headline { font-weight:700; font-size:1.1rem; margin-bottom:0.5rem; }
.carousel-card-text { font-size:1rem; }
.carousel-card-link { margin-top:0.5rem; }




/* hero slider */

.hero-swiper-hold { width:100%; position:relative; }
.hero-swiper-height { height:75vh; max-height:600px; min-height:100px; }
.hero-swiper-image-bg { width:100%; background-color:#eee; background-size:cover; background-position:center center;}

.hero-swiper-next, .hero-swiper-prev {
  display: flex;
  position: absolute;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--cty-alink);
  font-size:30px;
  color: #fff;
  border-radius:24px;
}
.hero-swiper-prev { left:12px; }
.hero-swiper-next { right:12px; }
@media all and (min-width: 992px) {
  .hero-swiper-prev { left:5%; }
  .hero-swiper-next { right:5%; }
}

.hero-swiper-cover { 
  width:100%; height:100%; padding:24px 72px;
  background: rgb(48,93,200);
  background: linear-gradient(60deg, rgba(48,93,200,0.5) 0%, rgba(227,18,175,0.5) 100%); 
}
.hero-swiper-flex {
  width:100%; height:100%;
  display: flex; align-items: center; justify-content: center;
}
.hero-swiper-content { width:100%; max-width:600px; text-align:center; color:white; }
.hero-swiper-content-headline { font-size:1.25rem; font-weight:700; margin-bottom:0.5rem; }
.hero-swiper-content-text { font-size:1rem; font-weight:400; }
.home-swiper-content-link { margin-top:0.5rem; }


/* artcar */

.artcar-swiper-hold { width:100%; max-width:1500px; margin:0 auto; position:relative; }

.artcar-swiper-next, .artcar-swiper-prev {
  position: absolute;
  top: 200px; /* half desktop image height */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  border-radius:50%;
  font-size: 30px;
  color: #fff;
  background-color: var(--cty-alink);
  z-index: 10;
  cursor: pointer;
}
.artcar-swiper-prev { left:2px; }
.artcar-swiper-next { right:2px; }

.artcrd { width:100%; }
.artcrd-image { display:block; }
.artcrd-image-img { display:block; width:100%; height:400px; background-color:#eee; background-size:cover; background-position:center center; }

.artcrd-content-hold { width:100%; }
.artcrd-content { display:none; padding:1.5rem; background-color:#fafafa; }
.artcrd-headline { font-weight:700; margin-bottom:0.5rem; }
.artcrd-text { font-size:1rem; }

.artcar-swiper-hold .swiper-slide { transition: opacity 0.35s linear 0s; }
.artcar-swiper-hold .swiper-slide-active .artcrd-content { display:block; }
.artcar-swiper-hold .swiper-slide-prev .artcrd-image-img { height:360px; margin-top:20px; opacity:0.5; }
.artcar-swiper-hold .swiper-slide-next .artcrd-image-img { height:360px; margin-top:20px; opacity:0.5; }

@media all and (min-width: 992px) {
  .artcar-swiper-next, .artcar-swiper-prev { top:300px; /* half desktop image height */ }
  .artcar-swiper-next { right: 8%; }
  .artcar-swiper-prev { left: 8%; } 
  .artcrd-image-img { height:600px; }
  .artcar-swiper-hold .swiper-slide-prev .artcrd-image-img { height:560px; margin-top:20px; }
  .artcar-swiper-hold .swiper-slide-next .artcrd-image-img { height:560px; margin-top:20px; }
}