ul.members  { margin: 0 0 var(--gutter); overflow: hidden;   }
ul.members:not(.expanded) {  display: flex; flex-wrap: wrap; width: calc(100% + var(--gutter)); }

ul.members:not(:first-child) { margin: calc(var(--gutter) / 2) 0 var(--gutter); }

.memberholder { margin: calc(var(--gutter) / 2) 0 0; }
.section .textcontent>.memberholder:last-child { margin-bottom: calc(0px - var(--gutter));}


ul.members>li,
.bodytext ul.members:not(.expanded)>li:last-child
{
    list-style:none; margin: 0 var(--gutter) var(--gutter) 0;
    width: calc(50% - var(--gutter));
    border: 1px solid rgba(0, 66, 101, 0.50);
    background: #FFF; border-radius: 16px; padding: 24px;
}

ul.members.expanded>li, .bodytext ul.members.expanded>li:last-child{
    width: 100%; margin: 0 0 var(--gutter);
}

ul.members>li li,
ul.members>li p{ margin:0 !important; font-size: 16px !important; color: var(--black) !important; }
ul.members>li p strong {font-weight: 700;}


.members:not(.large) .headshot {
    position: relative; width: 64px; min-width: 64px; height: 64px; margin-bottom: 5px; border-radius: 50%; overflow: hidden; background: var(--mid-blue); color: var(--cta-blue);  }
.members .headshot::before { content: attr(data-initial); font-size: 32px; line-height: 64px; width: 64px; text-align: center; display: block;  font-weight: 600; }
.members .headshot picture { position: absolute; width: calc(100% + 2px); width: calc(100% + 2px); top: 50%; left: 50%; transform: translate(-50%,-50%);   }
.members .headshot picture img { position: absolute; width: 100%;  width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover;  }


.members.large .headshot {
    border-radius: 16px; width: 100%; height: 0; padding-bottom: 100%; background-color: var(--mid-blue); color: var(--cta-blue);
    position: relative; overflow: hidden;
}

.members.expanded .headshot { width: 96px; min-width: 96px; height: 96px;  margin-bottom: 10px;  }
.members.large .headshot::before ,
.members.expanded .headshot::before {   font-size: 48px; line-height: 96px; width: 96px;   }
.members.large .headshot::before {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }


ul.members>li p+div p { margin-top: 1em !important;}
ul.members>li ul,
ul.members>li ol
{ margin-top: 16px !important; margin-left: 16px !important; }

ul.members>li ul:not(:last-child),
ul.members>li ol:not(:last-child)
{ margin-bottom: 12px !important }

ul.members>li li { margin: 0.5em 0 !important }
@media all and (max-width: 599px) {
    ul.members, .bodytext ul.members:not(.expanded) li:last-child,
    ul.members>li { width:calc(100% - var(--gutter)); margin-right: 0;}
}




ul.members>li a,
#pageheader  ul.members>li a
{ color: inherit;
    transition: all 0.2s ease; cursor: pointer;
    text-decoration: none;
    padding: 1px 0;
    background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-position: 0 100%, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 0 1px, 100% 1px;
    transition: background-size .5s;

}

ul.members>li a:hover,
#pageheader  ul.members>li a:hover {
    background-size: 100% 1px, 100% 1px

}

ul.members>li ul li { list-style: disc; }
ul.members>li ol li { list-style: decimal; }


ul.members.large>li,
ul.members.large>li:last-child{
    border: none !important;
    padding:0 !important;
    border-radius: 0 !important;

}
ul.members.large>li .headshot { margin-bottom: 12px;}
ul.members.large>li p{ padding: 0 24px; }
ul.members.large>li p:last-child{ padding-bottom:12px; }


@media all and (max-width: 599px) {

}