.block-search{margin-top: 2rem;}

.block-search .search-filter .filters-wrap{display: grid; grid-gap: 2rem; grid-template-columns: 1fr 1fr; align-items: center;}
.block-search .search-filter select{color: var(--brand-1); border: 1px solid var(--brand-1); border-radius: 0.25rem; height: max-content;}
.block-search .search-filter .clear{font-style: italic; text-decoration: underline; cursor: pointer; color: var(--brand-1); padding: 1rem 0 0 0.5rem; display: none;}
.block-search .search-filter.filtered .clear{display: inline-block;}

.block-search .search-listings{display: grid; grid-gap: 2rem; grid-template-columns: 1fr 1fr 1fr; margin-top: 5rem;}
.block-search .post-listing{padding: 2rem; background-color: #fff; border-radius: 0.75rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.block-search .post-listing h3{font-size: 1.8rem;}

.block-search .search-form{background-color: #EFF1F3; padding: 2rem 5rem; border-radius: 0.75rem;}
.block-search .search-form form{display: flex; align-items: center;}
.block-search .search-form label{font-size: 2.5rem; padding-right: 2rem; display: inline; text-wrap-mode: nowrap;}
.block-search .search-form input{background-color: #fff; border: 1px solid #222; border-radius: 0.75rem; display: inline;}

@media(max-width: 1024px){
    .block-search .search-filter .filters-wrap{grid-template-columns: 1fr;}
}

@media(max-width: 1024px){
    .block-search .search-form{padding: 2rem;}
}