/* Online fertility resources.
 * Shared card/grid/detail layout lives in me-shared.css (M15 dedup); only the
 * resource-specific logo background and the tagline remain here. */

.me-online-resources .me-online-resource-logo,
.x-col .me-online-resources .me-online-resource-logo {
  /* Kept !important: an X/Pro dynamic stylesheet forces this element's
     background transparent at higher priority; only !important preserves the
     logo tint. Verified on staging (removing it turns the logo circle white). */
  background: var(--me-online-resource-logo-bg, var(--me-pink-tint)) !important;
}

.me-online-resources .me-online-resource-tagline,
.x-col .me-online-resources .me-online-resource-tagline {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  color: var(--me-grey);
  font-family: "Open Sans", "Poppins", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}