/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 08 2026 | 16:57:49 */
.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;
			flex-direction: column;
			width: 100%;
			max-width: 550px;
			color: var(--white);
			text-decoration: none;

			@media screen and (min-width: 576px) {
				flex-direction: row;
				align-items: flex-end;
				aspect-ratio: 3 / 2;
				min-height: 200px;
			}

			@media screen and (min-width: 991px) {
				max-width: unset;
			}
		}

		.post-card-image {
			display: block;
			width: 100%;
			aspect-ratio: 3 / 2;
			object-fit: cover;

			@media screen and (min-width: 576px) {
				position: absolute;
				inset: 0;
				height: 100%;
				aspect-ratio: auto;
			}
		}

		.post-card-content {
			position: relative;
			flex: 1;
			padding: 1rem;
			background-color: var(--green-dark-1);

			@media screen and (min-width: 576px) {
				background-color: var(--green-dark-transparent-1);
			}

			.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;
				}
			}
		}
	}
}