/*
 * Shortcode: staff.scss
 * -----------------------------------------------
*/

.tm-sc-staff,
.tm-cpt-archive-staff {
	&.staff-style5-current-theme {
		.tm-staff {
			@include box-shadow(0px 0px 50px rgba(5, 5, 5, 0.08));
			position: relative;
			.staff-header {
				overflow: hidden;
				.thumb {
					@include transition(all .3s ease);
					@include scale(1);
				}
			}
			.staff-content {
				padding: 30px;
				background-color: #fff;
				.speciality {
					margin-bottom: 20px;
				}
				.name {
					color: #333;
					margin-top: 0;
					margin-bottom: 3px;
				}
				.styled-icons {
					a {
						background: #f4f6fb;
						display: inline-block;
						font-size: 18px;
						height: 45px;
						line-height: 42px;
						width: 45px;
						transition: all 0.2s ease;
						border-radius: 50%;
						color: #31333e;
						&:hover {
							background: #FFA21D;
							color: #fff;
						}
					}
				}
			}
			.btn-view-details .btn-plain-text-with-arrow {
				color: #F89D35;
				font-size: 14px;
				text-transform: capitalize;
				font-weight: 600;
			}

			&:hover {
				.staff-header {
					.thumb {
						@include scale(1.1);
					}
				}
				.staff-content {
					.name {
					}
					.speciality {
					}
					.styled-icons {
						a {
							&:hover {
							}
							i {
							}
						}
					}
				}
			}
		}
	}
}

.staff-item {
	background: #F5F5F5;
	.staff-content {
		display: inline-block;
		padding: 20px;
		border-bottom: 2px solid;
	}
}

.team-member {
	&.team-current-style3 {
		.team-thumb {
	    overflow: hidden;
	    img {
		    -webkit-transition: all 300ms ease-in-out 0s;
		    -o-transition: all 300ms ease-in-out 0s;
		    transition: all 300ms ease-in-out 0s;
			}
		}
		.team-details {
	    background: #f7f8fa none repeat scroll 0 0;
	    border: 1px solid #eee;
	    -webkit-transition: all 300ms ease-in-out 0s;
	    -o-transition: all 300ms ease-in-out 0s;
	    transition: all 300ms ease-in-out 0s;
		}
		&:hover {
			.team-thumb {
		    img {
			  	transform: scale3d(1.1, 1.08, 1.1);
				}
			}
			.team-details {
				h4, p, a {
					color: #fff
				}
			}
		}
	}
}