/* 3-column tile grid layout (events-grid.php, category-grid.php). Copied from the old events page. */

/* --- Filters --- */
.blog-filter-wrap { margin: 18px 0 12px; }.blog-filters { padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,.08); } .blog-filter-row { display:flex; flex-wrap:wrap; gap:12px 14px; align-items:center; } .blog-filter-row--center { justify-content: center; } .blog-filter { min-width:220px; flex:1 1 220px; } .blog-filter-label{ display:block; font-size:24px; font-weight:400; opacity:.8; margin:0 0 6px; } .blog-filter-input, .blog-filter-select{ width:100%; height:42px; padding:8px 10px; border:1px solid rgba(0,0,0,.18); border-radius:6px; background:#fff; } /* Inline label + select */ .blog-filter--inline { min-width:auto; flex:0 0 auto; } .blog-filter-label--inline { display:inline-block; margin:0 10px 0 0; opacity:.85; } .blog-filter-select--inline { width:auto; min-width:240px; } 

/* --- Grid: fixed 450w tiles, centered --- */
.blog-tile-grid{
  display:grid;
  gap:18px;
  padding:14px 0 10px;
  grid-template-columns: repeat(auto-fit, 450px);
  justify-content:center;
}

/* Hide tiles after first 40 */
.blog-hidden{
  display:none !important;
}

/* Remove default blog spacing */
.blog .vrpc-post{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* Remove theme card/button styling */
.blog-tile,
.blog-tile-link{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
  text-decoration:none !important;
}

.blog-tile{
  width:450px;
  margin:0;
  padding:0;
}

.blog-tile-link{
  display:block;
  width:100%;
}

/* Media box 450x350 */
.blog-tile-media.post-image{
  position:relative;
  width:450px !important;
  height:350px !important;
  max-width:none !important;
  overflow:hidden;
}

.blog-tile-media.post-image img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  display:block;
}

/* Mobile: single column shrink */
@media (max-width:500px){
  .blog-tile-grid{
    grid-template-columns:1fr;
    justify-content:stretch;
  }
  .blog-tile{
    width:100%;
  }
  .blog-tile-media.post-image{
    width:100% !important;
  }
}

/* --- Overlay --- */
.blog-tile-title-overlay{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  padding:12px;
  pointer-events:none;
  background:rgba(0,0,0,.6);
}

.blog-tile-title{
  margin:0 0 6px;
  color:#fff;
  font-size:18px;
  line-height:1.2;
  font-weight:400;
}

/* Dates left + category right */
.blog-tile-meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.blog-tile-dates{
  font-size:14px;
  line-height:1;
  color:#fff;
  opacity:.9;
}

.blog-tile-cats{
  white-space:nowrap;
  color:#fff;
  opacity:.85;
}

.blog-tile-cat{
  font-size:18px;
  background:rgba(0,0,0,.1);
}

/* Category description above the filter (category-grid.php):
   no wider than 3 tiles + 2 gaps (3 x 450px + 2 x 18px), centered over the grid. */
.category-grid .taxonomy-description{
  max-width:1386px;
  margin:0 auto;
  padding-top:30px;
}