/*
border-radius:12px; overflow:hidden;
.post-crd-subhead { font-weight:700; font-size:0.7rem; margin-bottom:0.25rem; letter-spacing:0.050rem; text-transform:uppercase; text-wrap:balance; }
.post-crd-headline { font-weight:700; font-size:1.3rem; line-height:1.4; margin-bottom:0.5rem; text-wrap:balance; }
.post-crd-text { font-size:0.9rem; text-wrap:balance; }
.post-crd-minutes { font-weight:700; font-size:0.6rem; margin-top:0.75rem;  }
*/

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


/* as on home page */
.op-hero-block-cover {
  /* background-color: rgba(7,67,104,0.25);*/
  background: rgba(5, 67, 104, 0.40);
  background: linear-gradient(180deg,rgba(5, 67, 104, 0.8) 0%, rgba(5, 67, 104, 0.05) 100%);
}

/* as on hero image */

.op-hero-image { position:relative; }
.op-hero-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(5, 67, 104, 0.40);
  background: linear-gradient(180deg,rgba(5, 67, 104, 0.8) 0%, rgba(5, 67, 104, 0.05) 100%);
  pointer-events: none; 
}
.no-overlay .op-hero-image::before { background:none; }


/* home video height */

.home-video-height {
  .op-hero-block { height:560px; }
  .op-hero-block-content { padding-left:10px; padding-right:10px; }
  @media all and (min-width: 768px) {
    .op-hero-block { height:760px; }
  }
}


/* curve overlay for domimo */

.curve-overlay-sand {
  .op-domino-image { position:relative; overflow:hidden;}
  .op-domino-image::before {
      content: '';
      position: absolute;
      top: -1px;
      left: -1px;
      width: 102%;
      height: 102%;
      pointer-events: none; /* Allows clicks to pass through */
      background-image:url('https://ctycms.com/fl-delray-beach/sand-curve-overlay-left.svg');
      background-repeat:no-repeat;
      background-position:top left;
      background-size: auto 100%;
  }
}

.curve-overlay-orange {
  .op-domino-image { position:relative; overflow:hidden;}
  .op-domino-image::before {
      content: '';
      position: absolute;
      top: -1px;
      left: -1px;
      width: 102%;
      height: 102%;
      pointer-events: none; /* Allows clicks to pass through */
      background-image:url('https://ctycms.com/fl-delray-beach/orange-curve-overlay-left.svg');
      background-repeat:no-repeat;
      background-position:top left;
      background-size: auto 100%;
  }
}


/* signature-header-panel */

.signature-header-panel { 
  .op-hero-block {
    color:white;
    height:620px;
  }
  .op-hero-block-content { 
    padding-top:130px; /* 48 + 82 */
    padding-bottom:48px;
    padding-left:24px;
    padding-right:24px;
  }
  @media screen and (min-width: 992px) {
    .op-hero-block {
       height:720px;
    }
    .op-hero-block-content {
      padding-top:180px; /* 48 + 160 */
    }

  }
}



/* 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 links block type */

.newslink-swiper-container { position:relative; margin:0 0 1rem 0; padding-top:0px; }
.newslink-swiper-button-next, .newslink-swiper-button-prev {
  display: flex;
  position: absolute;
  z-index: 10;
  top:-15px;
  right:80px;
  background-color: var(--cty-brand-navy);
  border: 0;
  color: white;
  border:1px solid white;
  padding: 0 !important;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  width: 30px;
  margin-top: 0px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 250ms ease;
  }
  .newslink-swiper-button-next {
    right: 40px;
  }

.newslink-hold { 
  width:100%;
  border:1px solid white;
  border-radius:12px; overflow:hidden;
}
.newslink-hold-palm { 
  width:100%;
  background-color:var(--cty-brand-teal);
  color:var(--cty-brand-navy);
}

  .newslink-palm-hold { display:table; width:100%; }
  .newslink-palm-image { display:table-cell; width:52px; padding:10px 8px 0px 8px; vertical-align:middle; }
  .newslink-palm-text { display:table-cell; width:auto; vertical-align:middle; padding-top:4px; } 
  .newslink-palm-text { font-size:16px; line-height:18px; font-weight:700; text-transform:uppercase; }

