/**
 * Donor Listing Styles
 * 
 * Multi-column layout that flows top-to-bottom, then to the next column
 */

.donarpage.donor-listing {
    max-width: 100%;
}

.donarpage.donor-listing h5 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.donarpage.donor-listing h6 {
    font-size: 1rem;
    color: #666;
    margin-top: 0;
    margin-bottom: 1rem;
}

.donarpage.donor-listing ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
    
    /* Multi-column layout - flows top to bottom, then next column */
    column-count: 3;
    column-gap: 2rem;
}

.donarpage.donor-listing li {
    /* Prevent items from breaking across columns */
    break-inside: avoid;
    padding: 0.25rem 0;
}

.donarpage.donor-listing .clear {
    clear: both;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .donarpage.donor-listing ul {
        column-count: 2;
    }
}

@media (max-width: 576px) {
    .donarpage.donor-listing ul {
        column-count: 1;
    }
}

.donor-listing {
  margin-bottom: 3rem;
}

.donor-listing h5 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .25rem;
    margin-top: 2.5rem;
    color: #9cb865
}

.donor-listing h6 {
    font-size: 1.125rem;
    font-weight: 300
}

.clear {
    clear: both
}


.donor-listing li {
    font-size: 1.125rem;
    font-weight: 300;
    color: #6a747c;
    margin: 0 !important;
}

.donor-listing li::before {
  content: none !important;
}