.post-filtering {
  padding-bottom: 20px;
}
.post-filtering select {
  padding-top: 11px !important;
  padding-right: 26px !important;
  padding-bottom: 11px !important;
  padding-left: 26px !important;
  border-radius: 5px;
  border-width: 1px !important;
  border-color: #ab0634;
  cursor: pointer;
  width: 150px;
}
.post-filtering select, ::picker(select) {
  appearance: base-select;
  border-radius: 5px;
  border: 1px solid var(--red);
}
.post-filtering ::picker(select) {
  box-shadow: 0 0 10px var(--winepurple);
  border: none;
}
.post-filtering select, option {
  font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.post-filtering option {
  padding: 5px 1px 5px 20px;
}
.post-filtering option:hover, option:focus {
  background: var(--red);
  color: var(--white);
}
.news-posts-listing .et_pb_row {
  column-gap: 30px;
  row-gap: 30px;
}
.news-posts-listing .news-post {
  box-shadow: 0px 2px 27px 0px rgba(41,39,40,0.1);
  flex: 0 0 calc(33.3% - 20px); /* 20px = box-shadow 2px (x3) + 15px (half the col-gap of 30px + bit to accommodate for %) */
  display: flex;
  flex-direction: column;
}
.news-posts-listing-small {
  row-gap: 15px;
  display: flex;
  flex-direction: column;
}
@media screen and (width <= 980px) {
  .news-posts-listing .news-post {
    flex: auto;
  }
  .news-posts-listing-small .news-post {
    flex: 0 0 calc(33.3% - 20px);
  }
}
@media screen and (width <= 690px) {
  .news-posts-listing-small .news-post {
    flex: 1 1 100%;
  }
}

.news-posts-listing-small .news-post.card {
  padding: 20px 20px!important;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  transition: 300ms all ease;
}
/* .news-post-row[data-link]:hover {
  cursor: pointer;
  box-shadow: 0px 2px 27px 0px rgb(41 39 40 / 23%);
} */
.news-post.card-small {
  /* padding: 20px !important; */
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
  padding-top: 30px!important;
}
.pagination a {
  text-decoration: none;
}
.pagination .page-numbers {

}
.pagination .page-numbers.current {
  font-weight: 700;
  font-size: 24px;
}
