.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{
display:none;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel{
display:none;
}

/* —— GRID WRAPPER: target the INNER results table (the element that actually contains rows) —— */
.doula-cards .WaGadgetMemberDirectory .gadgetContent table {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
  width: 100% !important;
}

/* Let grid place the rows: neutralize table flow */
.doula-cards .WaGadgetMemberDirectory .gadgetContent table thead,
.doula-cards .WaGadgetMemberDirectory .gadgetContent table tbody {
  display: contents !important;
}

/* —— CARD: keep your working card rules —— */
.doula-cards .memberDirectoryItem,
.doula-cards .waSearchResult,
.doula-cards .directoryItem,
.doula-cards .gridItem,
.doula-cards table tr {
  list-style: none;
  border: 1px solid #e9e9e9;
  border-radius: 12px;
  background: #fff;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
  display: block;               /* makes <tr> behave like a card block */
}

/* —— Tidy cells when the theme outputs a table —— */
.doula-cards table { width: 100%; border-collapse: separate; border-spacing: 0 0; }
.doula-cards table td { display: block; border: 0 !important; padding: 0; }

/* —— Photo (round) —— */
.doula-cards img {
  width: 120px; height: 120px; object-fit: cover; border-radius: 50%;
  display: block; margin: 0 auto 10px;
}

/* —— Name + text —— */
.doula-cards h2, .doula-cards h3, .doula-cards .name, .doula-cards a[href*="Member/"] {
  font-size: 18px; font-weight: 700; margin: 6px 0 4px; color: #222;
}
.doula-cards .fieldBio, .doula-cards .fieldServices, .doula-cards p {
  font-size: 14px; color: #555; line-height: 1.45;
}

/* —— Mobile spacing —— */
@media (max-width: 640px) {
  .doula-cards .WaGadgetMemberDirectory .gadgetContent table { grid-template-columns: 1fr; }
}