.posts-grid {
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap:30px;
	.post {
		background: var(--wp--preset--color--white);
		img {
			display: block;
			aspect-ratio: 1;
			width: 100%;
			height: auto;
			object-fit: cover;
		}
		.copy {
			border-top:1px solid var(--wp--preset--color--light-gray);
			padding:15px;
			display: flex;
			flex-direction: column;
			gap:15px;
			* {
				margin-top:0;
				margin-bottom:0;
			}
		}
	}
}

.posts-list {
	display: flex;
	flex-direction: column;
	gap:10px;
}

.mrl-filters {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 20px;
    padding-top: 20px;
    position:sticky;
    top:0;
    left:0;
    background-color: var(--wp--preset--color--light-gray);
	> div {
		flex:1 0 240px;
		max-width:400px;
	}
	.facetwp-facet {
		input,
		select,
		.fs-label-wrap {
			background: transparent;
		    border: none;
		    border-bottom: 2px solid;
		    width: 100%;
		    padding:9px;
		    font-size:16px !important;
		    vertical-align: middle;
		}
		.fs-wrap.multiple {
			width:calc(100% - 16px);
		}
		button {
			border:2px solid black;
			cursor: pointer;
			padding:9px 24px;
			background: transparent;
			font-size:16px;
			transition:all .25s;
			&:hover {
				background:black;
				color:white;
			}
		}
	}
	.facetwp-icon {
		display: none;
	}
}

.pagination {
	display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 10px 0;
}

.bottom-pagers {
	margin-top:clamp(30px,8vw,100px);
}