.elementor-14 .elementor-element.elementor-element-e681491{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-e681491:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-e681491 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-e681491{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-3c47465 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-3c47465 *//* Donor Wall Container */
.donor-wall-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    font-family: Montserrat, sans-serif;
}

/* Donor Box Styling with Darker Shadow */
.donor-wall-container .donor-box {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Darker shadow effect */
}

/* Donor Name and Date Flexbox Styling */
.donor-wall-container .donor-info-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}

/* Donor Name Styling */
.donor-wall-container .donor-name {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
}

/* Donor Date Styling */
.donor-wall-container .donor-date {
    font-size: 12px;
    font-weight: 400;
    color: #777;
    font-style: italic;
    text-align: right;
    margin-top: 0;
}

/* Donor Comment Styling */
.donor-wall-container .donor-comment {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    font-style: italic;
    margin-top: 5px;
    padding-left: 15px; /* Added left padding for comment */
    border-left: 2px solid #219653; /* Thinner vertical line */
    margin-left: 10px; /* Margin for space between the text and vertical line */
}

/* Amount Container Styling */
.donor-wall-container .donor-amount-container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 5px;
}

.donor-wall-container .donor-amount-label {
    font-size: 14px;
    font-weight: 500;
    color: #00160a;
    margin-bottom: 0;
}

.donor-wall-container .donor-amount-value {
    font-size: 20px;
    font-weight: 700; /* Make donation amount bold */
    color: #69B87E;
    margin-top: 0;
}/* End custom CSS */
/* Start custom CSS *//* Style for Load More button */
.load-more-donors {
    background-color: #66BB6A;        /* Updated green color */
    color: white;                      /* White text */
    border: none;                      /* Remove default border */
    padding: 8px;                     /* Reduced padding for shorter height */
    width: 100%;                       /* Full width */
    font-size: 16px;                   /* Adjust font size */
    text-align: center;                /* Center the text */
    cursor: pointer;                  /* Change cursor on hover */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

/* Button hover effect */
.load-more-donors:hover {
    background-color: #55A55F;        /* Darker green on hover */
}

/* Button disabled state */
.load-more-donors:disabled {
    background-color: #A2D8A3;        /* Lighter green when disabled */
    cursor: not-allowed;              /* Change cursor to indicate the button is disabled */
}/* End custom CSS */