/******************************************/
/******************************************/
/******************************************/
/*
    SG Didn't buld the site
    Don't appear to have acccess to the origin SCSS files
    Mecahnism by which originals derived unclear
    Use this additions sheet in liue of rewriting the site for Spektrix V2 Api
*/

/**BEGIN -- THE DONATE BUTTON AND AREAS IN THE HEADER AND THE FOOTER*/

.c-header__donate {
    height: 80px;
    width: 35%;
    float: left;
    background: linear-gradient(90deg, rgb(66, 184, 183) 0%, rgb(63, 134, 100) 60%, rgb(57, 53, 96) 100%);
    margin-bottom:20px;
}

.c-header__donate__col {
    float: left;
}

.c-header__donate__col--a {
    width: 20%;
    padding-top: 12px;
    text-align: center;
}

.c-header__donate__col--a img{
    width:60%;
}
    .c-header__donate__col--b {
    width: 45%;
    padding-left: 10px;
    padding-top: 5%;
    text-align: left;
}

.c-header__donate__col--c {
    width: 35%;
    padding-top: 30px;
    text-align: center
}

.c-donate__button--header {
    width: 80% !important;
    background-color: white !important;
    color: black !important;
    font-family: proxima-nova-alt-ext-cond;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1.5rem 3rem;
    transition: background .3s ease,box-shadow .3s ease,color .3s
}

.c-donate__button--header:hover {
        color: white!important;
        background-color: black!important;
}

.c-donate--gradient-fill {
    background: linear-gradient(90deg, rgba(66,184,183,1) 0%, rgba(63,134,100,1) 60%, rgba(57,53,96,1) 100%);
}

@media (max-width: 1000px) {

    /* CSS styles for viewports 1000px and down */
    .c-header__donate {
        display: none;
    }
}

/**END -- THE DONATE BUTTON AND AREAS IN THE HEADER AND THE FOOTER*/