/*
 * Shortcode: staff.scss
 * -----------------------------------------------
*/
.widget.widget-staff {
	margin-bottom: 20px;
	.widget-title {
		margin-top: 0;
	}

	&.staff-contact-info {
		.name {
			color: $headings-color;
			margin-top: 0;
			margin-bottom: 0;
		}
		.speciality {
			color: #999;
			font-size: 15px;
		}
		.dl-horizontal {
			dt {
				color: $headings-color;
				i {
					width: 20px;
				}
			}
		}
	}
	&.staff-info {
		.name {
			margin-bottom: 0;
		}
		.speciality {
			color: #aaa;
		}
	}
}

.tm-sc-staff,
.tm-cpt-archive-staff {
	.tm-staff {
		.staff-content {
			padding-top: 15px;
			padding-bottom: 15px;
			.styled-icons {
				margin-bottom: 15px;
			}
		}
		.name {
			color: $headings-color;
			margin-top: 0;
			margin-bottom: 0;
		}
		.speciality {
			color: #999;
			font-size: 15px;
			margin-bottom: 10px;
		}
		.short-bio {
			margin-bottom: 20px;
		}
		.staff-working-hours  {
			font-size: 14px;
			margin-bottom: 15px;
		}
		.contact-info {
			li {
				font-size: $font-size-sm;
				list-style: none;
				margin-bottom: 5px;
				padding-bottom: 5px;
				font-weight: normal;
				a {
					color: $text-color;
					font-weight: normal;
				}
				i {
					width: 20px;
					margin-right: 0;
				}
			}
			margin-bottom: 15px;
		}
		.btn-view-details, .btn-appointment {
			a {
				margin-bottom: 5px;
				margin-right: 5px;
			}
		}
	}
}


.tm-sc-staff,
.tm-cpt-archive-staff {
	&.staff-style1-simple {
	}


	&.staff-style2-classic {
		.tm-staff {
			@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
			.staff-content {
				padding: 30px;
				background-color: #fff;
				.name {
					margin-top: 0;
				}
			}
		}
	}


	&.staff-style3-modern {
		.tm-staff {
			@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
			.staff-content {
				padding: 15px 30px 10px 30px;
				background-color: #fff;
				.name {
					margin-top: 0;
				}
			}
		}
	}


	&.staff-style4-everything-centered {
		.tm-staff {
			@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
			padding: 30px;
			background-color: #fff;
			text-align: center;
			.staff-content {
				.name {
					margin-top: 0;
				}
			}
			.btn-view-details, .btn-appointment {
				float: none;
			}
		}
	}

	&.staff-style5-current-theme {
		.tm-staff {
			.staff-inner {
				.box-hover-effect {
					position: relative;
					overflow: hidden;
					border: 1px solid #eee;
				}
				.staff-floating-info {
					position: absolute;
					bottom: 0;
					right: 0;
					left: 0;
					width: 100%;
					margin: 0 auto;
					text-align: center;
					@include transform (translateY(0%));
					@include transition(all 0.8s ease);
					padding: 15px;
				}
				&:hover {
					.staff-floating-info {
						//background: rgba(33,33,33,0.95);
						//@include transform (translateY(0%));
					}
				}
				.name {
					margin-top: 0;
					margin-bottom: 0;
					a {
						color: #fff;
						&:hover {
							color: #ccc;
						}
					}
				}
				.speciality {
					color: #bbb;
					font-size: 15px;
					font-weight: 500;
					margin-bottom: 0;
					margin-top: 5px;
				}
				.icons-holder {
					margin-top: 10px;
				}
				.short-bio, .icons-holder {
					margin-bottom: 0;
					max-height: 0;
					opacity: 0;
					@include transition(all 0.8s ease);
					p {
						color: #888;
						margin-bottom: 0;
					}
				}
				&:hover {
					/* .short-bio, .icons-holder {
						margin-bottom: 0;
						max-height: 150px;
						opacity: 1;
						p {
							margin-bottom: 10px;
						}
					} */
				}
			}
			.staff-content {
			}
			.btn-view-details .btn-plain-text-with-arrow {
				color: #F89D35;
				font-size: 14px;
				text-transform: capitalize;
				font-weight: 600;
			}
		}
	}

	&.staff-style6-horizontal {
		.tm-staff {
			background-color: #f5f5f5;
		}
	}


	.tm-cpt-archive-staff {
		.tm-staff {
			.short-bio {
				margin-top: 10px;
			}
			.btn {
				margin-top: 15px;
			}
		}
	}
}

// Large devices (desktops, less than 1200px)
@include media-breakpoint-down(lg) {

	.tm-sc-staff,
	.tm-cpt-archive-staff {
		&.staff-style5-current-theme {
			.staff-inner {
				.staff-floating-info {
					.styled-icons li {
					}
				}
				.staff-basic-info {
				bottom: -120px;
				}				
				&:hover {
					.staff-basic-info {
						bottom: -65px;
					}
				}
			}
		}
	}

}

// Medium devices (tablets, less than 992px)
@include media-breakpoint-down(md) {

	.tm-sc-staff,
	.tm-cpt-archive-staff {
		&.staff-style5-current-theme {
			.staff-inner {
				.staff-floating-info {
					.styled-icons li {
					}
				}
				.staff-basic-info {
				bottom: -90px;
				}				
				&:hover {
					.staff-basic-info {
						bottom: 0;
					}
				}
			}
		}
	}

}

// Extra small devices (portrait phones, less than 576px)
@include media-breakpoint-down(xs) {

	.tm-sc-staff,
	.tm-cpt-archive-staff {
		&.staff-style5-current-theme {
			.staff-inner {
				.staff-floating-info {
					.styled-icons li {
					}
				}
				.staff-basic-info {
				bottom: -70px;
				}
			}
		}
	}

}