.wibud-category-tiles { margin: 0 0 20px 0; }
.wibud-category-tiles-inner { display: flex; flex-wrap: wrap; gap: 14px; }
.wibud-category-tiles-vertical .wibud-category-tiles-inner { display: block; }
.wibud-category-tiles-vertical .wibud-category-tile { margin: 0 0 14px 0; }
.wibud-category-tile { box-sizing: border-box; overflow: hidden; }
.wibud-category-tiles-horizontal.wibud-category-cols-1 .wibud-category-tile { width: 100%; }
.wibud-category-tiles-horizontal.wibud-category-cols-2 .wibud-category-tile { width: calc(50% - 7px); }
.wibud-category-tiles-horizontal.wibud-category-cols-3 .wibud-category-tile { width: calc(33.333% - 10px); }
.wibud-category-tiles-horizontal.wibud-category-cols-4 .wibud-category-tile { width: calc(25% - 11px); }
.wibud-category-tiles-horizontal.wibud-category-cols-5 .wibud-category-tile { width: calc(20% - 12px); }
.wibud-category-tiles-horizontal.wibud-category-cols-6 .wibud-category-tile { width: calc(16.666% - 12px); }
.wibud-category-tile-link { display: block; text-decoration: none; color: inherit; }
.wibud-category-tile-media { display: block; width: 100%; height: 145px; overflow: hidden; background: #e8e8e8; }
.wibud-category-tile-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.wibud-category-tile-media img { display: block; width: 100%; height: 145px; object-fit: cover; border: 0; }
.wibud-category-tile-placeholder { display: block; height: 145px; background: #e8e8e8; }
.wibud-category-tile-title { display: block; padding: 8px 0 0 0; font-weight: bold; line-height: 1.25; font-size: 15px; }
.wibud-category-tile-link:hover .wibud-category-tile-title { text-decoration: underline; }
.wibud-category-tile-meta { display: block; padding-top: 4px; font-size: 12px; color: #777; }
.wibud-category-date:after { content: " / "; }
.wibud-category-date:last-child:after { content: ""; }
.wibud-category-more { margin: 12px 0 0 0; text-align: right; }
.wibud-category-empty { margin: 0; color: #777; }
@media (max-width: 760px) {
  .wibud-category-tiles-horizontal .wibud-category-tile { width: calc(50% - 7px) !important; }
}
@media (max-width: 480px) {
  .wibud-category-tiles-horizontal .wibud-category-tile { width: 100% !important; }
}