@import '../global.scss';

.wp-block-mobiloud-posts {
	padding-top: 1px;
}

.product-price {
	& * {
		font-family: inherit;
	}
}

.post-grid {
	display: flex;
	flex-flow: row wrap;

	&__item--highlight-true {
		width: 100%;
	}

	&__item {
		padding: #{$global-padding/2} #{$global-padding/2};
		padding-bottom: 1.5rem;

		&--highlight-true {
			display: block;
			position: relative;

			.ripple {
				z-index: 10;
			}

			.post-item__title {
				margin-top: 0.35rem;
				margin-bottom: 0.5rem;
			}

			.post-grid__item-thumbnail-wrapper {
				position: relative;
				margin-right: 0;
				width: 100%;
				height: 0;
				padding-bottom: 56.25%;
				overflow: hidden;

				&--Mobile {
					width: 100% !important;
					height: auto !important;
				}
			}

			.post-grid__item-thumbnail {
				display: block;
				width: 100%;
				height: auto;
			}
		}

		&--highlight-false {
			.post-grid__item-thumbnail-wrapper--1-1 {
				padding-bottom: 100%;
			}

			.post-grid__item-thumbnail-wrapper--16-9 {
				padding-bottom: 56.25%;
			}
		}
	}
	
	&__item-thumbnail-wrapper {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 0;
		padding-bottom: 100%;

		.post-grid__item-thumbnail {
			display: block;
			position: absolute;
			object-fit: cover;
			width: 100%;
			height: 100%;
			object-fit: cover;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}
}