.vb-team-member { border:1px solid #ddd; border-radius:0 12px 12px 12px; background-color:#fff; padding:15px; width:100%; height:100%; transition: all .15s ease-out; }
.vb-team-member > div { display:flex; height:100%; }
.vb-team-member .vb-image { width:33.3333%; max-width:210px; height: fit-content; margin-right: 20px; border-radius:0 5px 5px 5px; overflow:hidden; aspect-ratio:1/1; }
.vb-team-member .vb-image img { width:100%; height:100%; object-position: center; object-fit: cover; filter: grayscale(1); transition: all .2s ease-out; }
.vb-team-member .vb-body { width:66.6666%; display: flex; flex-direction: column; }

.vb-team-member .vb-title { font-weight: 500; font-size: 116%; border-bottom: 1px solid #ddd; width: 100%; padding-bottom: 6px; margin-bottom: 6px; }
.vb-team-member .vb-subtitle { font-size: 95%; }
.vb-team-member .vb-text-wrap { flex: 1; display: flex; align-items: center; font-size: 90%; margin: 12px 0; }

.vb-team-member .vb-contact-wrap { display:flex; flex-direction:column; }
.vb-team-member .vb-contact-item { display: inline-flex; width: fit-content; align-items: center; padding: 3px; text-decoration:none; }
.vb-team-member .vb-contact-item svg { width:24px; height:auto; margin-right:6px; fill:#333; }
.vb-team-member .vb-contact-item div { font-size: 92%; font-weight: 400; color:#333; text-align: start; }
.vb-team-member .vb-contact-item:hover svg { fill:#d00; }
.vb-team-member .vb-contact-item:hover div { color:#d00; transition: all .15s ease-out; }


.vb-team-member:hover { box-shadow: 0 14px 12px 0 rgba(211,214,220,.63); }
.vb-team-member:hover .vb-image img { filter: grayscale(0); }



@media all and (max-width:459px) {
	.vb-team-member > div { flex-direction: column; }
	.vb-team-member .vb-image {width: 100%; max-width: unset; margin: 0 0 20px 0; }
	.vb-team-member .vb-body { width: 100%; text-align: center; align-items:center; }
	.vb-team-member .vb-text-wrap { justify-content: center; }
	.vb-team-member .vb-contact-wrap { width: fit-content; }
	.vb-team-member .vb-contact-item { padding:8px; }
	.vb-team-member .vb-image img { filter: grayscale(0); }
	.vb-team-member:hover { box-shadow:none; }
}


