/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 28 2026 | 04:10:11 */
.committee-divider{
margin: 40px 0;
border: none;
border-top: 1px solid #d9e1ea;
}

.committee-section{
margin-bottom: 48px;
}

.committee-section h2{
font-size: 1.45rem;
font-weight: 700;
color: #183b6b;
margin-bottom: 22px;
padding-left: 14px;
border-left: 5px solid #183b6b;
line-height: 1.4;
}

.committee-members{
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 18px;
}

.committee-member{
display: flex;
align-items: center;
gap: 16px;
background: #fff;
border: 1px solid #e4e9ef;
border-radius: 14px;
padding: 14px;
transition: all .25s ease;
}


.committee-page{
margin-top: 20px;
}

.committee-intro{
font-size: 1rem;
line-height: 2;
margin-bottom: 20px;
color: #333;
}

.committee-link{
margin-bottom: 40px;
}

.committee-link a{
display: inline-block;
color: #183b6b;
font-weight: 700;
text-decoration: none;
}

.committee-link a:hover{
text-decoration: underline;
}

.committee-section.special{
background: #f7f9fc;
padding: 24px;
border-radius: 16px;
}

.committee-member:hover{
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0,0,0,.06);
}

.committee-member img{
width: 88px;
height: 88px;
object-fit: cover;
border-radius: 12px;
flex-shrink: 0;
}

.member-text{
display: flex;
flex-direction: column;
}

.member-text h3{
margin: 8px 0 0;
font-size: 1.05rem;
line-height: 1.4;
font-weight: 700;
}

.role{
display: inline-block;
align-self: flex-start;
font-size: .75rem;
font-weight: 700;
padding: 4px 10px;
border-radius: 999px;
background: #6b7280;
color: #fff;
letter-spacing: .04em;
}

.role.chair{
background: #183b6b;
}

.role.vice{
background: #9a6a17;
}

@media screen and (max-width: 768px){

.committee-members{
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 12px;
}

.committee-member{
flex-direction: column;
align-items: flex-start;
padding: 12px;
gap: 10px;
}

.committee-member img{
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}

.member-text h3{
font-size: .95rem;
}

}