/* from blocks.css */

.op-cards { margin:1.5rem 0; }

.op-card { width:100%; height:100%; background-color:var(--cms-cream-dark); color: var(--cms-navy-dark); border-radius:0.5rem; overflow:hidden; }
.op-card a { display:block; width:100%; height:100%; text-decoration:none; color:inherit; }
.op-card a:hover { color:inherit; text-decoration:none; }

.op-card-image { display:block; }
.op-card-image-img { width:100%; background-position:center center; background-size:cover; }

.op-card-content { padding:1.5rem; }

.op-subhead { font-weight:700; font-size:0.9rem; text-transform:uppercase; margin-bottom:0.5rem; text-wrap:balance; }
.op-headline { font-weight:700; font-size: 1.2rem; line-height: 1.3; margin-bottom:0.5rem; text-wrap:balance; }
.op-text { font-weight:400; font-size:0.9rem; margin-bottom:0.5rem; text-wrap:balance; }

.op-cta { font-weight:700; font-size:0.9rem; margin-top:1rem; text-wrap:balance; }

.op-card.bg-cream { background-color:var(--cms-cream); }

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



/* post cards */

.post-crds { margin:1.5rem 0; }
.post-crd { width:100%; height:100%; background-color:var(--cms-cream-dark); color: var(--cms-navy-dark); border-radius:0.5rem; overflow:hidden; }
.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-size:cover; background-position:center center; }
.post-crd-content { padding:1.5rem; }

.post-crd-subhead { font-weight:700; font-size:0.9rem; text-transform:uppercase; margin-bottom:0.5rem; text-wrap:balance;  }
.post-crd-headline { font-weight:700; font-size: 1.2rem; line-height: 1.3; margin-bottom:0.5rem; text-wrap:balance; }
.post-crd-text {  font-weight:400; font-size:0.9rem; margin-bottom:0.5rem; text-wrap:balance; }
.post-crd-minutes {  font-weight:500; font-size:0.8rem; margin-top:0.75rem; text-wrap:balance; }

.post-crd.post-card-newslink { background-color:var(--cms-orange-dark); color:white; }



/* domino-cards override defaults*/

.op-domino-hold { width:100%; margin:0; }
.op-domino-bg { display:block; background-color:var(--cms-cream-dark); color: var(--cms-navy-dark); border-radius:0.5rem; overflow:hidden; margin-bottom:1rem; }
.op-domino-row { display:block; width:100%; margin:0 auto; } /* apply max-width here as needed */
.op-domino-image { display:block; }
.op-domino-image-img { display:block; width:100%; padding-bottom:80%; background-size:cover; background-position:center center; }
.op-domino-content { display:block; padding:1.5rem; }

.op-domino-flex {
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
}
.op-domino-flex > div { width:100%; }

@media all and (min-width: 768px) {
	.op-domino-row { display:flex; }
	.op-domino-row-reverse { flex-direction: row-reverse; }
	.op-domino-image  { width:50%; padding:0; }
  .op-domino-image-img { width:100%; height:100%; padding:0; }
	.op-domino-content { width:50%; padding:2rem; }
  .op-domino-flex { min-height: 400px; }
}
@media all and (min-width: 992px) {
	.op-domino-content { padding:2.5rem; }
}
@media all and (min-width: 1200px) {
	.op-domino-content { padding:3rem;; }
}

/* styling example */
.domino-bg-cream {
  .op-domino-bg { background-color:var(--cms-cream); }
}







/* box-card override defaults*/

.box-card { 
  height:100%;
  background-color:var(--cms-cream-dark); color:inherit;
  border-radius:0.25rem;
  overflow:hidden;
}

.box-card a { display:block; height:100%; min-height: inherit; text-decoration:none; color:inherit; }

.box-card:hover a { text-decoration:none; color:inherit; min-height: inherit; }

.box-card-flex {
  position: relative;
  min-height: inherit;
  height:100%;
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
  overflow: hidden;
  text-decoration:none;
}

.box-card-image { 
  position: absolute;
  width: 100%; 
  height:100%; 
  background-size: cover; 
  background-position: center center;
}

.box-card-cover {
  position: absolute;
  width: 100%; 
  height:100%; 
  background-color:rgba(0,0,0,0.25);
}

.box-card-content {
  position: relative;
  text-align: center;
  padding: 1rem;
  max-width: 992px;
}

.box-card-content {
  .op-subhead { 
    font-weight: 700;
    font-size: 1.5rem;
    line-height:1;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    text-wrap: balance;
  }

}





