/* Style Sheet for Donate pages. Give Arts, ASA, KSK, Get Excited */



@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* Classes used by all Support Us pages */

.mobile-bubble { 
    shape-outside:circle();
    border-radius: 50%;
}

video { 
    border-radius: 50%; 
    shape-outside:circle(); 
    object-fit: cover;
}

.left {
    float: left;
}

.right { 
    float: right; 
}

.grass-pic {
    width: 100%;
    bottom: 0;
    height: 195px;
    background-position: top center;
}
   
label {
    color: #efefef;
    font-family: Roboto;
    font-weight: 100;
    font-size: .9rem;
}

.modal p {
    color: #efefef !important;
    font-family: Roboto;
    font-weight: 100;
    text-align: center;
}

.modal .modal-title {
    font-weight: bold;
}

option {
    color: #555;
    font-family: Roboto;
    font-weight: 100;
    font-size: .9rem;
}

input, select, textarea {
    border: 0;
    /* border: 1px solid #5ccdde !important; */
    color:black;
    font-family: Roboto;
    font-weight: 100;
    font-size: .9rem !important;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #555 !important;
}
.form-button {
    font-family: Roboto;
    box-sizing: border-box;
    width: 120px;
    font-weight: 100;
    font-size: .9rem !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 2px #555 !important;
}
.asteriskField {
    display: none;
}

#modal-button {
    margin-top: -13rem;
}
@media (max-width: 1024px) {
    #modal-button {
        margin: 0;
    }
}

.modal-lg {
    max-width: 750px;
    }
    @media (min-width: 600px) {
        .modal-lg {
            width: 100%;
        }
    }    

 /* start give_arts.html style */

#givearts-modal-inner {
    background-color: rgba(241, 12, 12, 0.85);;
}

#givearts-modal-outer {
    color: #efefef;
    letter-spacing: .075rem;
}
   
#givearts-modal {
    margin: 45px auto;
}

/* end give_arts.html style*/


/* start artist_supporting_artists.html style */

#asa-modal-inner {
    background-color: #ED00A5;
}

.asa_inputs {
    width: 100%;
}

.asa_submit_button {
    background-color: #fc0;
    color: black;
}

/* end artists_supporting_artists.html style */


/* start kids_supporting_kids.html style */

#ksk-modal {
    margin: 45px auto;
    opacity: .9;
}
#ksk-modal-inner {
    background-color: #FB6001;
}
.ksk-inputs {
    width: 100%;
}

/* end kids_supporting_kids.html style */


/* start get_excited.html style */


#getExcitedModal {
    color: white;
    letter-spacing: .075rem;
    background-color: #90B750;
}

#getexcited-modal {
    margin: 45px auto;
}

#getexcited-modal-inner {
    background-color: #90B750;
}

    
/* end get_excited.html style */