/* 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: 22px;
}

.card {
        background-color: rgb(244, 244, 244);
        box-shadow: #80808045 0px 1px 4px;
        left: 50%;
        transform: translate(-50%);
        margin-top: 60px;
        margin-bottom: 20px !important;
    }
.card-title {
margin-bottom: 5px !important;
height: var(--card-title-height);
}
.headshot-container {
        transform: translateY(-62.5px)
}
 .mpp-headshot {
        width: 125px !important;
        border: solid 3px #FFFFFF;
        border-radius: 100%;
 }
 .card-body {
        padding: 75px 15px 15px;
min-height: 330px;
 }
.card-text.chair {
margin: 0 65px 20px;
}
 .short-role {
        margin-bottom: 40px !important;
}
.trustee-link {
display: block !important;
}
@media (max-width: 768px) {
.card-text.chair {
margin: 0 0 20px;
}
}
.card-text.trustee {
margin: 0 var(--card-text-margin) 20px;
}