Your IP : 216.73.216.95

Current Path : /var/www/mainsite/wp-content/themes/maxcoach/assets/scss/elementor/widgets/
Upload File :
Current File : /var/www/mainsite/wp-content/themes/maxcoach/assets/scss/elementor/widgets/_portfolio-carousel.scss

.maxcoach-portfolio-carousel-01 {
	.post-title {
		margin-bottom: 0;

		a {
			color: inherit !important;
		}
	}

	.post-categories {
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 1.38px;
		color: rgba(17, 17, 17, .4);

		a {
			color: inherit;
		}
	}

	.post-thumbnail {
		@extend %NormalTransition;
	}
}

.maxcoach-portfolio-carousel-01 {
	.post-wrapper {
		&:hover {
			.post-thumbnail {
				box-shadow: 0 60px 40px -40px rgba(51, 51, 51, 0.41);
			}
		}
	}

	.swiper-slide-active {
		.post-thumbnail {
			box-shadow: 0 60px 40px -40px rgba(51, 51, 51, 0.41);
		}
	}

	.post-info {
		padding: 26px 0 0 0;
	}

	.post-title {
		font-size: 22px;
		margin-bottom: 9px;
	}
}

.maxcoach-portfolio-carousel-02 {
	.post-wrapper {
		&:hover {
			.post-overlay {
				&:before {
					opacity: 1;
				}

				&:after {
					opacity: 0;
				}
			}

			.post-info {
				transform: translateY(0);
				display: flex;
				flex-direction: column;
				justify-content: center;
			}

			.post-title {
				transform: translateY(0);
			}
		}
	}

	.post-overlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;

		&:before,
		&:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			transition: .25s opacity linear;
		}

		&:before {
			background-image: linear-gradient(37deg, #4b33fb 0%, #b282ea 84%);
			opacity: 0;
		}

		&:after {
			opacity: .8;
			background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
		}
	}

	.post-info,
	.post-title {
		transition: all .5s;
	}

	.post-thumbnail {
		overflow: hidden;
	}

	.post-info {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 30px 40px;
		text-align: center;
		transform: translateY(100%);
	}

	.post-title {
		font-size: 26px;
		color: #fff;
		margin-bottom: 0;
		transform: translateY(-100%) translateY(-72px);
	}

	.portfolio-excerpt {
		font-size: 16px;
		line-height: 1.875;
		color: rgba(255, 255, 255, .62);
		margin-top: 33px;
	}

	.portfolio-read-more-icon {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 55px;
		height: 55px;
		background: #fff;
		border-radius: 50%;
		font-size: 15px;
		color: #111;
		margin: 51px auto 0;
	}
}