/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 08 2026 | 09:50:30 */
/* Member role labels
   "Members and supporters" page: Steering Committee and Members boxes.
   Each box has the class "shd-role" plus one category class, and a small
   text label (class "shd-role-label") between the photo and the name.
   This entry adds the 5px bar across the top of the box and styles the
   label. Boxes without these classes are not affected. */

/* Category colours */
.shd-role { --shd-role: #4A5568; }
.shd-role--ic { --shd-role: #003399; }  /* Interventional cardiologist */
.shd-role--c { --shd-role: #1B6CA8; }   /* Cardiologist */
.shd-role--cs { --shd-role: #B4233A; }  /* Cardiac surgeon */
.shd-role--gp { --shd-role: #00796B; }  /* General Practitioner or Geriatrics */
.shd-role--pr { --shd-role: #6A3D9A; }  /* Patient representative */
.shd-role--org { --shd-role: #4A5568; } /* Patient or professional organisation */
.shd-role--exp { --shd-role: #A85400; } /* Other health or research expert */

/* 5px bar across the top of the box */
.elementor .e-con.shd-role {
  --border-top-width: 5px;
  border-top: 5px solid var(--shd-role) !important;
}

/* Label between the photo and the name. The negative margins take back
   most of the 20px gaps around it, so a one-line label adds about 14px. */
.elementor .shd-role > .shd-role-label {
  margin: -8px 0 -16px;
  padding: 0 0 0 15px;
}
.elementor .shd-role .shd-role-label .elementor-heading-title {
  margin: 0;
  font-family: fira-sans, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  color: var(--shd-role);
}

/* Where the boxes are narrow and long labels wrap, every label keeps room
   for two lines, so the names in a row stay level. */
@media (min-width: 768px) and (max-width: 1199px) {
  .elementor .shd-role .shd-role-label .elementor-heading-title {
    min-height: 2.6em;
  }
}