/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/* Start -- CSS for Donation Button & Donation page */

	.donate-box {
        /* visibility: hidden; */
        background-color: #8cc63f;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;

    }

    .donate-content-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 4em;
    }

    .donate-img {
        width: 100%;
        height: auto;
    }

    .donate-img img {
        width: 100%;
    }

    #donate-button {
        margin: 1em 0;
        padding: 30px 0;
        width: 100%;
        background-color: orange;
        color: white;
        font-family: 'Poppins';
        font-weight: 800;
        font-size: 42pt;
        border: 20px solid white;
        box-shadow: 0 0 10px #668b35;
    }

    .donate-button:hover {
        box-shadow: 0 0px 15px #668b35 ;
    }
    
    .donate-button:active {
        box-shadow: 0 0 10px #8cc63f ;
    }

/* End -- CSS for Donation Button & Donation page */