/* Xagio Masonry Posts basic styles */
.xm-wrapper { margin: 1rem auto; }
.xm-grid { position: relative; }
.xm-sizer { width: 33.3333%; } /* default; JS will override column width */
.xm-gutter-sizer { width: 16px; } /* gutter */
.xm-item { width: 33.3333%; margin: 0; }
.xm-item { background: #fff; border-radius: 1rem; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,0.06); margin-bottom: 16px; }
.xm-item .xm-thumb img, .xm-item .xm-placeholder { display:block; width:100%; height:auto; }
.xm-item .xm-placeholder { aspect-ratio: 16/9; background: #f2f2f2; }
.xm-title { font-size: 1.0625rem; line-height: 1.25; margin: 0.75rem 1rem 0.25rem; }
.xm-title a { text-decoration: none; }
.xm-excerpt { color: #555; font-size: 0.9375rem; margin: 0 1rem 0.75rem; }
.xm-actions { padding: 0 1rem 1rem; }
.xm-button { display:inline-block; padding: 0.5rem 0.875rem; border-radius: 999px; text-decoration:none; border:1px solid #ddd; }
.xm-empty { color:#666; padding: 1rem; }

/* Pagination (fix UL bullets + horizontal layout) */
.xm-pagination { margin-top: 1rem; }

.xm-pagination ul.page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.xm-pagination li { margin: 0; }

ul.page-numbers {
	list-style-type: none !important;
}

/* Style only the clickable items/spans, not the UL */
.xm-pagination a.page-numbers,
.xm-pagination span.page-numbers {
  display: inline-block;
  padding: 0.4rem 0.7rem;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  text-decoration: none;
}

.xm-pagination span.page-numbers.current {
  background: #111;
  color: #fff;
  border-color: #111;
}

.xm-pagination a.page-numbers:hover {
  background: #fafafa;
}

/* Optional: dots */
.xm-pagination span.page-numbers.dots {
  border: 0;
  padding: 0 2px;
}


/* Responsive: fall back to 2 and 1 columns */
@media (max-width: 900px) {
  .xm-item, .xm-sizer { width: 50%; }
}
@media (max-width: 600px) {
  .xm-item, .xm-sizer { width: 100%; }
}