/* ==========================================================================
# Team style - begin
========================================================================== */

/* Team type main info on hover - begin
========================================================================== */

.edgtf-team {

	&:not(.main-info-below-image) {
		overflow:hidden;
	}

	.edgtf-team-inner {
		overflow:hidden;
		width: 100%;
	}

	.edgtf-team-image {
		position:relative;
		overflow: hidden;

		img {
			width: 100%;
			vertical-align: middle;
		}

	}

	.edgtf-team-description {
		display: table;
		width: 100%;
		height: 100%;
	}

	.edgtf-team-text {
		p {
			margin: 0;
			color: #fff;
			padding: 0 58px;
		}
	}

	.edgtf-team-social-wrapp {
		margin: 17px 0 0 0;
	}

	.edgtf-team-social {
		display: table;
		width: 100%;
		height: 100%;

		a {
			font-size: 15px;
			color: #fff;
			&:hover{
				color: #afafaf;
			}
		}

		.edgt_icon_ion_icon:before,
		.edgt_icon_linea_icon:before {
			line-height: inherit;
		}

		.edgtf-icon-shortcode{
			font-size: 15px;
			line-height: 1em;
			color: $default-background-color;
			position: relative;
			overflow: visible;

			&:not(:last-child){
				padding-right: 17px;
				&:after{
					background-color: $default-background-color;
					content: "";
					position: absolute;
					height: 2px;
					width: 10px;
					top: 50%;
					@include edgtfTransform(translateY(-50%));
					right: 0;
				}
			}
		}

		.edgtf-icon-shortcode:last-child {
			margin-right: 0;
		}

	}

	.edgtf-team-social-inner {
		display: table-cell;
		text-align: center;
		position: relative;
		vertical-align: middle;
	}

	.edgtf-team-social-holder {
		position: absolute;
		height: 100%;
		width: 100%;
		left:0;
		top: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		display:table-cell;
		vertical-align: middle;
		@include edgtfTransition(opacity 0.3s $transition-easing, background-color 0.3s $transition-easing);
		@include edgtfTransform(translateZ(0px));
		background-color: #272727;

		.social_icon {
			font-size: inherit;
			line-height: inherit;
		}

		.social_icon {
			display: block;

			&:before{
				display: block;

			}

		}

	}

	&:hover {

		.edgtf-team-social-holder{
			opacity: 1;
			filter: alpha(opacity=100);
		}

	}

	&.main-info-on-hover {
		.edgtf-team-name,
		.edgtf-team-position {
			color: #fff;
		}
		.edgtf-team-position {
			display: block;
			line-height: 16px;
			font-size: 15px;
			font-weight: 500;
			margin: 5px 0 18px;
		}
	}

}

.touch .edgtf-team .edgtf-team-social-holder {
	cursor: pointer;
}

/* Team type main info on hover - end
========================================================================== */

/* Team type main info below image - begin
========================================================================== */

.edgtf-team.main-info-below-image {
	-webkit-transform: translateZ(0);
	text-align: left;

	.edgtf-team-info {
		padding-top: 23px;

		.edgtf-team-position {
			display: block;
			margin: 0;
			color: #ababab;
			font-weight: 500;
			line-height: 15px;
			font-size: 15px;
		}

	}

	.edgtf-team-image {
		overflow: visible;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		@include edgtfTransition(all .15s ease-out);

		&:hover{
			-webkit-filter: grayscale(0);
			filter: grayscale(0);
		}
	}

	.edgtf-team-social-wrapp {
		text-align: left;
		margin-top: 17px;

		.edgtf-icon-shortcode {
			color: #303030;
			font-size: 15px;

			a {
				color: #303030;

				&:hover{
					color: #ababab;
				}
			}

			&:after {
				background-color: $header-dark-color;
			}
		}
	}

	.edgtf-team-social-wrapp ul {
		list-style: none;
		position: relative;
		display: block;
		z-index: 990;
	}

	.edgtf-team-social-wrapp ul li{

		&:first-child {
			bottom: 56px; /* social share icon + space between icons */
			transition-delay: .5s;
		}

		&:nth-child(2) {
			bottom: 102px; /* previous icon position + icon height + space between icons */
			transition-delay: .4s;
		}

		&:nth-child(3) {
			bottom: 148px;  /* previous icon position + icon height + space between icons */
			transition-delay: .3s;
		}

		&:nth-child(4) {
			bottom: 194px;  /* previous icon position + icon height + space between icons */
			transition-delay: .2s;
		}

		&:nth-child(5) {
			bottom: 240px;  /* previous icon position + icon height + space between icons */
			transition-delay: .1s;
		}

	}

	.edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li {

		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
		opacity: 0;
		-webkit-transition: opacity .03s ease-out, position .1s ease-out;
		transition:  opacity .03s ease-out, position .1s ease-out;

		&:first-child {
			bottom: 50px;
		}

		&:nth-child(2) {
			bottom: 90px;
		}

		&:nth-child(3) {
			bottom: 130px;
		}

		&:nth-child(4) {
			bottom: 170px;
		}

		&:nth-child(5) {
			bottom: 210px;
		}

	}

	.edgtf-team-info {
		margin-top: 20px;
	}

	.edgtf-team-info {
		margin-top: 0;
	}

	.edgtf-team-text {
		padding: 23px 0 26px 0;
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		margin-top: 30px;

		p {
			margin: 0;
			color: $default-text-color;
			padding: 0;
		}
	}

	&:hover {

		.edgtf-team-social-wrapp ul li {
			opacity: 1;
			cursor: pointer;

			&:first-child {
				transition-delay: .1s;
			}

			&:nth-child(2) {
				transition-delay: .2s;
			}

			&:nth-child(3) {
				transition-delay: .3s;
			}

			&:nth-child(4) {
				transition-delay: .4s;
			}

			&:nth-child(5) {
				transition-delay: .5s;
			}

		}

	}

}

/* Team type main info below image - end
========================================================================== */

/* ==========================================================================
# Team style - end
========================================================================== */