/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 29 2026 | 11:15:59 */
.post-grid {
	background: var(--white-dyn-1);
	transition: all 0.4s;
	padding: 2rem var(--adjustive-padding);
	
	.post-item {
		width: 100%;
		display: flex;
		justify-content: center;
		
		.post-card {
			position: relative;
			display: flex;
			align-items: end;
			aspect-ratio: 3 / 2;
			min-height: 200px;
			max-width: 550px;
			color: var(--white);
			text-decoration: none;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			
			@media screen and (min-width: 991px) {
				max-width: unset;
			}
		}
		
		.post-card-content {
			background-color: var(--green-dark-transparent-1);
			padding: 1rem;
			
			.post-card-title {
				font-size: 1.25rem;
				font-weight: 600;
				line-height: 1.25;
				margin-bottom: 0.5rem;
				color: var(--white);
				
				@media screen and (min-width: 576px) {
					font-size: 1.5rem;
				}
			}

			.post-card-text {
				margin: 0;
				color: var(--white);
				line-height: 1.2;
				font-size: 0.9rem;
				
				@media screen and (min-width: 576px) {
					font-size: 1rem;
				}
			}
		}
	}
}