/* image support */

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


/* events cards */

a.evcard { display:block; width:100%; height:100%; background-color:white; color:var(--cms-navy); 
  text-decoration:none; position:relative; border-radius:0.5rem; overflow:hidden; }

.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; text-wrap:balance;  }
.evcard-content-headline { font-weight:700; font-size:1.2rem; line-height:1.3; margin-bottom:0.5rem; text-wrap:balance;  }

.evcard-content-time { font-weight:500; font-size:0.8rem; margin-bottom:0.5rem; padding-left:26px; position:relative; text-wrap:balance; }
.evcard-content-venue { font-weight:500; font-size:0.8rem; margin-bottom:0.5rem; padding-left:26px; position:relative; text-wrap:balance; }
.evcard-content-time span, .evcard-content-venue span { display:inline-block; text-align:center; width:20px; position:absolute; top:0px; left:0px; }

.evcard-content-text { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; }
.evcard-content-text span { opacity:0.5; }


.evcard-date-box { position:absolute; top:0; right:0; background-color:var(--cms-teal-dark); 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(--cms-teal-dark); }
a.evcard:hover .evcard-image-cover { background-color:rgba(0,0,0,0.15); }


/* 1st Thursday Dates */

.thursdate-card {
  display: flex;
  align-items: center;
  gap: 0;
  background-color: var(--cms-cream-dark);
  border-radius: 1rem;
  overflow:hidden;
  padding: 0;
  margin-bottom:1rem; 
}

.thursdate-card-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border-radius: 0;
  padding:0.5rem;
  min-width: 80px;
  height:inherit;
}

.thursdate-card-date-sm {
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  color: inherit;
  letter-spacing: 0.05em;
}

.thursdate-card-date-lg {
  font-size: 1.2rem;
  font-weight: 700;
  color: inherit;
  line-height: 1.1;
}

.thursdate-card-facts {
  display: flex;
  flex-direction: column;
  gap:4px;
  padding:0.5rem 1rem;
}

.thursdate-card-facts-fact {
  display: flex;
  align-items: start;
  font-size: 0.8rem;
  font-weight:500;
  color: inherit;
  position:relative;
  padding-left:26px;
}

.thursdate-card-facts-fact span {
  display:inline-block; text-align:center; width:20px; position:absolute; top:0px; left:0px; 

}


/* specials */

/* special cards */

.special-cards { margin:1.5rem 0; }
.special-card { display:block; width:100%; background-color:var(--cms-cream-dark); color:inherit; text-decoration:none; position:relative; 
  border-radius:0.5rem; overflow:hidden; 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.3rem; line-height:1.3; margin:0.5rem 0 0.7rem 0; text-wrap:balance; }
.special-card-text { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; }
.special-card-limits { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; }
.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; }




/* happy hours card */

.hh-cards { margin:1.5rem 0; }
.hh-card { display:block; width:100%; height:100%; background-color:var(--cms-cream-dark); color:inherit; text-decoration:none; position:relative; 
  border-radius:0.5rem; overflow:hidden;
}

.hh-card-image { position:relative; width:100%; }
.hh-card-image-img { width:100%; background-position:center center; background-size:cover; }

.hh-card-content { padding:1.5rem; text-align:center; }
.hh-card-content-subhead { font-weight:700; font-size:0.7rem; margin-bottom:0.25rem; letter-spacing:0.050rem; text-transform:uppercase; text-wrap:balance; }
.hh-card-content-headline { font-weight:700; font-size:1.3rem; line-height:1.3; margin:0.5rem 0 0.7rem 0; text-wrap:balance; }

.hh-card-headline { font-weight:700; font-size:1.3rem; line-height:1.3; margin:0.5rem 0 0.7rem 0; text-wrap:balance; }
.hh-card-text { font-weight:700; font-size:0.7rem; margin-bottom:0.25rem; letter-spacing:0.050rem; text-transform:uppercase; text-wrap:balance; }

.hh-card-place-name { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; }
.hh-card-place-address { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; }


/* happy hours promo slider */

.hh-slider-card { display:block; width:100%; height:100%; background-color:var(--cms-cream); color:inherit; border-radius:0.5rem; overflow:hidden; }
.hh-slider-card a { text-decoration:none; }
.hh-slider-card a:hover { text-decoration:none; }
.hh-slider-card-image { width:100%; aspect-ratio:1/1; background-position:center center; background-size:cover; }
.hh-slider-card-content { padding:1rem; }

