@charset "utf-8";
.DonateLink{
color:black !important;
}

/*@@@@@@@@@@@@@ Start Pop Up Box Styles @@@@@@@@@@@@@*/
#PopDues{/*The Zelle pop up window button*/
width:79px;
height:40px;
cursor: pointer;
display: inline-block;
background-size: 100% 100%;		
background-position: center;	
background-repeat: no-repeat;		
background-image: url("https://www.svaalumni.com/wp-content/uploads/BtnZelle.png");		
}

#SvaRocks{
width:192px;
height:20px;	
}	
	
#LogZell{
width:46px;
height:20px;	
}	
.FreezeBody{
height: 100vh;
overflow: hidden;	
}
.HideOverlayPanel{
display:none;
}

#OverlayPanel{
width:100vw;
height:9000px;
position:absolute;
top:0px;
left:0px;
z-index: 9999999999;
background-color:rgba(32,32,32,.875);
}

#OverlayPanelBox{
width:50vw;
height:400px; 
position:fixed;	
left: 50%;
top: 60vh;
overflow-y:scroll;	
overflow-x:hidden;		
margin-top: -25vw; /* Negative half of width. */	
margin-left: -25vw; /* Negative half of width. */
border-style: ridge;
border-width: 5px;	
border-color: white;
background-color:white;	
}	
	
@media screen and (max-width: 800px){
#OverlayPanelBox{
width:95vw;
left:0px;
top: 10%;	
margin-top: 0px; /* Negative half of width. */	
margin-left: 0px; /* Negative half of width. */
}	
}
#OverlayPanelButtonBar{
width:100%;
height:32px;
position: sticky;
float:left;	
top:0px;
left:0px;	
}
#OverlayPanelCloseButton{
width:32px;
height:32px; 	
font-size: 40px;
line-height:32px;
color:black;
cursor: pointer;
font-weight:bold;
float:right;		
}

#PopUpContent{
width:100%;
height:auto; 

scrollbar-width: thin;
float:left;
}
#PopUpContent p{
padding-left:20px;
padding-right:20px;	
}
/*@@@@@@@@@@@@@ End Pop Up Box Styles @@@@@@@@@@@@@*/	


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@♥♥♥♥♥Start DONATE Page Styles♥♥♥♥♥@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#DonatePageBody{
padding:0px;
margin-top:-10px;
}
#DonationIntroText{
font-size: 14px;
font-weight: normal;
}
.PageBodyRight{
padding-left:80px;
position:relative;
}
#BodyRightText {
width: 100%;
height: auto;
padding:20px;
font-size: 16px;
box-sizing: border-box;
line-height:20px !important; 
margin-top: 50px;	
}
#BodyRightText br {
line-height: 5px; /* Adjust to the height you want */
}
/*@@@@♥♥♥♥♥Start Mobile Styles♥♥♥♥♥@@@@*/
@media screen and (max-width: 620px){
.PageBodyRight{
height: 550px !important;
}	

}

/*@@@@♥♥♥♥♥End Mobile Styles♥♥♥♥♥@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@♥♥♥♥♥End DONATE Page Styles♥♥♥♥♥@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/