.charitypanel, .charitypanel .backtotop { clear: both; font-size: 0.9rem }
.charitypanel { border-top: 1px solid #929290; padding: 30px 0px; }
.charitypanel .namelogo, .charitypanel .attrs, .charitypanel .description { display: table-cell; vertical-align: top }
.charitypanel .namelogo { width: 250px;  }
.charitypanel h3 { font-weight: 700; margin-top: 0; max-width: 200px; }
.charitypanel .namelogo .logo { width: 200px; height: 50px; }
.charitypanel .attrs { width: 266px; padding-right: 20px; }
.charitypanel .attrs p { margin: 0px; }
.charitypanel .attrs .attr { font-weight: 400; font-style: italic; }
.charitypanel .attrs p a { color: #e6570c; text-decoration: none; font-style: italic; word-break: break-all; word-wrap: break-word;}
.charitypanel .description { min-height: 100px; }

.resultcounts { margin-top: 50px; font-size: 14px; padding-bottom: 3px }
.resultcounts:before { content: "Displaying "; font-weight: 300; }

#charitysearchform { float: left; margin-top: 30px; }
#charitysearchform .inputRegion { display: inline-block; padding-right: 5px; vertical-align: top; }
#charitysearchform button { width: 150px; margin: 5px 0px 0px 5px; display: inline-block; vertical-align: top; background: #444; border: none; color: white; text-shadow: none; box-shadow: none; border-radius: 0px; text-transform: uppercase; font-weight: normal; font-size: 10pt; }
#charitysearchform button:hover { background: #bbb }

.pagination { float: right; margin-top: 20px } 
.pagination a { margin: 0px 5px; font-size: 9pt }
.pagination a:last-child { margin-right: 0px; }

.charitypanel .backtotop a { float: right; margin-bottom: 0px; font-size: 0.8rem !important; text-decoration: none; color: #294144 }	
	
.charitypanel .exclusives { margin: 20px 0px 0px 240px; }
.charitypanel .exclusives h3 { max-width: 100%; margin-left: 8px; }

@media screen and (max-width: 920px)
{
	.charitypanel .attrs { width: auto; padding-right: 20px; }
	.charitypanel .description { display: block; margin-top: 20px; }
	.charitypanel .exclusives { margin-left: 0px; }
}

@media screen and (max-width: 520px)
{
	#charitysearchform  {  margin-right: 0px; text-align: right; }
	#charitysearchform .inputRegion select { margin-right: 0px; }
	#charitysearchform button { margin-right: 5px; float: right; }
	.charitypanel .namelogo, .charitypanel .attrs { display: inline-block;  }
	.charitypanel .namelogo { width: 44%; overflow: hidden;  }
	.charitypanel .namelogo .logo { width: 90%; height: auto; }
	.charitypanel .attrs { width: 54%; }
	.charitypanel .attrs p, .charitypanel .attrs p a { font-size: 0.9rem !important;;}
}

@media screen and (max-width: 360px)
{
	#charitysearchform { width: 100%; }
	#charitysearchform .inputRegion { display: block; padding: 0px}
	#charitysearchform .inputRegion select { width: 100%; max-width: 100%; }
	#charitysearchform button { width: 100%; margin-right: 0px}
}