/* 🌊 Entire Upcoming Events gadget container */
#id_sCFvS9G {
  background-color: #F3F3F0;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  padding: 20px;
}

/* 💬 Title inside the gadget */
#id_sCFvS9G .gadgetStyleTitleH4 {
  color: #1F3B4D;
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 15px;
}

/* 🔗 Event titles (linked text) */
#id_sCFvS9G .EventTitle {
  color: #1F3B4D;
  font-weight: bold;
}

/* 📅 Event details like date and location */
#id_sCFvS9G .dateonly,
#id_sCFvS9G .location {
  color: #1F1F1F;
  font-size: 0.95em;
}

/* 🎯 Title background and padding */
#id_sCFvS9G .gadgetStyleTitle {
  background-color: #297373 !important;
  padding: 12px;
  border-radius: 6px;
}

/* 📝 Title text color */
#id_sCFvS9G .gadgetStyleTitle h4 {
  color: #FFFFFF !important;
  margin: 0;
}

/* 📦 Explore Our Association styling */
.exploreBox {
  background: #f5f5f5;
  padding: 16px;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
  margin-top: 0;
}

/* 🧭 Explore title style */
h4.exploreTitle {
  font-size: 1.125rem;
  font-weight: 600;
  color: #004c4c;
  margin-bottom: 8px;
}

/* 🧱 Flex row to align two columns side by side */
.twoColumnRow {
  display: flex;
  gap: 20px;
  align-items: stretch