/* Board trustees CSS */

@property --card-text-margin {
  syntax: "<length>";
  inherits: true;
  initial-value: 0;
}

@property --card-title-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 43px;
}

.chair {
  --card-title-height: 32px;
}

.card {
  background-color: rgb(244, 244, 244);
  box-shadow: #80808045 0px 1px 4px;
  left: 50%;
  transform: translate(-50%);
  margin-top: 80px;
  margin-bottom: 0 !important;
  height: auto;
}
.card-title {
  margin-bottom: 5px !important;
  /*height: var(--card-title-height);*/
  width: 100% !important;
}
.section-title {
  width: 100% !important;
}
.headshot-container {
  transform: translateY(-72.5px)
}
 .mpp-headshot {
  width: 150px !important;
  border: solid 3px #FFFFFF;
  border-radius: 100%;
 }
 .card-body {
  padding: 95px 15px 15px;
  min-height: 370px;
  display: flex !important;
  align-content: space-between !important;
  flex-wrap: wrap !important;
 }

 .card-text.chair {
  margin: 0 65px 20px;
}
 .short-role {
  margin-bottom: 40px !important;
}
.trustee-link {
  display: block !important;
  border-top: solid 1px #e1e1e1;
  padding-top: 8px;
  margin-top: 10px;
  width: 100% !important;
}
@media (max-width: 768px) {
  .card-text.chair {
    margin: 0 0 20px;
  }
}
.card-text.trustee {
  margin: 0 var(--card-text-margin) 0;
}