body {
  /* THIS is not a good way to handle this, and a proper refactoring needs to be performed
    This allows bigger images of media on listings for large screens
    It would be great to adapt to other sizes, but this requires a good refaftoring
     */

  @media screen and (min-width: 2200px) {
      --default-item-width: 342px !important;
      --default-max-item-width: 342px !important;
      --default-item-margin-right-width: 17px !important;
      --default-item-margin-bottom-width: 27px !important;
  }
}


.home-pagination { margin-top: 12px; }
.home-pagination button { margin: 0 4px; padding: 6px 10px; border: 1px solid #666; background: #111; color: #fff; cursor: pointer; }
.home-pagination button.active { background: #fff; color: #000; }
.home-pagination .pagination-dots { margin: 0 6px; }
.home-pagination + .load-more { display: none !important; }
.home-pagination a { display:inline-block; margin:0 4px; padding:6px 10px; border:1px solid #666; background:#111; color:#fff; text-decoration:none; }
.home-pagination a.active { background:#fff; color:#000; }

.media-list-row .load-more { display: none !important; }