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

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

.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;
		}
		.speciality {
			color: $text-color;
			font-size: 0.95rem;
			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 {
			}
		}
	}
}


.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 {
			@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
			background-color: #fff;
			.staff-content {
				text-align: center;
				padding: 30px 20px 22px 20px;
				position: relative;
				z-index: 0;
				@include transition(all 0.3s ease);
				&:before {
					position:absolute;
					content:'';
					left:0px;
					top:0px;
					width:100%;
					height:100%;
					opacity:0;
					visibility:visible;
					background-color:#161d29;
					@include transition(all 500ms ease);
					-webkit-transform:scaleY(0);
					-ms-transform:scaleY(0);
					-moz-transform:scaleY(0);
					transform:scaleY(0);
					-webkit-transform-origin:top;
					-ms-transform-origin:top;
					-moz-transform-origin:top;
					transform-origin:top;
					z-index: -1;
				}
				.name {
					color: #333;
					margin-top: 0;
					text-transform: uppercase;
					a:hover {
						color: #fff;
					}
				}
				.speciality {
				}
				.styled-icons {
					margin-bottom: 0;
				}
				hr {
					width: 50%;
				}
			}
			.btn-view-details .btn-plain-text-with-arrow {
				color: #F89D35;
				font-size: 14px;
				text-transform: capitalize;
				font-weight: 600;
			}

			&:hover {
				.staff-content {
					&:before {
						opacity:1;
						visibility:visible;
						-webkit-transform:scaleY(1);
						-ms-transform:scaleY(1);
						-moz-transform:scaleY(1);
						transform:scaleY(1);
					}					
					.name {
						color: #fff;
					}
					.speciality {
						color: #fff;
					}
					hr {
						border-top: 1px solid rgba(255,255,255,0.1);
					}
					.styled-icons {
						i {
							color: #fff;
						}
					}
				}
			}
		}
	}


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



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


body {
	&.tm-dark-layout {
		.tm-sc-staff {
			.name {
				color: #aaa;
			}
			&.staff-style2-classic {
				.staff-content {
					background-color: $dark-layout-default-bg-color;
				}
			}
		}
	}
}