/**
 * @# Team Member
 **/
.wolf-core-team-member-container {
	position: relative;
	//padding: 0.5em;
}

.wolf-core-team-member-inner {
}

.wolf-core-tm-link-mask {
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.wolf-core-team-member-image {
	position: relative;
	width: 100%;
	img {
		width: 100%;
	}
}

.wolf-core-team-member-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
}

.wolf-core-team-member-name {
	font-size: 18px;
}

.wolf-core-team-member-role {
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin-bottom: 8px;
}

.wolf-core-team-member-tagline {
	font-size: 13px;
	margin-bottom: 14px;

	p:last-child {
		margin-bottom: 0;
	}
}

.wolf-core-team-member-social-container {
	position: relative;
	z-index: 5;
	text-align: center;

	.wolf-core-icon-container {
		margin: 0.1em 0.8em 0.5em;
	}

	.wolf-core-socials-container {
		padding: 0 0;
	}
}

.wolf-core-team-member-container {
	&.wolf-core-text-left {
		.wolf-core-socials-container {
			max-width: 100%;
			text-align: left !important;
			margin-left: -0.5em;
		}

		.wolf-core-team-member-social-container {
			text-align: left;
		}
	}

	&.wolf-core-text-right .wolf-core-team-member-social-container {
		.wolf-core-socials-container {
			max-width: 100%;
			text-align: right !important;
			margin-right: -0.5em;
		}

		.wolf-core-team-member-social-container {
			text-align: right;
		}
	}
}

.wolf-core-team-member-caption-container {
	margin-top: 15px;
}

.wolf-core-team-member-caption {
	width: 100%;
}

//.wolf-core-no-touch{
/* Overlay */
.wolf-core-team-member-layout-overlay {
	color: #fff;

	h1,
	h5,
	h3,
	h4,
	h5,
	h6,
	a {
		//color: #fff!important;
	}

	.wolf-core-team-member-caption-container {
		margin-top: 0;
	}

	.wolf-core-team-member-caption-container {
		padding: 50px;
		opacity: 0;
		transition: opacity 0.4s ease;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: flex;
		align-items: center;
	}

	.wolf-core-team-member-caption {
		position: relative;
		z-index: 15;
	}

	&:hover {
		.wolf-core-team-member-caption-container {
			opacity: 1;
		}
	}
}

/* Flip Box */
.wolf-core-team-member-layout-flip-box {
	color: #fff;

	h1,
	h5,
	h3,
	h4,
	h5,
	h6,
	a {
		color: #fff !important;
	}

	.wolf-core-team-member-caption-container {
		margin-top: 0;
	}

	perspective: 1000px;

	// Face
	.wolf-core-team-member-image {
		backface-visibility: hidden;
		transition: transform 0.5s ease-in-out;
		z-index: 20;
		transform-style: preserve-3d;
	}

	// Back
	.wolf-core-team-member-caption-container {
		padding: 50px;
		transition: transform 0.5s ease-in-out;
		transform: rotateY(-180deg);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: flex;
		align-items: center;
		transform-style: preserve-3d;
	}

	.wolf-core-team-member-caption {
		position: relative;
		z-index: 15;
		transform: translateZ(60px) scale(0.94);
	}

	// Hover front
	&:hover .wolf-core-team-member-image {
		transform: rotateY(180deg);
	}

	// Hover back
	&:hover .wolf-core-team-member-caption-container {
		transform: rotateY(0);
	}
}
//}

/* Vertical alignement */
.wolf-core-tm-valign-middle {
	.wolf-core-team-member-caption-container {
		align-items: center;
	}
}

.wolf-core-tm-valign-bottom {
	.wolf-core-team-member-caption-container {
		align-items: flex-end;
	}
}

.wolf-core-tm-valign-top {
	.wolf-core-team-member-caption-container {
		align-items: flex-start;
	}
}