finlabsindia/wp-content/themes/vamtam-consulting/vamtam/assets/css/shortcodes/blog/small.less

.fl-module-vamtam-blog:not(.vamtam-blog-normal) .fl-module-content {
	margin: 0;
}

.loop-wrapper.news {
	.post-media {
		background: none;
		position: relative;
		overflow: hidden;

		.thumbnail {
			img {
				transition: transform 0.7s;
				transform: scale(1.0);
			}
		}
	}

	.post_format-post-format-audio {
		&,
		> div,
		.post-article,
		.post-media {
			overflow: visible !important; // all this is just to show the mejs time floater on audio posts
		}

		.post-media {
			margin-bottom: 30px;
		}

		.post-article .mejs-container {
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
		}

	}

	.format-quote.list-item > div:before {
		font-family: theme;
		content: icon( vamtam-theme-quote);
		font-size: 4em;
		line-height: 1em;
		display: block;
		color: var( --vamtam-accent-color-6 );
		border-bottom: solid 1px var( --vamtam-accent-color-7 );
		padding-left: 25px;
		padding-top: 10px;
		padding-bottom: 5px;
	}

	.post-article {
		overflow: hidden;
		margin: 0;

		&:hover {
			.image-post-format,
			.as-image {
			   .thumbnail {
					img {
						transform: scale(1);
						opacity: 1;
					}
				}
			}
		}

		.post-content-outer {
			padding: 0px 30px 10px 30px;

			p {
				.vamtam-font(primary-font-);
				font-size: inherit;
				margin: 0;
				padding: 20px 30px;
			}
		}

		blockquote {
			border: none;
			margin: 0px;
			padding: 0px;
		}

		.quote-post-format {
			.cite {
				padding: 0px 30px 20px 30px;
				color: var( --vamtam-accent-color-3 );

				&:before {
					content: "–";
					padding-right: 5px;
					color: var( --vamtam-accent-color-3 );
				}

				a {
					color: var( --vamtam-accent-color-3 );

					&:hover {
						color: var( --vamtam-body-link-hover );
					}
				}

				img {
					display: inline-block;
					margin-bottom: 0;
					padding: 0 20px 0 0;
					max-width: 85px;
					border: 0;
					vertical-align: middle;

					+ .quote-author {
						display: inline;
						vertical-align: middle;
					}
				}

				+ .quote-text {
					padding-left: 0;
				}
			}

			.quote-text p {
				font-family: var( --vamtam-h4-font-family );
				font-size: var( --vamtam-h4-font-size );
				line-height: var( --vamtam-h4-line-height );
				color: var( --vamtam-body-link-regular );
				margin-top: 0px !important;
				margin-bottom: 0px !important;
			}
		}
	}

	.post-content-meta {
		.the-categories {
			padding: 0px 30px 5px 30px;

			a {
				.vamtam-font(h5-);
				transition: all .3s ease;
				display: inline-block;
				margin: 0px 5px 5px 0px;
				border: none;

				&:hover {
					color: var( --vamtam-body-link-hover );
				}

				&:after {
					content: ",";
					padding-left: 2px;
					color: var( --vamtam-accent-color-3 );
				}

				&:last-child:after{
					display: none;
				}
			}
		}

		.icon {
			display: none;
		}
		.the-tags {
			padding: 0px 30px 10px 30px;

			a {
				.vamtam-font(h6-);
				font-weight: 400;
				text-transform: uppercase;
				transition: all .3s ease;
				display: inline-block;
				margin-right: 1px;
				border: none;

				&:hover {
					color: var( --vamtam-body-link-hover );
				}
			}
		}
	}


	.list-item {
		padding: 10px;

		&.sticky > div {
			border-bottom: 10px solid var( --vamtam-accent-color-1 );
		}

		.post-media .thumbnail img {
			transform: scale(1.1);
		}

		header.single {
			padding: 0 30px;
			position: relative;
			z-index: 10;

			&:after {
				display: none;
			}
		}

		> div {
			position: relative;
			background: var( --vamtam-accent-color-5 );
			overflow: hidden;
			z-index: 1;
			transition: box-shadow .3s ease-out;

			&:hover {
				box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.07);
			}
		}
	}

	.thumbnail {
		position: relative;
		overflow: visible;
		width: 100%;
		text-align: center;
		background: none;

		img {
			width: 100%;
			height: auto;
			transition: opacity 0.40s, transform 1.10s;
		}

		.icon {
			@icon-size: 65px;
			position: absolute;
			top: 50%;
			left: 50%;
			display: inline-block;
			width: @icon-size;
			height: @icon-size;
			color: var( --vamtam-accent-color-5 );
			font-size: @icon-size;
			margin: -@icon-size/2 0 0 -@icon-size/2;
			opacity: 0;
		}
	}

	.post-actions-wrapper {
		padding: 0px 30px 10px 30px;
	}

	.sep-text-after {
		display: none;
	}

	.image-post-format,
	.video-post-format.as-image,
	.standard-post-format.as-image {
		.thumbnail {
			overflow: hidden;
		}
	}

	> .page-content {
		margin-bottom: 20px;
	}
}

.archive .loop-wrapper.news .list-item > div {
	border-color: var( --vamtam-default-line-color );
}

.vamtam-related-content,
.type-featured {
	.loop-wrapper.news {
		.post-content-outer p,
		.post-content-meta {
			display: none;
		}

		.thumbnail img {
			min-height: 160px;
			object-fit: cover;
		}

		.aside-post-format, .format-link, .format-quote {
			.post-content-outer p {
				display: block;
			}
		}

		.list-item > div {
			margin-bottom: 10px;
		}
	}
}