@use "variables" as *;
.thim-new-instructors {
	.item {
		.avatar-item {
			display: table;
			width: 100%;
			box-shadow: 12.9px 15.3px 15px 0 #69696914;
			background-color: #ffffff;
			margin-bottom: 41px;

			.avatar-instructors {
				display: table-cell;
				vertical-align: middle;
				position: relative;
				width: 187px;

				a.avatar-small {
				}

				a.avatar {
				}

				.author-social {
					position: absolute;
					bottom: 0;
					opacity: 0;
					left: 50%;
					transform: translateX(-50%);
					width: 100%;
					text-align: center;
					transition: all 0.3s;
					z-index: 3;

					a {
						i {
							width: 40px;
							height: 40px;
							font-size: 16px;
							text-align: center;
							line-height: 40px;
							border-radius: 50%;
							color: #ffffff;
							background: transparent;
							box-shadow: 12.9px 15.3px 15px 0 #69696914;
						}

						&:hover {
							i {
								background: $thim_body_primary_color;
							}
						}
					}
				}

				&:after {
					content: "";
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					opacity: 0;
					background: transparent;
					z-index: 2;
					transition: all 0.3s;
				}

				&:hover {
					.author-social {
						bottom: 21px;
						opacity: 1;
					}

					&:after {
						opacity: 0.5;
						background-color: #514abf;
					}
				}
			}

			.avartar-info {
				display: table-cell;
				vertical-align: middle;
				padding-left: 30px;

				h5 {
					a {
						font-size: 18px;
						font-weight: 500;
						font-style: normal;
						font-stretch: normal;
						line-height: 1;
						letter-spacing: normal;
						text-align: left;
						color: #111324;
						padding: 0;
						margin: 0;
						text-transform: capitalize;
					}
				}

				.author-major {
					font-size: 14px;
					font-weight: 300;
					font-style: normal;
					font-stretch: normal;
					line-height: 1;
					letter-spacing: normal;
					text-align: left;
					color: #6c6c6c;
					margin-bottom: 22px;
				}

				.work-for {
					text-align: left;

					h6 {
						font-size: 14px;
						font-weight: normal;
						font-style: normal;
						font-stretch: normal;
						line-height: 1.86;
						letter-spacing: normal;
						text-align: left;
						color: #000000;
						margin: 0 0 4px;
						padding: 0;
					}

					img {
						height: auto;
						width: auto;
						max-height: 26px;
					}
				}
			}
		}
	}
}