.newslink-hold-card { 
  width:100%;
}

.newslink-card {
  width:100%;
  color: var(--cty-brand-navy);
  background-color:var(--cty-brand-seafoam);
}
.newslink-card a { display:block; width:100%; text-decoration:none; padding:1rem; }
.newslink-card a:hover { display:block; text-decoration:none; }

.newslink-subhead { color:inherit; font-size:0.8rem; font-weight:700; text-transform:uppercase; margin-bottom:0.5rem; text-wrap:balance; }
.newslink-headline { color:inherit; font-size:1.4rem; line-height:1.2; font-weight:700; text-wrap:balance;}

@media all and (min-width: 768px) {
  .newslink-hold { display:table; }
  .newslink-hold-palm { display:table-cell; width:180px; vertical-align:middle; padding:8px 16px; }
  .newslink-hold-card { display:table-cell; width:auto; vertical-align:middle; }
  
  .newslink-palm-hold { display:table; width:172px; }
  .newslink-palm-image { display:table-cell; width:82px; padding:0 10px 0 0; vertical-align:middle; }
  .newslink-palm-text { display:table-cell; width:100px;  padding:0; vertical-align:middle; } 
  .newslink-palm-text { font-size:16px; line-height:18px; font-weight:700; text-transform:uppercase; }
  
  .newslink-card a { padding:1rem 1rem 1rem 2rem; }


}


/* events cards */

a.evcard { display:block; width:100%; height:100%; background-color:var(--cty-brand-shimmer); color:var(--cty-brand-navy); text-decoration:none; position:relative; 
  border-radius:12px; 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:700; font-size:0.7rem; margin-bottom:0.25rem; letter-spacing:0.050rem; text-transform:uppercase; text-wrap:balance; }
.evcard-content-headline { font-weight:700; font-size:1.3rem; line-height:1.3; margin:0.5rem 0 0.7rem 0; text-wrap:balance; }

.evcard-signature {
  font-weight:600; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; letter-spacing:0.050rem; text-transform:uppercase;
}

.evcard-content-time { font-weight:500; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; padding-left:30px; position:relative; }
.evcard-content-venue { font-weight:500; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; padding-left:30px; position:relative; }
.evcard-content-text { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; }

.evcard-content-time span, .evcard-content-venue span { display:inline-block; text-align:center; width:24px; color:inherit; position:absolute; top:0; left:0; }




.evcard-date-box { position:absolute; top:0rem; left:24px; background-color:var(--cty-brand-shimmer); color:var(--cty-brand-navy); 
  display: flex;
  width:80px; height:80px; 
  border-radius: 0 0 8px 8px;
  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; text-transform:uppercase; letter-spacing:0.050rem; }
.evcard-date-day { font-size:22px; line-height:32px; font-weight:700; 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-brand-navy);  }
a.evcard:hover .evcard-image-cover { background-color:rgba(0,0,0,0.15); }







/* signature event cards, fluid height setup as for home bento and events landing page */

a.aev-card { display:block; width:100%; height:100%; background-color:var(--cty-brand-seafoam); color:var(--cty-brand-navy); text-decoration:none; position:relative; 
  border-radius:12px; overflow:hidden;
}

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

.aev-image-500 .aev-card-image-image { height:500px; }

