@charset "utf-8";
/* CSS Document */

#donorFilters {
	display: flex;
	font-size: 0.8em;
}
#donorSort {
	/*margin-left: 1em;*/
}
#donorSearch {
	margin-left: auto;
	margin-right: 1em;
}

#donorBoxes {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin-top: 16px;
}
.donorBox {
	flex: 0 0 31%;
	height: 190px;
	text-align: center;
	border: 1px solid #c5c5c5;
}
.donorNameAmount {
	background: #ececec;
	/*box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.75);*/
  	padding: 12px 10px 6px 10px;
}

.donorName {
	font-weight: bold;
  	font-size: 1.3em;
  	overflow: hidden;
	line-height: 1.5em;	
}
.donorAmount {
	font-weight: bold;
    font-size: 1.2em;
}
.donorEffective {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;	
}

.donorMessageBox {
	padding: 6px 12px;
	font-size: 0.9em;	
}

.donorSponsor {
	line-height: 1.3em ;
	max-height: 35px; 
	overflow: hidden;	
}

.donorSponsor a {
	color: blue;		
}

.donorMessage {
	padding-top: 6px;
	line-height: 1.3em ;
}
.donorMessage a {
	text-decoration: none;
	font-weight: 600;
}
.donorToolTip {
	max-width: 250px;
}
.donorToolTipContent {
	font-family: Raleway, Arial, sans-serif;
	font-size: 0.8em;
}

.theButtons {
	background-color: #ececec;
	color: #fff;
	padding: 8px 17px;
	border-radius: 5px;
	border: 0px;
}
.loadmore {
	text-align: center;
	margin-top: 20px;
}
.ui-widget input {
	font: inherit;
}

@media screen and (max-width: 1140px) { /* only do this if the screen size becomes less than 1140px */

     
}

@media screen and (max-width: 955px) {
	.donorBox {
		flex: 0 0 48%;
	}	
	
}

@media screen and (max-width: 701px) { 
	.donorBox {
		flex: 0 0 100%;
	}
}

@media screen and (max-width: 481px) {
	
}

@media screen and (max-width: 380px) { 
	.donorBox {
		height: 210px;
	}
}