.PledgeTypeSelection .TypeSelection-Items {
display: flex;
flex-wrap: wrap;
}
.PledgeTypeSelection .TypeSelection-Items > div {
flex-grow: 1;
/*CHANGE WIDTH TO CHANGE NUMBER OF COLUMNS // (2) 50% - (3) 33% - (4) 25% - (5) 20% */
width: 33%;
max-width: 33%;
/*MAX WIDTH FOR LAST ROW*/
margin-bottom: 0;
}
.PledgeTypeSelection .TypeSelection-Items > div .form-check {
padding-left: 0;
}
.PledgeTypeSelection .TypeSelection-Items .EntrySection {
width: 100%;
min-width: 100%;
padding: 0 1em;
}
#PledgeNavigationB {
padding: 0 1em;
}
.PledgeTypeSelection .TypeSelection-Items input[type="radio"] {
display: none;
}
.PledgeTypeSelection .TypeSelection-Items .EntrySection input[type="radio"] {
display: inline-block;
}
.PledgeTypeSelection .TypeSelection-Items label.RadioLabel {
display: block !important;
background: #fff; /*Add !important if it needs to be white*/
text-align: center;
margin: 0.5em;
padding: 6.5em 0.5em 1em 0.5em;
min-height: 140px;
cursor: pointer;
background-position-y: 0.5em !important;
background-size: 140px !important;
}
span.radioSpace {
display: none;
}
.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel {
background-color: #0168b3 !important;
color: #fff;
}

/*Donor Advised Trust*/
.PledgeTypeSelection .DnrAdvTrust label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41654C4643666570646A39376B4E6A422D7670554F6C455A306B345558565931343337796848467445444465525959/icon-donor.png') no-repeat center;
}
.PledgeTypeSelection .DnrAdvTrust input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .DnrAdvTrust input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41523841375151334A7376716669667371763770377856596F312D4D56517A59566D4842575F6F7A726F4668335034/icon-donor-selected.png') no-repeat center;
}
/*Donor Advised Trust END*/

/*Automated Clearing House*/
.PledgeTypeSelection .ACHSection label.RadioLabel,
.PledgeTypeSelection .ACH label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A4154705759744E585975547A584B6F5933525A4D614E4D68474C30527852304E4A425F47385A426F677735784C3738/icon-ach.png') no-repeat center;
}
.PledgeTypeSelection .ACHSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .ACH input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .ACHSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .ACH input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A415547675344466C63347239306330717A3045595F77337730357A47306648396E356648336A4F4867706959644130/icon-ach-selected.png') no-repeat center;
}
/*Automated Clearing House END*/

/*Automated Clearing House Pre-Auth*/
.PledgeTypeSelection .ACHPPSection label.RadioLabel,
.PledgeTypeSelection .ACHPP label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41512D78735F5F4B6F6871326F534B703576563868787041426B7744684D546757436559594B30584B376D64375A4D/icon-achpp.png') no-repeat center;
}
.PledgeTypeSelection .ACHPPSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .ACHPP input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .ACHPPSection input[type="radio"]:checked +  label.RadioLabel,
.PledgeTypeSelection .ACHPP input[type="radio"]:checked +  label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41536B5334586A48565041346D686654527A557176424E4847544C4D4A376B6136703342383463652D355364497634/icon-achpp-selected.png') no-repeat center;
}
/*Automated Clearing House Pre-Auth END*/

/*Bill Me*/
.PledgeTypeSelection .BMSection label.RadioLabel,
.PledgeTypeSelection .Gen1Section label.RadioLabel,
.PledgeTypeSelection .Gen2Section label.RadioLabel,
.PledgeTypeSelection .Gen3Section label.RadioLabel,
.PledgeTypeSelection .Bill label.RadioLabel,
.PledgeTypeSelection .GenericBillMe01 label.RadioLabel,
.PledgeTypeSelection .GenericBillMe02 label.RadioLabel,
.PledgeTypeSelection .GenericBillMe03 label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41625F557668726C33746A666C567979516D594E335830736A51347561715A4E587A41454D48743479476A59414977/icon-billme00.png') no-repeat center;
}
.PledgeTypeSelection .BMSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .Gen1Section input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .Gen2Section input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .Gen3Section input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .Bill input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .GenericBillMe01 input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .GenericBillMe02 input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .GenericBillMe03 input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .BMSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .Gen1Section input[type="radio"]:checked +  label.RadioLabel,
.PledgeTypeSelection .Gen2Section input[type="radio"]:checked +  label.RadioLabel,
.PledgeTypeSelection .Gen3Section input[type="radio"]:checked +  label.RadioLabel,
.PledgeTypeSelection .Bill input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .GenericBillMe01 input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .GenericBillMe02 input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .GenericBillMe03 input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41655872483841423666675F714854564278787A4149793950316C647A735A56555161646B6E6B7252314C32433559/icon-billme00-selected.png') no-repeat center;
}
/*Bill Me END*/

