/*--------------------------------------------------------------
# Team Grid/Carousel
--------------------------------------------------------------*/
.pxl-team-carousel1 {
	.pxl-item--holder {
		&:before {
			display: none;
		}
	}
	.pxl-holder--inner {
		background-color: unset !important;
	}
}

.pxl-team-carousel1 {
	.pxl-item--inner {
		@include transition(all 300ms linear 0ms);
		&:hover {
			.pxl-item--image {
				.pxl-social--wrap {
					opacity: 1;
					bottom: 33px;
				}
				img {
					transform: scale(1.1);
				}
			}
			.pxl-item--holder {
				
			}
		}
		.pxl-item--image {
			position: relative;
			overflow: hidden;
			@include transition(all 300ms linear 0ms);
			background-color: #edefed;
			clip-path: polygon(89% 0, 100% 11%, 100% 100%, 0 100%, 0 0);
			img {
				@include transition(all 300ms linear 0ms);
				transform: scale(1);
				mix-blend-mode: luminosity;
			}
			.pxl-social--wrap {
				position: absolute;
				bottom: 20px;
				left: 50%;
				transform: translate(-50%,0);
				background-color: $primary_color;
				filter: drop-shadow(0px 18px 28.5px rgba(#000,0.54));
				overflow: hidden;
				opacity: 0;
				@include transition(all 250ms linear 0ms);
				.pxl-social--icon {
					display: flex;
  					align-items: center;
				}
				a {
					font-size: 16px;
					color: #fff;
  					position: relative;
  					display: flex;
					align-items: center;
					justify-content: center;
					width: 50px;
					height: 50px;
					border-right: 1px solid rgba(#fff, 0.200);
					&:last-child {
						border-right: none;
					}
  					&:hover {
  						&:before {
  							opacity: 1;
  							top: 0;
  						}
  						&:after {
  							opacity: 1;
  							bottom: 0;
  						}
  					}
  					&:before {
  						content: '';
  						position: absolute;
  						width: 7px;
  						height: 10px;
  						background-color: #fff;
  						top: -15px;
  						left: 50%;
  						transform: translate(-50%,0);
  						opacity: 0;
  						@include transition(all 200ms linear 0ms);
  					}
  					&:after {
  						content: '';
  						position: absolute;
  						width: 7px;
  						height: 10px;
  						background-color: #fff;
  						bottom: -15px;
  						left: 50%;
  						transform: translate(-50%,0);
  						opacity: 0;
  						@include transition(all 200ms linear 0ms);
  					}
				}
			}
		}
		.pxl-item--holder {
			text-align: center;
			margin-top: 34px;
			@include transition(all 200ms linear 0ms);
			.pxl-item--title {
				margin-bottom: 7px;
				a {
					font-size: 20px;
					color: $link_color;
					font-weight: 500;
					@include ft_theme_default($ft_theme_default);
					line-height: 1.2;
				}
			}
			.pxl-item--position {
				
			}
		}
	}
}

.pxl-team-carousel2 {
	.pxl-swiper-container {
		margin: 0;
		margin-right: -1px;
	}
	.pxl-swiper-arrow-wrap {
		margin-top: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 1;
		width: 100%;
  		justify-content: space-between;
  		min-width: 1486px;
  		@media (max-width: 1550px) {
  			min-width: 1440px;
  		}
  		@media (max-width: 1470px) {
  			display: none;
  		}
		.pxl-swiper-arrow {
			background-color: $primary_color;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 46px;
			height: 129px;
			position: absolute;
			top: 50%;
			left: 0;
			transform: translate(0%,-50%);
			svg {
				fill: #fff;
				height: 14px;
				width: auto;
				path {
					fill: #fff;
				}
			}
			.hover {
                @include transition(all 200ms linear 0ms);
            }
			&.pxl-swiper-arrow-next {
				right: 0;
				left: unset;
				&:hover {
                    .hover {
                        @include animation(toRightFromLeft .3s linear 1);
                    }
                }
			}
			&.pxl-swiper-arrow-prev {
				svg {
					transform: rotate(-180deg);
				}
				&:hover {
                    .hover {
                        @include animation(toLeftFromRight .3s linear 1);
                    }
                }
			}
		}
	}
	.pxl-carousel-inner {
		border: 1px solid #d9d9d9;
		.pxl-swiper-slide {
			border-right: 1px solid #d9d9d9;
			padding: 0;
		}
	}
	.pxl-item--inner {
		padding: 35px;
		padding-bottom: 27px;
		@include transition(all 0.3s);
		@media (max-width: 1199px) {
			padding: 30px 20px;
		}
		&:hover {
			.pxl-item--image {
				img {
					@include transform(scale(1.1));
				}
			}
		}
		.pxl-item--image {
			position: relative;
  			clip-path: polygon(94% 0, 100% 6%, 100% 100%, 0 100%, 0 0);
  			img {
  				@include transition(all 0.3s);
  				@include transform(scale(1.01));
  			}
  			.pxl-social--wrap {
  				position: absolute;
  				bottom: 15px;
  				right: 18px;
  				display: inline-flex;
				align-items: center;
				@include transition(all 0.3s ease-in-out);
				&:hover {
					.pxl-social--icon {
						transform: scaleY(1);
						a {
							opacity: 1;
							transform: translateY(0px);
						}
					}
				}
				.pxl-social--button {
					font-size: 14px;
					color: #fff;
					cursor: pointer;
					position: relative;
					z-index: 2;
					width: 53px;
					height: 53px;
					display: flex;
					align-items: center;
					justify-content: center;
					background-color: $primary_color;
					min-width: 53px;
				}
  				.pxl-social--icon {
  					display: inline-block;
					@include transition(all 0.3s);
					position: absolute;
					left: 0;
					bottom: 100%;
					transform: scaleY(0);
					transform-origin: bottom;
					a {
						opacity: 0;
						margin-bottom: 3px;
						font-size: 16px;
						transform: translateY(5px);
						@include transition(all 0.3s);
						width: 53px;
						min-width: 53px;
						height: 53px;
						background-color: $link_color;
						color: #3d3d3d;
						display: flex;
						align-items: center;
						justify-content: center;
						&:hover {
							color: #fff;
						}
					}
  				}
  			}
		}
		.pxl-item--holder {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-top: 29px;
			margin-left: -6px;
			margin-right: -2px;
			.pxl-item--title {
				font-size: 20px;
				font-weight: 500;
				color: $link_color;
				@include ft_theme_default($ft_theme_default);
				line-height: 1.2;
				margin-bottom: 3px;
			}
			.pxl-meta-button {
				.pxl-button-link {
					padding-top: 8px;
					display: flex;
					align-items: center;
					justify-content: center;
					svg {
						height: 22px;
  						width: auto;
  						path {
  							fill: $link_color;
  							@include transition(all 0.3s);
  						}
					}
					&:hover {
						svg {
							path {
								fill: $primary_color;
							}
						}
					}
				}
			}
		}
	}
}

//pxl-team-box
.pxl-team-box1 {
	.pxl-item-inner {
		position: relative;
		overflow: hidden;
		&:hover {
			.pxl-item--img {
				a {
					&:after {
						transform: scaleY(1);
						opacity: 1;
					}
				}
			}
			.pxl-item-content {
				bottom: 26px;
				opacity: 1;
			}
		}
		.pxl-item--img {
			background-color: #d9d9d9;
			img {
				mix-blend-mode: luminosity;
			}
			a {
				display: block;
				position: relative;
				&:after {
					content: '';
					position: absolute;
					width: 100%;
					height: 100%;
					bottom: 0;
					left: 0;
					@include transition(all 0.3s);
					background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
					transform: scaleY(0);
					opacity: 0;
  					transform-origin: bottom;
				}
			}
		}
		.pxl-item-content {
			position: absolute;
			left: 29px;
			bottom: 0;
			opacity: 0;
			@include transition(all 0.3s);
			.pxl-sub-title {
				font-family: Outfit;
				font-size: 14px;
				font-style: normal;
				font-weight: 400;
				text-transform: uppercase;
				opacity: 0.5;
				color: #fff;
				line-height: 1.2;
				margin-bottom: 11px;
			}
			.pxl-item-title {
				line-height: 1.2;
				font-family: Outfit;
				font-size: 24px;
				font-style: normal;
				font-weight: 500;
				letter-spacing: -0.96px;
				color: #fff;
			}
		}
	}
}