/* 10.02 - team page - start
==================================================================================================== */

/* team section - start */
.team-section {
	.deco-image-1 {
		left: -240px;
		bottom: -60px;
		max-width: 420px;
	}
}
/* team section - end */

/* team-grid - start */
.team-grid {
	margin-top: 60px;
	text-align: center;
	.member-image {
		position: relative;
		margin-bottom: 30px;
		transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
		background-image: linear-gradient(transparent, $default-purple);
		>img {
			transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
		}
		.social-links {
			left: 0px;
			right: 0px;
			bottom: 30px;
			z-index: 1;
			position: absolute;
			>ul {
				>li {
					opacity: 0;
					width: 40px;
					height: 40px;
					text-align: center;
					margin-right: 15px;
					transform: translateY(30px);
					transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
					&:last-child {
						margin-right: 0px !important;
					}
					>a {
						width: 100%;
						height: 100%;
						display: block;
						color: #ffffff;
						line-height: 42px;
						border-radius: 100%;
						border: 1px solid #ffffff;
						&:hover {
							color: $default-purple;
							background-color: #ffffff;
							transform: translateY(-5px);
							transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
							box-shadow: 0px 5px 10px 1px rgba(147, 76, 242, 0.3);
						}
					}
				}
			}
		}
	}
	&:hover {
		.member-image {
			transform: translateY(-10px);
			box-shadow: 0px 20px 40px 0px rgba(4, 30, 54, 0.2);
			>img {
				opacity: .2;
			}
			.social-links {
				>ul {
					>li {
						opacity: 1;
						transform: translateY(0px);
						&:nth-child(1) {
							transition-delay: .1s;
						}
						&:nth-child(2) {
							transition-delay: .2s;
						}
						&:nth-child(3) {
							transition-delay: .3s;
						}
					}
				}
			}
		}
	}
	.member-name {
		font-size: 22px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.member-title {
		display: block;
		font-size: 18px;
		font-weight: 600;
	}
}

.has-4-items {
	.team-grid {
		.member-name {
			font-size: 18px;
			margin-bottom: 8px;
		}
		.member-title {
			font-size: 16px;
		}
	}
}

.team-carousel {
	margin-left: -15px;
	margin-right: -15px;
	.item {
		padding: 0px 15px;
		.team-grid {
			.member-name {
				font-size: 18px;
				margin-bottom: 5px;
			}
			.member-title {
				font-size: 16px;
			}
		}
	}

	&.arrow-right-left {
		.owl-nav {
			.owl-prev {
				left: -80px !important;
			}
			.owl-next {
				right: -80px !important;
			}
		}
	}
}
/* team-grid - end */

/* 10.02 - team page - end
==================================================================================================== */