/*Cash*/
.PledgeTypeSelection .CashSection label.RadioLabel,
.PledgeTypeSelection .Cash label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A4153662D7450756D6650753475515A446E4D71384933515169764155485644614641674B335A527537506B414E7059/icon-cash.png') no-repeat center;
}
.PledgeTypeSelection .CashSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .Cash input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .CashSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .Cash input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A416657455A6A4769376C6B4C374B4E646C6B2D786A484B746C4E345077326F3164567138767455466D766568374445/icon-cash-selected.png') no-repeat center;
}
/*Cash END*/

/*Check*/
.PledgeTypeSelection .CheckSection label.RadioLabel,
.PledgeTypeSelection .Check label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A415579333669445A61624939414E32695A46654D424D76574445664F68474F675A465F7448344A73343442734B4863/icon-check.png') no-repeat center;
}
.PledgeTypeSelection .CheckSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .Check input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .CheckSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .Check input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41636F6D39453636447756414550685056316543756330344839774E687376352D6939385F4D5A782D61752D626855/icon-check-selected.png') no-repeat center;
}
/*Check END*/

/*Corporate*/
.PledgeTypeSelection .Corporate label.RadioLabel,
.PledgeTypeSelection .CorpSection label.RadioLabel{
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A415163392D6C4E68564330694E6D4D783151756E5750313066576D434F41735946787145545147765144424D39596F/icon-corp.png') no-repeat center;
}
.PledgeTypeSelection .Corporate input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .CorpSection input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41646A625F6167337646426D707A4835586356596267646D3255386955784750754B4A6B4557564C773675416E3338/icon-corp-selected.png') no-repeat center;
}
/*Corporate END*/

/*Credit*/
.PledgeTypeSelection .CCSection label.RadioLabel,
.PledgeTypeSelection .Credit label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41664748365831775364524C6B7756687658544C42794276415A48656A67343867494551583733335A38387747726B/icon-credit.png') no-repeat center;
}
.PledgeTypeSelection .CCSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .Credit input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .CCSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .Credit input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41665262345A5742454734507952447539747456304152596273686D65542D476A774F667662583164564C63557934/icon-credit-selected.png') no-repeat center;
}
/*Credit END*/

/*Credit Pre-Auth*/
.PledgeTypeSelection .CCPPSection label.RadioLabel,
.PledgeTypeSelection .CreditPP label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A4166557A36346A714A386262476661784571303845576A6A32436A726935647A4B38375F34587156695A512D423138/icon-creditpp.png') no-repeat center;
}
.PledgeTypeSelection .CCPPSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .CreditPP input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .CCPPSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .CreditPP input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41666B5543735A4A54674C6F487234434F6D56596F357A547278776F5661587934596238626D6F2D33666A684E6645/icon-creditpp-selected.png') no-repeat center;
}
/*Credit Pre-Auth END*/

/*IncentiveComp*/
.PledgeTypeSelection .ICSection label.RadioLabel,
.PledgeTypeSelection .IncentiveComp label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41516B693650315A55454F732D5F62377A3644675F534C424C5A6377767776757861394865535869496C4B70352D4D/icon-ic.png') no-repeat center;
}
.PledgeTypeSelection .ICSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .IncentiveComp input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .ICSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .IncentiveComp input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A415330667A396B467246434966673839636F6657504256794C655944373454796447716463466B4C4D6D774F456B55/icon-ic-selected.png') no-repeat center;
}
/*IncentiveComp END*/

/*IntendedGift*/
.PledgeTypeSelection .IntendedGift label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41594747425A627174664F4843582D675F594772496F747A67564A2D30717A4C37306B37503061436347503842476F/icon-intendedgift.png') no-repeat center;
}
.PledgeTypeSelection .IntendedGift input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .IntendedGift input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41515249555F464552595656454979573133713563437039654578306A334D3067472D7466335738685275725F4634/icon-intendedgift-selected.png') no-repeat center;
}
/*IntendedGift END*/