.hh-slider-card-place-name { font-weight:800; font-size:0.95rem; line-height:1.25; text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.2rem; text-wrap:balance; }
.hh-slider-card-place-address { font-weight:600; font-size:0.7rem; line-height:1.25; margin-bottom:0.5rem; text-wrap:balance; }

.hh-slider-card-text { font-weight:400; font-size:0.8rem; line-height:1.35; margin-bottom:0.5rem; }

.hh-swiper-button-next, .hh-swiper-button-prev {
  display: flex;
  position: absolute;
  z-index: 10;
  top:190px;
  left:-16px;
  background-color: var(--cms-gold);
  border: 0;
  color: var(--cms-navy-dark);
  padding: 0 !important;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  width: 30px;
  margin-top: -16px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 250ms ease;
  }
  .hh-swiper-button-next {
    left:auto; right:-16px;
  }

















/* place cards */

.pcrds { margin:1.5rem 0; }
.pcrd { background-color:var(--cty-bg-card); color:var(--cty-fg-card); height:100%; } 
.pcrd a { display:block; position:relative; 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-size:cover; background-position:center center; }
.pcrd-content { padding:1.5rem; }

.pcrd-needle { 
  position:absolute; 
  top:24px; 
  right:24px; 
 }
.pcrd-number { 
  display:block;
  background-color:var(--cty-map-marker-bg); /* match mapbox marker */
  color:var(--cty-map-marker-fg); /* mapbox marker */
  border-radius:50%;
  text-align:center;
  width:40px;
  height:40px;
  font-size:1rem;
  line-height:40px;
  font-weight:700;
}

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




/* staff card */

.staff-card { background-color:inherit; text-align:center; }
.staff-card-image { display:block; width:100%; max-width:270px; margin:0 auto; }
.staff-card-image-circle { display:block; background-size:cover; background-position:center center; 
width:100%; padding-bottom:100%; border-radius:50%;
}
.staff-card-content { padding:1rem 0; }
.staff-icon { display:inline-block; text-align:center; width:30px; padding-right:10px; }
.staff-card-headline { font-weight:700; font-size:1.3rem; line-height:1.35; margin-bottom:0.25rem; text-wrap:balance; }
.staff-card-text { font-weight:500; font-size:0.9rem; line-height:1.35; margin-bottom:0.25rem; text-wrap:balance; }
.staff-card-title { font-weight:500; font-size:0.9rem; line-height:1.35; margin-bottom:0.25rem; text-wrap:balance; }
.staff-card-phone { font-weight:500; font-size:0.9rem; line-height:1.35; margin-top:0.5rem; }
.staff-card-email { font-weight:500; font-size:0.9rem; line-height:1.35; margin-top:0.5rem; }






/* 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:var(--cty-bg-card); }
.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:var(--cty-bg-card); }
.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; }
}



/* visit planner card */

.vcards { margin:1.5rem 0; }
.vcard { background-color:var(--cty-bg-card); 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:inherit; 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; }




/* quick-link 4x1 */

.quick-link { 
  height:100%;
  position: relative;
}

.quick-link a { display:block; height:100%; min-height: inherit; text-decoration:none; color:inherit; }

.quick-link:hover a { text-decoration:none; color:inherit; min-height: inherit; }

.quick-link-flex {
  position: relative;
  min-height: inherit;
  height:100%;
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
  overflow: hidden;
  text-decoration:none;
}

.quick-link-image { 
  position: absolute;
  width: 100%; 
  height: 100%; 
  background-color:black;
  background-size: cover; 
  background-position: center center;
}

.quick-link-cover {
  position: absolute;
  width: 100%; 
  height:100%; 
  background-color:rgba(0,0,0,0.25);
}

.quick-link-content {
  position: relative;
  padding: 1rem;
  height:200px;

  min-height: inherit;
  display: flex;
  align-items: end; /* center vertically */
  justify-content: left; /* center horizontally */
  overflow: hidden;
  text-decoration:none;

  font-weight:700; font-size:2rem; line-height:1.25; text-wrap:balance;
}

@media all and (min-width: 992px) {
  .quick-link-content { height:500px; }
}



/* quick-link 2x2 */

.quicker-links { position:relative; background-color:var(--cms-cream-dark); color:white; padding-top:40px; }

.quicker-link { 
  height:100%;
  position: relative;
}

.quicker-link a { display:block; height:100%; min-height: inherit; text-decoration:none; color:inherit; }

.quicker-link:hover a { text-decoration:none; color:inherit; min-height: inherit; }

