/* VSA group-renewal member layout. */
.group-membership-primary-member,
.group-membership-additional-member {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 24px !important;
  row-gap: 20px !important;
  align-items: end;
  margin-bottom: 26px;
}

.group-membership-primary-member > *,
.group-membership-additional-member > * {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.group_membership_member_data .label {
  display: block !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  word-break: normal !important;
}

.group_membership_member_data .content {
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.group_membership_member_data input[type="text"],
.group_membership_member_data input[type="email"] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.vsa-hidden-member-count {
  display: none !important;
}

@media (max-width: 767px) {
  .group-membership-primary-member,
  .group-membership-additional-member {
    grid-template-columns: 1fr !important;
    align-items: stretch;
  }
}