/* shopping custom CSS */

.header-menu-search {
    display: none;
}

.fund-campaign-action-form-control {
font-size: medium;
}


h4 a {
    display: inline-block;
    padding: 15px 25px;
    border: 2px solid transparent; /* Adjust if you have a specific color in mind */
    border-radius: 5px;
    background-color: #38527c;
    color: #ffffff !important;
    font-weight: 400 !important;
    text-align: center;
    text-decoration: none;
    font-size: 1.3rem !important;
    transition: background-color 0.3s;
    margin: 0 auto;
    letter-spacing: 0px;
    text-transform: uppercase;
}

h4 a:hover {
    background-color: #5071a2;
}

h4 a:focus, h4.ql-align-center a:active {
    background-color: #4b6988;
}

/* Targets elements whose class contains 'fund-campaign-' and '-description', 
   applying margin styles to the description regardless of the number in its class. */
[class*="fund-campaign-"][class*="-description"] {
  margin: 5px 5px 20px 5px;
}


#fund-campaign-1-action-donation-option-button {
    background-color: #aebc37;

}

#fund-campaign-1-action-donation-option-button:hover {
    background-color: #d0e043;
}

#fund-campaign-1-action-donate-button{
    background-color: #C63927;
 border-color: #C63927;

}

#fund-campaign-1-action-donate-button:hover{
    background-color: #8b0000;
}

#fund-campaign-1-description {
margin: 5px 5px 25px 5px;
}

#fund-campaign-2-description {
margin: 5px 5px 25px 5px;
}

#fund-campaign-3-description {
margin: 15px 5px 35px 5px;
}

#fund-campaign-3-action-donate-button{
    background-color: #C63927;

}

#fund-campaign-3-action-donate-button:hover{
    background-color: #8b0000;
}

#fund-campaign-3-top-section-separate-banner {
    display: block;
}

#fund-campaign-3-top-section {
    background-image: none !important;
}

#fund-campaign-3-top-section-left-content {
    display: none;
}

#fund-campaign-3-top-section-right-content {
    width: 100%;
}

#fund-campaign-3-action-container {
    margin: 0 auto;
    width: 100%;
}

#fund-campaign-3-action-input-group {
    padding: 0;
}

#fund-campaign-3-action-donate-item-options {
    padding: 0 15px;
}

#fund-campaign-3-action-input-group {
    padding: 0;
}

#fund-campaign-3-action-donate-item-options .custcol_emergency_designation-controls-group {
    justify-content: center;
}

#fund-campaign-3-action-donate-item-options .product-views-option-dropdown-select {
    max-width: 300px;
}

#fund-campaign-3-title,
#fund-campaign-3-action-donate-item-options .product-views-option-dropdown-label,
#fund-campaign-3-action-donate-item-options .product-views-option-text-label {
    color: #000;
}

@media (min-width: 992px) {
    
    #fund-campaign-3-action-input-group {
        padding: 0 50px;
    }
    #fund-campaign-3-action-donate-item-options {
        padding: 0 65px;
    }
    #fund-campaign-3-action-donate-item-options .custcol_emergency_designation-controls-group {
        justify-content: right;
    }
}

.cart-add-to-cart-button-button {
    background: #38527c;
}

.cart-add-to-cart-button-button:hover {
    background: #345994;
}

#fund-campaign-6-description {
margin: 25px 25px 25px 25px;

}


#fund-campaign-17-action-donate-button{
    background-color: #C63927!important ;
 border-color: #C63927 !important;

}

#fund-campaign-17-action-donate-button:hover{
    background-color: #9e2d1f !important;
}

.product-line-sku-value {
    display: none !important;
}

/* Campaign 18 - Desktop only layout changes with hard-coded text and hidden empty space */

@media (min-width: 992px) {
    /* Show the left container */
    #fund-campaign-18-top-section-left-content {
        display: block !important;
    }

    /* Constrain the right side to 50% width and add large margins */
    #fund-campaign-18-top-section-right-content {
        width: 50% !important;
        float: right !important;
        margin: 55px 0 !important;
    }

    /* Hide the title and description from the right side */
    #fund-campaign-18-top-section-right-content #fund-campaign-18-title {
        display: none !important;
    }

    #fund-campaign-18-top-section-right-content #fund-campaign-18-description {
        display: none !important;
    }

    /* Remove any margins/padding from containers that might create empty space */
    #fund-campaign-18-top-section-right-content h1,
    #fund-campaign-18-top-section-right-content p {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Collapse any empty space in the actions section */
    #fund-campaign-18-actions-section {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Add title and description content to the left side using CSS */
    #fund-campaign-18-top-section-left-content:before {
        content: "Give Water, Give Hope";
        display: block;
        color: #fff;
        font-size: 3.2rem;
        font-weight: 700;
        text-transform: none;
        margin: 50px 40px 15px 40px;
        line-height: 1.4;
    }

    #fund-campaign-18-top-section-left-content:after {
        content: "Clean water saves lives. With a simple gift, you can bring health and hope to families in Cambodia.";
        display: block;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 400;
        margin: 0 40px 40px 40px;
        line-height: 1.47;
    }

    /* Fix giving array button hover color to match green theme */
    #fund-campaign-18-action-donation-option-button:hover {
        background-color: #d0e043 !important;
    }

    /* Keep action container as is */
    #fund-campaign-18-action-container {
        margin: 0 auto;
        width: 100%;
    }
}

/* ACS - Gift Configurator circle image */
.gift-configurator-subheading-image {
  flex: 0 1 100px;
}

.gift-configurator-subheading-image img {
  max-width: 100px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
/* ACS - Gift Configurator circle image */