/* PX Member of the board V-Cards */
.wp-block-px-dib-members-association-roles-grid,
.px-dib-members-association-roles-grid {
  --px-dib-members-columns: 2;
  display: grid;
  grid-template-columns: repeat(var(--px-dib-members-columns), minmax(0, 1fr));
  gap: var(--wp--preset--spacing--40, 2rem);
  align-items: start;
}
.wp-block-px-dib-members-association-roles-grid.columns-1,
.px-dib-members-association-roles-grid.columns-1 {
  --px-dib-members-columns: 1;
}
.wp-block-px-dib-members-association-roles-grid.columns-2,
.px-dib-members-association-roles-grid.columns-2 {
  --px-dib-members-columns: 2;
}
.wp-block-px-dib-members-association-roles-grid.columns-3,
.px-dib-members-association-roles-grid.columns-3 {
  --px-dib-members-columns: 3;
}
.wp-block-px-dib-members-association-roles-grid.columns-4,
.px-dib-members-association-roles-grid.columns-4 {
  --px-dib-members-columns: 4;
}
.wp-block-px-dib-members-association-roles-grid .px-dib-members-association-roles-card,
.px-dib-members-association-roles-grid .px-dib-members-association-roles-card {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--10, 0.75rem);
}
.wp-block-px-dib-members-association-roles-grid .px-dib-members-association-roles-card p a,
.px-dib-members-association-roles-grid .px-dib-members-association-roles-card p a {
  word-break: break-word;
}
.wp-block-px-dib-members-association-roles-grid .px-dib-members-association-roles-empty,
.px-dib-members-association-roles-grid .px-dib-members-association-roles-empty {
  opacity: 0.75;
}
.wp-block-px-dib-members-association-roles-grid,
.px-dib-members-association-roles-grid {
  /*Style 1 & 2 -------------------*/
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card .wp-block-image img {
  border-radius: 9999px;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1,
.px-dib-members-association-roles-grid.is-style-card-style-1 {
  /* Only if at least ONE card has an image */
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1:has(> .px-dib-members-association-roles-card > figure.wp-block-image),
.px-dib-members-association-roles-grid.is-style-card-style-1:has(> .px-dib-members-association-roles-card > figure.wp-block-image) {
  /* Cards WITHOUT image get the offset */
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:not(:has(> figure.wp-block-image)) .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-1:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:not(:has(> figure.wp-block-image)) .px-dib-members-association-roles-card-content {
  margin-top: 302px;
}
@media screen and (max-width: 650px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-1:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:not(:has(> figure.wp-block-image)) .px-dib-members-association-roles-card-content,
  .px-dib-members-association-roles-grid.is-style-card-style-1:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:not(:has(> figure.wp-block-image)) .px-dib-members-association-roles-card-content {
    margin-top: 0;
  }
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1:has(> .px-dib-members-association-roles-card > figure.wp-block-image),
.px-dib-members-association-roles-grid.is-style-card-style-1:has(> .px-dib-members-association-roles-card > figure.wp-block-image) {
  /* Cards WITH image explicitly reset (must be inside the same condition) */
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:has(> figure.wp-block-image) .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-1:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:has(> figure.wp-block-image) .px-dib-members-association-roles-card-content {
  margin-top: 0;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1,
.px-dib-members-association-roles-grid.is-style-card-style-1 {
  /* If ALL cards have NO image -> no offsets anywhere */
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1:not(:has(> .px-dib-members-association-roles-card > figure.wp-block-image)) .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-1:not(:has(> .px-dib-members-association-roles-card > figure.wp-block-image)) .px-dib-members-association-roles-card-content {
  margin-top: 0;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card .wp-block-image img {
  border-radius: 0;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-2,
.px-dib-members-association-roles-grid.is-style-card-style-2 {
  /* Only if at least ONE card has an image */
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-2:has(> .px-dib-members-association-roles-card > figure.wp-block-image),
.px-dib-members-association-roles-grid.is-style-card-style-2:has(> .px-dib-members-association-roles-card > figure.wp-block-image) {
  /* Cards WITHOUT image get the offset */
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-2:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:not(:has(> figure.wp-block-image)) .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-2:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:not(:has(> figure.wp-block-image)) .px-dib-members-association-roles-card-content {
  margin-top: 377px;
}
@media screen and (max-width: 650px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:not(:has(> figure.wp-block-image)) .px-dib-members-association-roles-card-content,
  .px-dib-members-association-roles-grid.is-style-card-style-2:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:not(:has(> figure.wp-block-image)) .px-dib-members-association-roles-card-content {
    margin-top: 0;
  }
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-2:has(> .px-dib-members-association-roles-card > figure.wp-block-image),
.px-dib-members-association-roles-grid.is-style-card-style-2:has(> .px-dib-members-association-roles-card > figure.wp-block-image) {
  /* Cards WITH image explicitly reset */
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-2:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:has(> figure.wp-block-image) .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-2:has(> .px-dib-members-association-roles-card > figure.wp-block-image) .px-dib-members-association-roles-card:has(> figure.wp-block-image) .px-dib-members-association-roles-card-content {
  margin-top: 0;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-2,
.px-dib-members-association-roles-grid.is-style-card-style-2 {
  /* If ALL cards have NO image -> no offsets anywhere */
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-2:not(:has(> .px-dib-members-association-roles-card > figure.wp-block-image)) .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-2:not(:has(> .px-dib-members-association-roles-card > figure.wp-block-image)) .px-dib-members-association-roles-card-content {
  margin-top: 0;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card,
.px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card,
.px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card {
  height: -webkit-fill-available;
  margin-bottom: 5vh;
  padding: 1.25em 1rem 2.7rem;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card .wp-block-image, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card .wp-block-image,
.px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card .wp-block-image,
.px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card .wp-block-image {
  text-align: center;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card .wp-block-image img, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card .wp-block-image img {
  max-width: 220px;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card hr.wp-block-separator, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card hr.wp-block-separator,
.px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card hr.wp-block-separator,
.px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card hr.wp-block-separator {
  width: 400px;
  max-width: 70%;
  border-top: 1px solid var(--wp--preset--color--lightgrey);
  border-bottom: 0;
  margin: 0 auto 20px;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card p, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card p,
.px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card p,
.px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card p {
  margin: 0;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card p.px-dib-members-role, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card p.px-dib-members-role,
.px-dib-members-association-roles-grid.is-style-card-style-1 .px-dib-members-association-roles-card p.px-dib-members-role,
.px-dib-members-association-roles-grid.is-style-card-style-2 .px-dib-members-association-roles-card p.px-dib-members-role {
  padding-bottom: 20px;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-1.columns-1 .px-dib-members-association-roles-card-content, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2.columns-1 .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-1.columns-1 .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-2.columns-1 .px-dib-members-association-roles-card-content {
  margin-top: 0;
}
@media screen and (max-width: 650px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-1.columns-2, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2.columns-2,
  .px-dib-members-association-roles-grid.is-style-card-style-1.columns-2,
  .px-dib-members-association-roles-grid.is-style-card-style-2.columns-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-1.columns-2 .px-dib-members-association-roles-card, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2.columns-2 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.is-style-card-style-1.columns-2 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.is-style-card-style-2.columns-2 .px-dib-members-association-roles-card {
    width: 100%;
    max-width: none;
  }
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-1.columns-2 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-2.columns-2 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
  .px-dib-members-association-roles-grid.is-style-card-style-1.columns-2 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
  .px-dib-members-association-roles-grid.is-style-card-style-2.columns-2 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content {
    margin-top: 0;
  }
}
.wp-block-px-dib-members-association-roles-grid,
.px-dib-members-association-roles-grid {
  /*Style 3 & 4 -------------------*/
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4,
.px-dib-members-association-roles-grid.is-style-card-style-3,
.px-dib-members-association-roles-grid.is-style-card-style-4 {
  gap: 50px;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card,
.px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card,
.px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card {
  height: -webkit-fill-available;
  background-color: var(--wp--preset--color--bgrcolor-1);
  display: flex;
  flex-direction: row;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .wp-block-image, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image,
.px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .wp-block-image,
.px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image {
  width: 260px;
  border-radius: 0;
  line-height: 0;
  margin: 0;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .wp-block-image img, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image img {
  width: 260px;
  border-radius: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .wp-block-image, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image,
  .px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .wp-block-image,
  .px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
}
@media screen and (max-width: 650px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .wp-block-image, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image,
  .px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .wp-block-image,
  .px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card hr, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card hr,
.px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card hr,
.px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card hr {
  display: none;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}
@media screen and (max-width: 650px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
  .px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
  .px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content {
    justify-content: flex-start;
  }
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card p, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card p,
.px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card p,
.px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card p {
  text-align: left;
  word-break: break-word;
  margin: 0;
  padding-bottom: 10px;
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card {
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.is-style-card-style-3 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-1 .px-dib-members-association-roles-card .wp-block-image, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-1 .px-dib-members-association-roles-card .wp-block-image,
  .px-dib-members-association-roles-grid.is-style-card-style-3.columns-1 .px-dib-members-association-roles-card .wp-block-image,
  .px-dib-members-association-roles-grid.is-style-card-style-4.columns-1 .px-dib-members-association-roles-card .wp-block-image {
    padding: 0;
  }
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-3.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-4.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content {
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
  .px-dib-members-association-roles-grid.is-style-card-style-3.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
  .px-dib-members-association-roles-grid.is-style-card-style-4.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content {
    justify-content: center;
  }
}
@media screen and (max-width: 650px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
  .px-dib-members-association-roles-grid.is-style-card-style-3.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
  .px-dib-members-association-roles-grid.is-style-card-style-4.columns-1 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content {
    width: unset;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-1 .px-dib-members-association-roles-card, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-1 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.is-style-card-style-3.columns-1 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.is-style-card-style-4.columns-1 .px-dib-members-association-roles-card {
    flex-direction: row;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-2, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-2,
  .px-dib-members-association-roles-grid.is-style-card-style-3.columns-2,
  .px-dib-members-association-roles-grid.is-style-card-style-4.columns-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-3 .px-dib-members-association-roles-card, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-4 .px-dib-members-association-roles-card, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-3 .px-dib-members-association-roles-card, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-4 .px-dib-members-association-roles-card,
.px-dib-members-association-roles-grid.is-style-card-style-3.columns-3 .px-dib-members-association-roles-card,
.px-dib-members-association-roles-grid.is-style-card-style-3.columns-4 .px-dib-members-association-roles-card,
.px-dib-members-association-roles-grid.is-style-card-style-4.columns-3 .px-dib-members-association-roles-card,
.px-dib-members-association-roles-grid.is-style-card-style-4.columns-4 .px-dib-members-association-roles-card {
  flex-direction: column;
  padding: 1.5rem;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-3 .px-dib-members-association-roles-card .wp-block-image, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-4 .px-dib-members-association-roles-card .wp-block-image, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-3 .px-dib-members-association-roles-card .wp-block-image, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-4 .px-dib-members-association-roles-card .wp-block-image,
.px-dib-members-association-roles-grid.is-style-card-style-3.columns-3 .px-dib-members-association-roles-card .wp-block-image,
.px-dib-members-association-roles-grid.is-style-card-style-3.columns-4 .px-dib-members-association-roles-card .wp-block-image,
.px-dib-members-association-roles-grid.is-style-card-style-4.columns-3 .px-dib-members-association-roles-card .wp-block-image,
.px-dib-members-association-roles-grid.is-style-card-style-4.columns-4 .px-dib-members-association-roles-card .wp-block-image {
  width: 100%;
  max-width: 270px;
  padding: 0;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-3 .px-dib-members-association-roles-card .wp-block-image img, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-4 .px-dib-members-association-roles-card .wp-block-image img, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-3 .px-dib-members-association-roles-card .wp-block-image img, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-4 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-3.columns-3 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-3.columns-4 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-4.columns-3 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-4.columns-4 .px-dib-members-association-roles-card .wp-block-image img {
  width: 100%;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-3 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-3.columns-4 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-3 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content, .wp-block-px-dib-members-association-roles-grid.is-style-card-style-4.columns-4 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-3.columns-3 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-3.columns-4 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-4.columns-3 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content,
.px-dib-members-association-roles-grid.is-style-card-style-4.columns-4 .px-dib-members-association-roles-card .px-dib-members-association-roles-card-content {
  padding: 0;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card,
.px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card {
  background-color: var(--wp--preset--color--verylightgrey);
  padding: 4vh 0 4vh 20px;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image,
.px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image {
  width: 210px;
  border-radius: 50%;
}
.wp-block-px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image img,
.px-dib-members-association-roles-grid.is-style-card-style-4 .px-dib-members-association-roles-card .wp-block-image img {
  width: 210px;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .wp-block-px-dib-members-association-roles-grid.columns-3 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.columns-3 .px-dib-members-association-roles-card {
    box-sizing: border-box;
    flex: 0 0 calc((100% - 50px) / 2);
    max-width: calc((100% - 50px) / 2);
    min-width: 0;
  }
}
@media screen and (max-width: 650px) {
  .wp-block-px-dib-members-association-roles-grid.columns-3 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.columns-3 .px-dib-members-association-roles-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .wp-block-px-dib-members-association-roles-grid.columns-3,
  .px-dib-members-association-roles-grid.columns-3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
  }
}
@media screen and (max-width: 1365px) {
  .wp-block-px-dib-members-association-roles-grid.columns-4 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.columns-4 .px-dib-members-association-roles-card {
    box-sizing: border-box;
    flex: 0 0 calc((100% - 100px) / 3);
    max-width: calc((100% - 100px) / 3);
    min-width: 0;
  }
}
@media screen and (max-width: 1024px) {
  .wp-block-px-dib-members-association-roles-grid.columns-4 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.columns-4 .px-dib-members-association-roles-card {
    flex: 0 0 calc((100% - 50px) / 2);
    max-width: calc((100% - 50px) / 2);
  }
}
@media screen and (max-width: 650px) {
  .wp-block-px-dib-members-association-roles-grid.columns-4 .px-dib-members-association-roles-card,
  .px-dib-members-association-roles-grid.columns-4 .px-dib-members-association-roles-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1365px) {
  .wp-block-px-dib-members-association-roles-grid.columns-4,
  .px-dib-members-association-roles-grid.columns-4 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
  }
}