/* Start custom CSS for shortcode, class: .elementor-element-7932953 */.display-posts-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  padding: 0;
  margin: 0;
}

.display-posts-listing li {
  flex: 1 1 calc(33.333% - 2em);
  list-style: none;
  border: 2px solid #eee;              /* Thicker border */
  border-radius: 10px;                 /* Rounded corners */
  padding: 1em;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  background-color: white;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  color: inherit;
}

/* Hover background + text */
.display-posts-listing li:hover {
  background-color: #3A73BA;
  color: white;
  border-color: #3A73BA; /* Optional: match border to hover background */
}

/* Force all text and links inside to white */
.display-posts-listing li:hover *,
.display-posts-listing li:hover a {
  color: white !important;
}

/* Responsive: Stack items on smaller screens */
@media (max-width: 768px) {
  .display-posts-listing li {
    flex: 1 1 100%;
  }
}/* End custom CSS */