.my-popup-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  overflow-y: auto;
}

.my-popup-content {
  position: relative;
  max-width: 900px;
  margin: 60px auto;
  background: #fff;
  padding: 20px;
}

.my-popup-close {
  position: absolute;
  top: 15px; right: 20px;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}

.child-campaigns-loader {
  margin-top: 10px;
  font-style: italic;
}

/* If you want multi-column for table-col-2, table-col-3: */
.donors-table.table-col-2 li {
  width: 50%;
  float: left;
}
.donors-table.table-col-3 li {
  width: 33.33%;
  float: left;
}
.donors-table.table-col-2:after,
.donors-table.table-col-3:after {
  content: "";
  display: table;
  clear: both;
}
.child-campaigns-loader{display:none;}
.child-campaigns-load-more.is-loading {
  position: relative;
  color: transparent !important;
}
.child-campaigns-load-more.is-loading::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 18px; height: 18px;
  border: 2px solid transparent;
  border-top-color: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: translate(-50%, -50%) rotate(360deg); } }


/* -------------------------------------------------
   Child‑campaigns – “no results” panel
   ------------------------------------------------- */
.no-results-box{
  margin:30px 0 10px;
  padding:20% 6%;
  border-radius:15px;
  background:#f5f5f5;
  color:#8c8c8c;
  text-align:center;
}
.no-results-box h1,
.no-results-box h2,
.no-results-box h3{
  margin-top:0;
  color:inherit;
}
.no-results-box .no-results-btn{
  display:inline-block;
  margin-top:24px;
  padding:12px 40px;
  background:#9a9a9a;
  color:#fff;
  font-weight:700;
  border-radius:12px;
  text-decoration:none;
  transition:background .2s ease;
}
.no-results-box .no-results-btn:hover{
  background:#7f7f7f;
  color:#fff;
}