.postListSection .postFilterBar{display:flex;justify-content:space-between;flex-direction:column;gap:30px 20px;margin-bottom:30px}.postListSection h2{margin-bottom:0;flex:1}.postListSection .filters{display:flex;flex-direction:column;gap:10px 25px}.postListSection .filters strong{color:var(--black);font-size:.9rem;font-weight:600}.postListSection select{border-radius:10px;border-color:#d5dce2;transition:.15s linear;outline:2px solid transparent;outline-offset:2px;cursor:pointer;color:var(--gray);padding:10px 25px 10px 15px}.postListSection select:hover,.postListSection select:focus-visible{outline:2px solid var(--bright-blue)}@media(min-width:550px){.postListSection .filters>div{flex-basis:50%}.postListSection .filters{flex-direction:row}}@media(min-width:767px){.postListSection .postFilterBar{flex-direction:row;align-items:center}.postListSection .postFilterBar .filters{flex:1;max-width:550px}}.postList{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:30px}.postList .post{border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);overflow:hidden;transition:.15s linear}.postList .post:has(a:hover,a:focus-within){box-shadow:0 0 10px 0 rgba(15,136,202,.6)}.postList .post .imageWrap{overflow:hidden;display:block}.postList .post .imageWrap img{width:100%;transition:.15s linear}.postList .post .imageWrap:hover img{scale:1.02}.postList .post .botWrap{height:100%;padding:20px;background-color:var(--light-blue)}.postList .post .dateCat{display:flex;align-items:center;gap:5px;margin-bottom:10px}.postList .post .dateCat a{font-size:.85rem}.postList .post .dateCat .cat{line-height:1.1}.postList .post .date{color:var(--gray);font-style:italic;font-size:.85rem}.postList .post .name{font-size:1.1rem;transition:color .15s linear}.postList .post .name:hover{color:var(--bright-blue)}.postListSection .pagination{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.postListSection .pagination span,.postListSection .pagination a{padding:0;border:0;padding:10px;font-size:1em}.postListSection .pagination span{color:var(--brand-blue);font-weight:700}.postListSection .pagination a{color:var(--gray)}.postListSection .pagination a.btnNext,.postListSection .pagination a.btnPrev{color:var(--bright-blue);font-weight:700}.postListSection .pagination a:hover{background-color:transparent}