/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 */
div.wp-block-artcloud-blocks-artcloud-posts {
	// background-color: red;  
.post-block-title{
	margin-bottom: 38px;
}
	.row {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr; /* Two columns with equal width */
		grid-row-gap: 50px;
		grid-column-gap: 30px;
	}
	@media only screen and (max-width: 600px) {
		.row {
			display: grid;
			grid-template-columns: 1fr; /* one column with equal width */
			grid-row-gap: 20px;
		}
	}
	.col-4 .artcloud-content {
		padding: 24px;
	} 
	.col-4 .artcloud-content ul > li {
		list-style: none;
	}
	.col-4 .artcloud-productImg {
		margin: 0;
		padding: 0;
	}
	.col-4 .artcloud-productImg img {
		width: 100%;
	}
	.artcloud-item {
		background-color: var(--wp--preset--color--white);
		border: 1px solid var(--wp--preset--color--gray);
		color: var(--wp--preset--color--black);
		// padding-bottom: 30px;
	}
	a.wp-block-post-excerpt__more-link {
		padding: calc(0.667em + 2px) calc(1.333em + 2px);
		background: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--white);
		text-decoration: none;
		border-radius: 3rem;
	}


	.artcloud-item {
		.artcloud-postImg{
			margin: 0;
			padding: 0;
			position: relative;
			height: 230px;
			width: 100%;
			display: inline-block;
			background-color: #f3f3f3;
			img{
				position: absolute;
				max-height: 230px;
				max-width: 100%;
				width: 100%;
				height: 100%;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
			}
		}
		.artcloud-content{
			h6{
				margin-bottom: 15px;
			}

			h3{
				margin-bottom: 15px;
				font-size: 24px;
				font-weight: 600;
			}
			
			h5{
				margin-bottom: 15px;
				font-size: 18px;
				font-weight: 600;
			}

			p{
				margin-bottom: 25px;
			}

			.item-btns{
				display: inline-block;
			}
		} 
	}
}
