
.team-member .member-image {
	margin-bottom: 15px;
}

.team-member .member-name {
	margin-bottom: 0;
	font-weight: 600;
}

.team-member .member-position {
	display: block;
	margin-top: 5px;
	color: var(--color-gray-400);
	font-size: 14px;
}

.team-member .member-bio {
	margin-top: 10px;
}

.team-member .member-social {
	margin-top: 10px;
}

.team-member .wd-social-icons {
	margin-right: -4px;
	margin-left: -4px;
}

.member-layout-hover {
	position: relative;
}

.member-layout-hover .member-image-wrapper {
	overflow: hidden;
}

.member-layout-hover .member-image {
	margin-bottom: 0;
	transition: transform .5s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.member-layout-hover .member-image img {
	width: 100%;
}

.member-layout-hover .member-details {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 30px 20px 20px;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .61) 100%);
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .61) 100%);
}

.member-layout-hover .member-social {
	margin-top: 5px;
}

.member-layout-hover.color-scheme-light .member-details {
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%);
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%);
}

.member-layout-hover.color-scheme-light .member-name {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}

.member-layout-hover:hover .member-image {
	transform: scale(1.09);
}