.quicker-link-flex {
  position: relative;
  min-height: inherit;
  height:100%;
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
  overflow: hidden;
  text-decoration:none;
}

.quicker-link-image { 
  position: absolute;
  width: 100%; 
  height: 100%; 
  background-color:black;
  background-size: cover; 
  background-position: center center;
}

.quicker-link-cover {
  position: absolute;
  width: 100%; 
  height:100%; 
  background-color:rgba(0,0,0,0.25);
}

.quicker-link-content {
  position: relative;
  padding: 1rem;
  height:200px;

  min-height: inherit;
  display: flex;
  align-items: end; /* center vertically */
  justify-content: left; /* center horizontally */
  overflow: hidden;
  text-decoration:none;

  font-weight:700; font-size:2rem; line-height:1.25; text-wrap:balance;
}

.quicker-link-0 { border-bottom:4px solid var(--cms-cream-dark); }
.quicker-link-1 { border-bottom:4px solid var(--cms-cream-dark); }
.quicker-link-2 { border-bottom:4px solid var(--cms-cream-dark); }

.quicker-links-tile { 
  position:absolute;
  top:0px;
  left:50%;
  margin-left:-40px;
  width:80px;
  height:80px;
  background-color:var(--cms-cream-dark);
  background-image:url('https://ctycms.com/ca-santa-barbara/quicker-link-tile-160x160.svg');
  background-size:cover;
}

@media all and (min-width: 992px) {

  .quicker-links { padding-top:0; }
  .quicker-link-content { height:300px; }

  .quicker-link-0 { border-bottom:4px solid var(--cms-cream-dark); border-right:4px solid var(--cms-cream-dark); }
  .quicker-link-1 { border-bottom:4px solid var(--cms-cream-dark); }
  .quicker-link-2 { border-bottom:0px solid var(--cms-cream-dark); border-right:4px solid var(--cms-cream-dark); }
  .quicker-link-3 { border-bottom:0px solid var(--cms-cream-dark); }

  .quicker-links-tile {
    top:50%;
    right:24px;
    margin-top:-40px;
  }

  .quicker-link-1 {
    .quicker-link-content { justify-content:end; text-align:right; }
  }
  .quicker-link-3 {
    .quicker-link-content { justify-content:end; text-align:right; }
  }

}





/* SB Domino Slider Style A */

.sb-domino-row { display:block; width:100%; margin:0 auto; } /* apply max-width here as needed */
.sb-domino-image { display:block; }
.sb-domino-image-img { display:block; width:100%; padding-bottom:80%; background-size:cover; background-position:center center; }
.sb-domino-content { display:block; padding:1.5rem; }

.sb-domino-bg { background-color:var(--cms-cream-dark); border-radius:0.5rem; overflow:hidden; }

.sb-domino-flex {
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
}
.sb-domino-flex > div { width:100%; }

@media all and (min-width: 768px) {
	.sb-domino-row { display:flex; }
	.sb-domino-row-reverse { flex-direction: row-reverse; }
	.sb-domino-image  { width:50%; padding:0; }
  .sb-domino-image-img { width:100%; height:100%; padding:0; }
	.sb-domino-content { width:50%; padding:2rem; }
  .sb-domino-flex { min-height: 400px; }
}
@media all and (min-width: 992px) {
	.sb-domino-content { padding:2.5rem; }
}
@media all and (min-width: 1200px) {
	.sb-domino-content { padding:3rem;; }
}

.sb-domino-subhead { font-weight:600; font-size:0.9rem; text-transform:uppercase; margin-bottom:0.5rem; letter-spacing:0.050rem; text-wrap:balance; }
.sb-domino-headline { font-weight:700; font-size: 1.5rem; line-height: 1.3; margin-bottom:0.5rem; text-wrap:balance; }
.sb-domino-text { font-size:0.9rem; margin-bottom:0.5rem; text-wrap:balance; }
.sb-domino-cta { font-weight:700; font-size:0.9rem; margin-top:1rem; text-wrap:balance; }

.sb-domino-cta {
  .btn-outline-brand-pill { 
    background-color:inherit; 
    border:1px solid var(--cms-teal-light); 
    color:var(--cms-teal-light); 
    font-size:0.8rem; font-weight:400; text-transform:uppercase; letter-spacing:0.050rem; 
    border-radius:20px; 
    margin: 4px 2px 4px 0px; 
    padding: .275rem 1rem; 
    transition:var(--cty-transition-hover);  
    text-decoration:none; 
  }
  .btn-outline-brand-pill:hover { 
    background-color:inherit; 
    border-color:var(--cms-teal-light); 
    color:white; 
    text-decoration:none; 
  }
}

