/* video button heart beat */
.ct-pulse 
{ border-radius: 50%; -webkit-animation:pulse 2s ease-out infinite; animation:pulse 2s  ease-out infinite }
@keyframes pulse { 
0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .8); }
80% { box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); }
}
/* Stack list items vertically on mobile */ @media (max-width: 767px) {   /* Replace this with the selector for your list container */   .wp-block-columns .wp-block-column ul,   .metrics-list {     display: block !important;     column-count: 1 !important;   }    .wp-block-columns .wp-block-column ul li,   .metrics-list li {     display: block !important;     width: 100% !important;     margin-bottom: 1em; /* optional spacing between items */   } }

/* Force square format and scale it responsively */
.ref-square-video {
  width: 100%;
  max-width: 600px;           /* increase if you want it bigger */
  margin: 0 auto;
}

.ref-square-video iframe {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 20px; /* adjust radius here */
  overflow: hidden;
}

/* Make sure it fills the column height beside text */
@media (min-width: 768px) {
  .wp-block-columns .ref-square-video {
    height: 100%;
  }
}

/* Remove YouTube's black sidebars on square videos */
.ref-square-video iframe {
  background-color: #000;
}

/* Container + figure must never exceed column */
.ref-gif,
.ref-gif figure,
.ref-gif .wp-block-image,
.ref-gif .stk-block-image {            /* Stackable image wrapper */
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  overflow: hidden !important;
}

/* Nuke any inline widths coming from editor/plugins */
.ref-gif [style*="width"],
.ref-gif [style*="max-width"] {
  width: 100% !important;
  max-width: 100% !important;
}

/* Actual image element */
.ref-gif img,
.ref-gif .stk-img,
.ref-gif .stk-block-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;   /* use 'cover' if you want edge-to-edge crop */
  border-radius: 20px;              /* optional */
}

/* Columns: prevent side bleed and force full width on mobile */
@media (max-width: 782px) {
  .wp-block-columns .wp-block-column { flex-basis: 100% !important; }
  .ref-gif, .ref-gif figure, .ref-gif img { width: 100% !important; max-width: 100% !important; }
}

/* Safety: stop horizontal scroll sitewide */
html, body { overflow-x: hidden; }