#hero {
    background-image: url(/img/donate/hero.jpg);
}

#donate-jar-picture {
    background-image: url(/img/donate/donates.jpg);
    background-position: center;
    height: 520px;
}

#donate-options .btn {
    min-width: auto;
    width: 100%;
}

#donate-periodity .btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

#bank-details img {
    height: 1.2em;
}

.support-links a {
    text-decoration: none;
    color: black;
}
.support-links a:hover {
    color: gray;
}

#sum-remaining {
    color: #4C4C4C;
}

#donate-sum-field {
    background: transparent;
    outline: none;
    text-align: center;
}

#donate-sum-field, #donate-sum-field::placeholder {
    color: var(--color-primary);
}
#donate-any:checked + label #donate-sum-field, #donate-any:checked + label #donate-sum-field::placeholder {
    color: white;
}

#donate input[type="submit"]:hover, #donate input[type="submit"]:focus {
    color: white;
}

#support .circle {
    width: 180px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
}
#support .circle-container {
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;  
    background-size: contain;
}

.modal * {
    transition: all .15s linear !important;
}
#donate-form a[data-popup] {
    color: var(--bs-link-color);
    text-decoration: underline;
    cursor: pointer;
}

#donate-form .btn {
    --bs-btn-border-width: 1px;
}

@media only screen and (max-width: 680px) {
    #anonymous-check-wrapper {
        width: fit-content;
    }
    #donate-periodity label {
        --bs-btn-font-size: 0.8rem;
    }
}
@media only screen and (max-width: 400px) {
    
    #support .circle-container {
        padding: 8%;
    }
    #support .circle {
        font-size: 0.9rem;
    }   
}