/* ==========================================================================
   Team shortcode style - begin
   ========================================================================== */

.eltdf-team-holder {
    @include eltdfRelativeHolderLayout();

	&.eltdf-team-info-below-image {
		text-align: center;
	}
	
	&.eltdf-team-info-on-image {
		
		.touchevents & {
			cursor: pointer;
		}

		&:hover {
			
			.eltdf-team-social-wrapper {
				opacity: 1;
			}

			.eltdf-team-social-inner {
				@include eltdfTransitionTransform(.45s cubic-bezier(0.64, 0.01, 0.15, 1.16), opacity .5s);
				@include eltdfTransform(translate3d(0,0,0));
			}
		}
		
		.eltdf-team-social-holder {
			margin: 7px 0 0;
		}
	}

    .eltdf-team-image {
        @include eltdfRelativeHolderLayout();
		width: auto;
		cursor: pointer
	;

		&:hover {
			svg {
				opacity: 1;
				@include eltdfTransition(opacity .5s ease);
			}
		}

        img {
            display: block;
			border-radius: 100%;
			margin: auto;
        }

		svg {
			position: absolute;
			width: calc(100% + 10%);
			height: calc(100% + 5%);
			top: -2.5%;
			left: -3%;
			opacity: 0;
			@include eltdfTransition(opacity .3s ease);
			will-change: opacity;
		}
    }
	
	.eltdf-team-info {
		@include eltdfRelativeHolderLayout();
		margin: 32px 0 0;
		text-align: center;
	}

    .eltdf-team-name {
        margin: 0;
    }

	span.eltdf-team-name {
		font-size: 40px;
		font-family: $custom-text-font;
		color: $default-heading-color;
		display: block;
		margin: 20px 0 23px;
		font-weight: 400;

		+ .eltdf-team-text {
			padding: 0 17.5%;
		}
	}

    .eltdf-team-position {
        margin: 2px 0 0;
		font-family: $addition-text-font;
		font-size: 21px;
		color: $first-main-color;
		font-style: italic;
		font-weight: 400;
		display: block;
    }
	
	.eltdf-team-text {
		margin: 14px 0 0;
		box-sizing: border-box;
		padding: 0 10%;
	}
	
	.eltdf-team-social-wrapper {
		@include eltdfAbsoluteHolderLayout();
		background-color: rgba(#fff, .85);
		z-index: 1;
		opacity: 0;
		@include eltdfTransform(translateZ(0));
		@include eltdfTransition(opacity .3s);
	}
	
	.eltdf-team-social-outer {
		@include eltdfTableLayout();
	}
	
	.eltdf-team-social-inner {
		position: relative;
		display: table-cell;
		height: 100%;
		width: 100%;
		padding: 20px 40px 33px;
		vertical-align: bottom;
		@include eltdfTransitionTransform(.2s ease);
		@include eltdfTransform(translate3d(0,40px,0));
	}
	
	.eltdf-team-social-holder {
		@include eltdfRelativeHolderLayout();
		margin: 14px 0 0;
		
		.eltdf-team-icon {
			font-size: 14px;
			margin: 0 22px 0 0;
			
			&:last-of-type {
				margin: 0;
			}

			a {
				color: $default-text-color;

				&:hover {
					color: $default-heading-color;
				}
			}
			
			.eltdf-icon-element {
				font-size: inherit;
				@include eltdfTransition(none);
			}
		}
	}
}
/* ==========================================================================
   Team shortcode style - end
   ========================================================================== */