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

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

.qodef-team{

	p{
		margin:0;
	}

	.qodef-team-social-wrapp{
		margin: 25px 0 0 0;

		.qodef-icon-shortcode {
            font-size: 20px;
			margin:0 2px;
            .qodef-icon-element{
                color: $default-heading-color;
            }
            &:hover {
                .qodef-icon-element{
                    color: $first-main-color;
                }
            }
		}

		.qodef-icon-shortcode.circle,
		.qodef-icon-shortcode.square{
			border: 1px solid $default-heading-color;
			width:27px;
			height:27px;
			line-height:27px;
			font-size:10px;
			background:$default-heading-color;
			@include qodefTransition(all 0.2s ease-out);

            .qodef-icon-element{
                color: #fff;
            }

			&:hover {
				background: $first-main-color;
				border-color: $first-main-color;

				.qodef-icon-element{
					color: $default-heading-color;
				}
			}
		}
	}


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

	&.main-info-below-image {

		.qodef-team-image {
			overflow: hidden;
			padding: 0 17%;
			box-sizing: border-box;
			margin:0 0 36px 0;

			img{
				display:block;
                margin: 0 auto;
				@include qodefBorderRadius(50%);
			}
		}

		.qodef-team-info {
			text-align:center;

			.qodef-team-name {
				margin-bottom: 8px;
			}

			.qodef-team-position {
                font-size: 14px;
                line-height: 20px;
                font-weight: 700;
                color: #969696;
                display: block;
				margin-bottom: 12px;
			}

		}

	}

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


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

	&.main-info-on-hover{

		.qodef-team-image {
			overflow: hidden;
			position:relative;
			img{
				display:block;
			}
		}

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

		.qodef-team-text {
			padding: 20px 0 0 0;
			text-align:center;
		}

		.qodef-team-social-holder {
			position: absolute;
			height: 100%;
			width: 100%;
			left:0;
			top: 0;
			opacity: 0;
			display: inline-block;
			vertical-align: middle;
			@include qodefTransition(opacity .3s ease-in-out);
			background-color: rgba(254, 234, 14, 0.9);

			.qodef-team-social {
				@include qodefTableLayout;
			}

			.qodef-team-social-inner {
				@include qodefTableCellLayout;
				padding: 0 10%;
			}

			.qodef-team-name {
				position: relative;
				top: 50px;
				opacity: 0;
				@include qodefTransition(top .3s cubic-bezier(.25,.46,.45,.94) 0s);
			}

            .qodef-team-position {
                color: $default-heading-color;
				margin-top: 6px;
				position: relative;
				top: 50px;
				opacity: 0;
				@include qodefTransition(top .3s cubic-bezier(.25,.46,.45,.94) 0s);
            }
		}

        .qodef-team-social-wrapp{
            .qodef-icon-shortcode {
                &:hover {
                    .qodef-icon-element{
                        color: #fff;
                    }
                }
            }
            .qodef-icon-shortcode.circle,
            .qodef-icon-shortcode.square{
                &:hover {
                    background: transparent;
                    border-color: #fff;
                }
            }
        }

		&:hover {
			.qodef-team-social-holder{
				opacity: 1;
			}

			.qodef-team-name {
				opacity: 1;
				top: 0;
				transition-delay: 0s;
			}

			.qodef-team-position {
				opacity: 1;
				top: 0;
				transition-delay: .1s;
			}

		}

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


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