/*NoGift*/
.PledgeTypeSelection .NoGift label.RadioLabel,
.PledgeTypeSelection .NGSection label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A4164485350525663336D64784A472D674677612D393844394473644F6B766B444E315A444E466B70454C6F63565030/icon-nogift.png') no-repeat center;
}
.PledgeTypeSelection .NoGift input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .NGSection input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41554B6B2D6D4F4A4F6C54693574714563334E635F36514A73526A4A6A4F6979522D4F76326B54687A57336E6B4845/icon-nogoft-selected.png') no-repeat center;
}
/*NoGift END*/

/*PartnerWithdwl*/
.PledgeTypeSelection .PWSection label.RadioLabel,
.PledgeTypeSelection .PartnerWithdwl label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A4158705F61795F39486B563549694C316B7A6D73353651583438574430383052635564584367524B694544384E4F6B/icon-partnerwithdrawl.png') no-repeat center;
}
.PledgeTypeSelection .PWSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .PartnerWithdwl input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .PWSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .PartnerWithdwl input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A4159742D7461344B72704457414E554A3757464856777048335055366262365149584776694E306D42777557717338/icon-partnerwithdrawl-selected.png') no-repeat center;
}
/*PartnerWithdwl END*/

/*Payroll*/
.PledgeTypeSelection .PayrollSection label.RadioLabel,
.PledgeTypeSelection .Payroll label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A415152515F697A6868385A55464C33647245796A53544C777978464966737668546D6D416A4C705241426152347955/icon-payroll.png') no-repeat center;
}
.PledgeTypeSelection .PayrollSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .Payroll input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .PayrollSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .Payroll input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A4153396252507A43784858466E58456D4B6A69346A346C387A3150385230635362536D726162566C72564F7A6C6C63/icon-payroll-selected.png') no-repeat center;
}
/*Payroll END*/

/*PPExprChkout*/
.PledgeTypeSelection .PPExpSection label.RadioLabel,
.PledgeTypeSelection .PPExprChkout label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A416374594279616336317445337269784F30786379306D394A5676573343422D52616D79436B5A36746B6E33613038/icon-paypal.png') no-repeat center;
}
.PledgeTypeSelection .PPExpSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .PPExprChkout input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .PPExpSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .PPExprChkout input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A4157425F395233504F2D7242595763394D454353644E57724C533274692D5879723438354C39625253694F77726459/icon-paypal-selected.png') no-repeat center;
}
/*PPExprChkout END*/

/*PTO*/
.PledgeTypeSelection .PTOSection label.RadioLabel,
.PledgeTypeSelection .PTO label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A415643654B4B4D6857566536505A44363466514D6244533646434F43516B75565251383273704F59585265484E6C55/icon-timeoff.png') no-repeat center;
}
.PledgeTypeSelection .PTOSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .PTO input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .PTOSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .PTO input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A416344774A45704A443466667732516E782D706B533534743759466D65575F3658715F35455F6262456477635F656B/icon-timeoff-selected.png') no-repeat center;
}
/*PTO END*/

/*Securities*/
.PledgeTypeSelection .StockSection label.RadioLabel,
.PledgeTypeSelection .Securities label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A416466737A7733673749655775463170715649557166333572655669675F754E62336D64746D762D48514663766177/icon-stock.png') no-repeat center;
}
.PledgeTypeSelection .StockSection input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .Securities input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .StockSection input[type="radio"]:checked + label.RadioLabel,
.PledgeTypeSelection .Securities input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41544A37332D4553444C53676E2D70545367717A49774C436177687472764438776863427173384E504D6B73354855/icon-stock-selected.png') no-repeat center;
}
/*Securities END*/

/*WorkplaceSE*/
.PledgeTypeSelection .WorkplaceSE label.RadioLabel,
.PledgeTypeSelection .WPSESection label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A41596F366966435F7058585048566F4B666754645F496E307A3059586E39637A7951617A48615A53714942467A3034/icon-wpevent.png') no-repeat center;
}
.PledgeTypeSelection .WorkplaceSE input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .WPSESection input[type="radio"]:checked + label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A415352327A4C3179625F5763324F625A416D7035656D37574936724D377A477852776F67324C566D565A4378705977/icon-wpevent-selected.png') no-repeat center;
}
/*WorkplaceSE END*/

/* Small devices (tablets, 1024px and down) */
@media (max-width: 1024px) {
.PledgeTypeSelection .TypeSelection-Items > div {
width: 33%;
max-width: 33%;
}
}
/* Small devices (tablets, 768px and down) */
@media (max-width: 768px) {
.PledgeTypeSelection .TypeSelection-Items > div {
width: 50%;
max-width: 50%;
}
}
/* Small devices (tablets, 420px and down) */
@media (max-width: 420px) {
.PledgeTypeSelection .TypeSelection-Items > div {
width: 100%;
max-width: 100%;
}
}