.aev-card-image-wave {
  position:absolute; bottom:-6px; width:100%; height:50px; 
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='100%25' height='100%25' preserveAspectRatio='none' viewBox='0 0 600 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:%23cae1e1' d='M316.9 73.4C190.4 52.7 155.6-6 0 13.2l0 86.9l600-0.1V73.4C550.1 81.5 443.4 94.1 316.9 73.4z'/%3E%3C/svg%3E");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


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

.aev-card-signature {
  font-weight:600; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; letter-spacing:0.050rem; text-transform:uppercase;
}

.aev-card-content-time { font-weight:500; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; padding-left:30px; position:relative; }
.aev-card-content-venue { font-weight:500; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; padding-left:30px; position:relative; }
.aev-card-content-text { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; text-wrap:balance; }

.aev-card-content-time span, .aev-card-content-venue span { display:inline-block; text-align:center; width:24px; color:inherit; position:absolute; top:0; left:0; }




.aev-card-date-box { position:absolute; bottom:0rem; left:24px; background-color:var(--cty-brand-shimmer); color:var(--cty-brand-navy); 
  display: flex;
  width:80px; height:80px; 
  border-radius: 8px;
  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 */
}

.aev-card-date-dow { font-size:12px; line-height:14px; font-weight:500; text-transform:uppercase; letter-spacing:0.050rem; }
.aev-card-date-day { font-size:22px; line-height:32px; font-weight:700; letter-spacing:0.050rem; }
.aev-card-date-month { font-size:12px; line-height:14px; font-weight:500; text-transform:uppercase; letter-spacing:0.050rem; }

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

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


/* home gallery bento */

.aev-bento { display:block; width:100%; margin:0; }
.aev-bento-col-a { display:block; width:100%; }
.aev-bento-col-b { display:block; width:100%; }
.aev-bento-col-c { display:block; width:100%; }
.aev-bento-cell-1 { padding-bottom:16px; }  
.aev-bento-cell-2 { padding-bottom:16px; }
.aev-bento-cell-3 { padding-bottom:16px; }
.aev-bento-cell-4 { padding-bottom:16px; }
.aev-bento-cell-5 { padding-bottom:0px; }
@media all and (min-width: 992px) {
  .aev-bento { display:table; width:100%; }
  .aev-bento-col-a { display:table-cell; width:44%; vertical-align:top; }
  .aev-bento-col-b { display:table-cell; width:28%; vertical-align:top; }
  .aev-bento-col-c { display:table-cell; width:28%; vertical-align:top; }
  .aev-bento-cell-1 { height:800px; }  
  .aev-bento-cell-2 { height:392px; padding-left:16px; margin-bottom:16px; }
  .aev-bento-cell-3 { height:392px; padding-left:16px; }
  .aev-bento-cell-4 { height:609px; padding-left:16px; }
  .aev-bento-cell-5 { height:175px; padding-left:16px; margin-top:16px; }
  .aev-bento {
    a.aev-card { 
      height:inherit; 
      display: flex;
      flex-direction: column;
    }
    .aev-card-image { 
      flex: 1; /* takes remaining space */
      min-height: 0; /* important for proper shrinking */
     }
     .aev-card-image-image { height:100%; min-height:2px; }
  }
}



/* home events bento legacy */


a.bentovent-btn { display:table; width:100%; height:100%; border-radius:8px; overflow:hidden; text-decoration:none; }

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




/* guide cards */


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

.guide-card { background-color:#666; color:white; width:100%; height:auto; }
.guide-card a { display:block; width:100%; padding-bottom:150%; text-decoration:none; color:inherit; position:relative; }
.guide-card a:hover { color:inherit; text-decoration:none; }
.guide-card-image { display:block; width:100%; padding-bottom:150%; position:absolute; top:0; z-index:1; background-position:center center; background-size:cover;  }
.guide-card-cover { display:block; width:100%; padding-bottom:150%; position:absolute; top:0; z-index:2; }

.guide-card a .guide-card-cover {  box-shadow: inset 0 0 190px rgba(0,0,0,0.85); background-color:rgba(0,0,0,0.15); transition: all 400ms ease; }
.guide-card a:hover .guide-card-cover { background-color:rgba(0,0,0,0.05); }

.guide-card-content { display:flex;  align-items:end; padding:1.5rem; 
  position:absolute; top:0; z-index:3; width:100%; height:100%;  
}
.guide-card-headline {
  width:100%;
  font-size:2.25rem; 
  line-height:1.1; 
  font-weight:700; 
  text-align:center;
  text-transform:uppercase;
  text-wrap:balance;
 }





/* happy hours card */

.hh-cards { margin:1.5rem 0; margin-top:3rem; }
.hh-card { display:block; width:100%; height:100%; background-color:var(--cty-brand-shimmer); color:var(--cty-brand-navy); text-decoration:none; position:relative; 
  border-radius:12px; 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; }

/* 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:var(--cty-brand-shimmer); color:var(--cty-brand-navy);height:100%; 
border-radius:12px; 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.7rem; margin-bottom:0.25rem; letter-spacing:0.050rem; text-transform:uppercase; text-wrap:balance; }
.post-crd-headline { font-weight:700; font-size:1.3rem; line-height:1.4; margin-bottom:0.5rem; text-wrap:balance; }
.post-crd-text { font-size:0.9rem; text-wrap:balance; }
.post-crd-minutes { font-weight:700; font-size:0.6rem; margin-top:0.75rem;  }


/* new and noteworthy places*/

.place-card { background-color:var(--cty-brand-navy); height:100%; border-radius:12px; overflow:hidden; }
.place-card a { display:block; height:100%; text-decoration:none; color:white; }
.place-card a:hover { color:white; text-decoration:none; }
.place-card-image { display:block; width:100%; }
.place-card-image-img { width:100%; padding-bottom:100%; background-size:cover; background-position:center center; }
.place-card-content { padding:1.5rem; }



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

.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-color:#eee; 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.1rem; margin-bottom:0rem; }
.staff-card-title { font-size:1rem; margin-bottom:0rem; }
.staff-card-phone { font-weight:500; font-size:0.9rem; margin-top:0.5rem; }
.staff-card-email { font-weight:500; font-size:0.9rem; margin-top:0.5rem; }





/* visit planner card */

.vcard { position:relative; background-color:white; border:0px solid white; margin:8px 0; } 

.vcard-favorite { position:absolute; top:0px; right:0px; width:40px; height:40px; }
.vcard-favorite a { display:block; width:40px; height:40px; text-align:center; cursor:pointer; background-color:white; color:var(--cty-brand-red);
  transition: all 0.15s linear 0s; font-size:20px; line-height:40px; }
.vcard-favorite a:hover { background-color:white; color:var(--cty-brand-red); font-size:22px; }
.vcard-favorite-icon { display:inline; }
.vcard-favorite-icon-selected { display:none; }

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


/* */

.StackyPostsRelative { position:relative; }

.StackyPostsRelative {
  .cafe-swiper-next, .cafe-swiper-prev {
     top: var(--swiper-navigation-top-offset,50%);
     background-color:#054368; 
     border:0px solid #efe5d5;
  }
}



/* 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-brand-teal);
  font-size:30px;
  color: #fff;
  border-radius:24px;
}
.cafe-swiper-prev { left:-22px; }
.cafe-swiper-next { right:-22px; }

.cafe-swiper-orange {
  background-color: var(--cty-brand-orange);
}

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



/* delray staff card - about page */

.delray-staff-card {  display:block; width:100%; height:100%; background-color:var(--cty-brand-navy); color:white; text-align:left;
border-radius:12px;
overflow:hidden;

}

.delray-staff-card-image { display:block; width:100%; }
.delray-staff-card-image-img { display:block; background-color:#eee; background-size:cover; background-position:center center; 
width:100%; padding-bottom:100%; 
}
.delray-staff-card-content { padding:1rem; }
.delray-staff-icon { display:inline-block; text-align:left; width:24px; padding-right:4px; }
.delray-staff-card-headline { font-weight:700; font-size:1.2rem; line-height:1.2; margin-bottom:0.25rem; text-wrap:balance; }
.delray-staff-card-title { font-weight:700; font-size:0.8rem; margin-bottom:0rem; }
.delray-staff-card-phone { font-weight:500; font-size:0.9rem; margin-top:0.5rem; }
.delray-staff-card-email { font-weight:500; font-size:0.7rem; margin-top:0.5rem; }
.delray-staff-card-linked { font-weight:500; font-size:1rem; line-height:24px; margin-top:0.5rem; }
.delray-staff-card a { color:white; text-decoration:none; }
.delray-staff-card a:hover { color:white; text-decoration:none; }



/*
.wave-unused {
  background-color: #dbe2e5;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23c8cdcf' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
*/

/* delray domino cards */

.delray-domino { 
  width:100%; 
  padding-top:40px;
  padding-bottom:40px;
  overflow:hidden;
}

.delray-domino-odd {  
   background-color:white;
}

.delray-domino-even {
  background-color:white;
}

.delray-domino-row { 
  width:100%; 
  position:relative;
  padding:24px 18px;
} 

.delray-domino-image { 
  width:100%;
 }
.delray-domino-image-img { 
  width:100%; 
  height:400px; 
  background-size:cover; 
  background-position:center center; 
  clip-path: url(#Pebble1);
}

.delray-domino-content { 
  margin-top:-50px;
  padding:0.5rem; 
}
.delray-domino-flex > * {
  position:relative;
  z-index:6;
}

.delray-domino-frond { 
  width:400px;
  height:400px;
  background-image:url('https://ctycms.com/fl-delray-beach/frond-800x800.svg');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top:240px;
  right:calc(20% - 400px);
  z-index:5;
}
.delray-domino-row-reverse {
  .delray-domino-frond { 
    left:calc(20% - 400px);
    right:auto;
    transform: scaleX(-1);
  }
}


.delray-domino-flex {
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
  padding:4rem 3rem 3rem 3rem;
  background-image: url('data:image/svg+xml;utf8,<svg width="623" height="443" preserveAspectRatio="none" viewBox="0 0 623 443" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.61955 182.997C-35.0594 332.316 84.9699 397.734 183.024 429.764C328.619 477.324 482.236 383.053 586 261.141C710.552 114.807 481.209 -0.526825 391.541 0.00170861C294.758 0.572185 49.3307 50.2817 9.61955 182.997Z" fill="%23eff6f6"/></svg>');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.delray-domino-flex > div { width:100%; text-align:center; }



@media all and (min-width: 768px) {
	.delray-domino-row { display:flex;  padding:48px 18px; }
	.delray-domino-row-reverse { flex-direction: row-reverse; }
	.delray-domino-image  { width:50%; padding:0; }
  .delray-domino-image-img { width:100%; height:500px; padding:0; transform:scale(1.2); }
	.delray-domino-content { width:50%; margin:0; padding:5rem 2rem 1rem 2rem; }
  .delray-domino-flex { min-height: 400px; }
  .delray-domino-frond { top:40px; transform:rotate(15deg); right:-200px; }
  .delray-domino-row-reverse {
    .delray-domino-frond { 
      left:-200px;
      transform: scaleX(-1);
      transform: rotate(100deg);
    }
  }
}
/*
@media all and (min-width: 992px) {
	.delray-domino-content { padding:2.5rem; }
}
@media all and (min-width: 1200px) {
	.delray-domino-content { padding:3rem;; }
}
*/

.delray-domino-subhead { font-size:0.8rem; font-weight:700; text-transform:uppercase; margin-bottom:0.5rem; text-wrap:balance; }
.delray-domino-headline { font-size:1.5rem; font-weight:700; margin-bottom:0.5rem; text-wrap:balance;  }
.delray-domino-text { font-size:0.9rem; font-weight:500; margin-bottom:0.5rem; text-wrap:balance; }
.delray-domino-cta { margin-top:0.5rem; }