body {
    background-image: url("/images/grad_wallpaper_4.jpg");
    background-repeat: repeat-y;
}

#page-media-container{
    width: 90%;
    height:90%;
    /* background-image: url("../images/profile_border.png"); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:3px;
    white-space: nowrap;
}

#page-title{
    text-align: center;
    font-size: 2em;
}

#fund-info{
    color: black;
    border: 2px solid;
    border-color: black;
    border-radius: 10px;
    padding:10px;
    background-color:white;
}

#page-story{
    color: black;
    border: 2px solid;
    border-color: #00aeef;
    background-color: #f4f8f8;
    border-radius: 10px;
    padding:10px;
}

#wrapper{
    max-width:70rem;
    margin:0 auto;
}

#student-info{
    font-family: 'Times New Roman', serif;
    font-size: 3vmax;
    text-align: center;
    font-weight:bold;

}

#school-info{
    font-family: 'Times New Roman', serif;
    font-size: 1.5vmax;
    text-align: center;
}

#page-updates{
    color: black;
    background-color: #f4f8f8;
    border-radius: 10px;
    padding: 10px;
    border-color: #00aeef !important;
    border: solid 2px;

}

#class-of{
    text-align:center;
    z-index:2;
    position:absolute;
    width:100%;
    font-family: 'Times New Roman', serif;
    margin-top:35%;
    font-size:3em;
    font-weight:bold;
}

.update-image{
    width:50px;
    height:50px;
    cursor: pointer;
}
.update-date{
    font-weight:bold;
}


#modal-image-content{
    background-color: transparent !important;
    border:none !important;
}

#modal-image-body{
    margin:0 auto;
}

#modal-image-container{
    padding:10px;
    background-color:white;
    border-radius:10px;
}

#modal-image-picture{
    width:50px;
    height:50px;
}

#modal-image-name{
    color:black;
    font-weight:bold;
}

#modal-imgage-img{
    border-radius:10px;
}

#media-vid{
    border: solid 2px;
    border-color: black;
    border-radius: 20px;
}

#media-img{
    border: solid 2px;
    border-color: black;
    border-radius: 10px;
}

#page-media{
    border: solid 2px;
    border-color: black;
    border-radius: 50%;
}

#goal-chart{
    text-align:center;
}

.table{
    margin-bottom:0px !important;
}

.padded-tcell{
    padding:5px !important;
}

.donor-name{
    padding:0px !important;
}

.donor-amount{
    padding:0px !important;
}

#chart-textfield{
    font-weight: bold;
    font-size: 1.3em;
}

#donate-to{
    font-size:2em;
    font-weight:bold;

}

#modal-donate-content{
    background-image: url("../images/donate_bg.jpg");
    background-repeat: no-repeat;
    background-size: stretch;
}

#lg-amount{
    font-weight:bold;
    font-size:1.35em
}

#min-amount{
    font-size:.65em;
    line-height:.25;
}

#amount-label-container{
    margin-top:-6px;
}

#amount-container{
    max-width:60%;
}

#paypal-button-container{
    margin-top:55px;
    padding-top:25px;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:0px;   
}

.mw-90p{
    max-width:90% !important;
}

#modal-thank-you-content{
    min-height: 293px !important;
    background-image: url("../images/ty_bg.jpg");
    background-repeat: no-repeat;
    background-size: stretch;
    
}

#ty-intro{
    font-family: 'calibrib';
	font-size: 1.35em;
    margin-top: 100px !important;
}

#ty-st-name{
    font-family: 'calibrib';
	font-size: 1.75em;
    margin-top: -10px !important;
}

#btn-donation-print-receipt{
    margin-top: 65px;
    margin-right: 180px;
}

.share-button{
    font-family: 'calibrib';
    font-size: 1.25em;
}

#copied{
    margin-top:5px;
}

#page-header{
    background-color:white;
}

#btn-copy{
    color: white !important;
}

.donate-button{
    display:none;
}

#instructions{
    font-size:.65em;
}

#donate-info{
    font-size:.65em;
    color:red;
}