.sb-domino-container { margin:1.5rem 0; width:100%; position:relative; }

.sb-domino-button-next, .sb-domino-button-prev {
  display: flex;
  position: absolute;
  z-index: 10;
  top:25%;
  left:-16px;
  border: 0;
  background-color: var(--cms-gold);
  color: var(--cms-navy-dark);
  padding: 0 !important;
  font-size: 16px;
  line-height: 32px;
  height: 32px;
  width: 32px;
  margin-top: -24px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 250ms ease;
}
.sb-domino-button-next {
  left:auto; right:-16px;
}
@media all and (min-width: 768px) {
  .sb-domino-button-next, .sb-domino-button-prev { top:50%; }
}




/* SB Domino Slider Style B */

.sb-dominob-row { display:block; width:100%; margin:0 auto; } /* apply max-width here as needed */
.sb-dominob-image { display:block; }
.sb-dominob-image-img { display:block; width:100%; padding-bottom:80%; background-size:cover; background-position:center center; border-radius:0.5rem; overflow:hidden;  }
.sb-dominob-content { display:block; padding:1.5rem; padding-left:60px; }

.sb-dominob-bg { background-color:var(--cms-orange-dark); color:var(--cms-cream); border-radius:0.5rem; overflow:hidden; }

.sb-dominob-flex {
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
}
.sb-dominob-flex > div { width:100%; }

@media all and (min-width: 768px) {
	.sb-dominob-row { display:flex; }
	.sb-dominob-row-reverse { flex-direction: row-reverse; }
	.sb-dominob-image  { width:60%; padding:0; }
  .sb-dominob-image-img { width:100%; height:100%; padding:0; }
	.sb-dominob-content { width:40%; padding:2rem; }
  .sb-dominob-flex { min-height: 400px; }
}
@media all and (min-width: 992px) {
	.sb-dominob-content { padding:2.5rem; }
}
@media all and (min-width: 1200px) {
	.sb-dominob-content { padding:3rem;; }
}

.sb-dominob-tile {
  display:block;
  width:30px;
  height:30px;
  margin-bottom:16px;
  background-image:url('https://ctycms.com/ca-santa-barbara/sb-dominob-tile.svg');
  background-size:contain;
  background-repeat:no-repeat;
}
@media all and (max-width: 767px) {
  .sb-dominob-tile-hold { position:relative; }
  .sb-dominob-tile { position:absolute; left:-52px; top:7px; }
}

.sb-dominob-subhead { font-weight:700; font-size:0.9rem; text-transform:uppercase; margin-bottom:0.5rem; letter-spacing:0.050rem; text-wrap:balance; }
.sb-dominob-headline { font-weight:700; font-size: 1.5rem; line-height: 1.3; margin-bottom:0.5rem; text-wrap:balance; }
.sb-dominob-text { font-size:0.9rem; margin-bottom:0.5rem; text-wrap:balance; }
.sb-dominob-html p { font-size:0.95rem; }
.sb-dominob-cta { font-weight:700; font-size:0.9rem; margin-top:1rem; text-wrap:balance; }

.sb-dominob-cta {
  .btn-outline-brand-pill { 
    background-color:inherit; 
    border:1px solid var(--cms-teal-light); 
    color:var(--cms-teal-light); 
    font-size:0.8rem; font-weight:400; text-transform:uppercase; letter-spacing:0.050rem; 
    border-radius:20px; 
    margin: 4px 2px 4px 0px; 
    padding: .275rem 1rem; 
    transition:var(--cty-transition-hover);  
    text-decoration:none; 
  }
  .btn-outline-brand-pill:hover { 
    background-color:inherit; 
    border-color:var(--cms-teal-light); 
    color:white; 
    text-decoration:none; 
  }
}

.sb-dominob-container { margin:1.5rem 0; width:100%; position:relative; }

.sb-dominob-button-next, .sb-dominob-button-prev {
  display: flex;
  position: absolute;
  z-index: 10;
  top:25%;
  left:-16px;
  border: 0;
  background-color: var(--cms-gold);
  color: var(--cms-navy-dark);
  padding: 0 !important;
  font-size: 16px;
  line-height: 32px;
  height: 32px;
  width: 32px;
  margin-top: -24px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 250ms ease;
}
.sb-dominob-button-next {
  left:auto; right:-16px;
}
@media all and (min-width: 768px) {
  .sb-dominob-button-next, .sb-dominob-button-prev { top:50%; }
}