/*******HOME PAGE CARD LAYOUT OVERRIDES**********/
/* =========================
   CARD COLUMN LAYOUT FIXES
   ========================= */

/* Stretch columns to equal height */
.cards-row .gb-layout-column-wrap {
  align-items: stretch;
}

/* Make each column flexible */
.cards-row .gb-layout-column {
  display: flex;
}

/* Ensure inner wrapper stretches */
.cards-row .gb-block-layout-column-inner {
  display: flex;
  width: 100%;
}

/* Make the card fill the full column height */
.cards-row .gb-block-layout-column-inner>.card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}


/* =========================
   CARD STYLING
   ========================= */

.cards-row .card {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.25s ease;
  color: #333333;
  border: 1px solid #ccc;
}

/* Hover effect */
.cards-row .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}


/* =========================
   CARD CONTENT LAYOUT
   ========================= */
.cards-row {
  padding-bottom: 40px;

}

.card-col>div {
  height: 100%;
}

.cards-wrapper {
  margin-top: -50px;
}

.cards-wrapper-2 {
  margin-top: -20px;
}

/* Make inner containers flexible */
.cards-row .card .gb-container-inside,
.cards-row .card .gb-container-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Center content */
.cards-row .card .gb-container-content {
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  gap: 12px;
}


/* =========================
   IMAGE + TEXT POLISH
   ========================= */

.cards-row .card img {
  display: block;
  margin: 0 auto;
}

.cards-row .card .card-heading, .card-1-heading {
  margin: 0;
  font-size: 1.25rem;
}

.card-1-image:hover{
    opacity: 0.85; /* Becomes 50% transparent on hover */

}

.card-heading a, .card-1-heading a {
  text-decoration: none;
  color: #000000 !important;
}

.card-heading a:hover, .card-1-heading a:hover {
  color: #c00000 !important;
}
.card-learn-more{
  align-self: flex-start;
}

/* Target the outer wrapper */
.wp-block-button.glass-button {
  display: inline-block;
  border-radius: 12px;
  /* Controls the shape */
  overflow: hidden;
  /* Ensures inner link doesn't spill out */
  transition: transform 0.3s ease;
  padding:10px;
}

/* Target the actual link element */
.wp-block-button.glass-button .wp-block-button__link {
  /* 1. The Glass Effect */
  background: rgba(255, 255, 255, 0.1) !important;
  /* Override WP defaults */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  /* 2. The Border & Shadow */
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

  /* 3. Text and Spacing */
  color: #ffffff !important;
  padding: 15px 30px;
  text-decoration: none;
  font-weight: 600;
  display: block;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Hover States */
.wp-block-button.glass-button:hover {
  transform: translateY(-2px);
}

.wp-block-button.glass-button .wp-block-button__link:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.4) !important;
}