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/_blog-carousel.scss

.maxcoach-blog-carousel {
	.post-title {
		font-size: 24px;
		line-height: 1.5;
		margin: 0;

		a {
			// Block to fix title overlap box.
			display: block;
			color: inherit;
			font-size: inherit;
		}
	}

	.post-thumbnail {
		display: block;
		width: 220px;
		max-width: 40%;
	}

	.post-background {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #eee;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.post-wrapper {
		@extend %NormalTransition;
		display: flex;
		overflow: hidden;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 0 20px rgba(0, 0, 0, .07);
	}

	.post-meta {
		font-size: 14px;
		color: #7e7e7e;
		margin: 22px 0 0;

		.inner {
			margin-left: -16px;
			margin-right: -16px;

			> div {
				display: inline-block;
				margin: 5px 0 0;
				padding: 0 16px;
			}
		}
	}

	.post-author {
		a {
			display: block;
		}

		img {
			width: 32px;
			height: 32px;
			border-radius: 50%;
			vertical-align: middle;
			margin-right: 6px;
		}
	}

	.meta-icon {
		margin-right: 6px;
	}

	.post-excerpt {
		font-size: 16px;
		line-height: 26px;
		margin-top: 10px;

		&:first-child {
			margin-top: 0;
		}
	}

	.post-thumbnail {
		flex-shrink: 0;
		position: relative;

		img {
			border-radius: inherit;
			width: 100%;
		}
	}

	.post-caption {
		flex-grow: 1;
		padding: 24px 10px 28px 30px;
	}

	.post-categories {
		font-size: 15px;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 2px;
		line-height: 1.4;
		margin: 0 0 13px;
		color: #9b9b9b;

		a {
			color: inherit;

			&:hover {
				color: $primary-color;
			}
		}
	}
}

@include media-breakpoint-down(xs) {
	.maxcoach-blog-carousel {
		.post-wrapper {
			display: block;
		}

		.post-thumbnail {
			width: 100%;
			max-width: 100%;

			&:before {
				display: block;
				content: '';
				width: 100%;
				padding-top: 75%;
			}
		}

		.post-caption {
			padding: 20px;
		}
	}
}