.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/65313A415A51566B5A373873614553427762664368534A344F6F6E413569623643382D79755A4D5F4E6C6941673347306659/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/65313A415A78746C5A566E4E414C426D456279524C42424C7674464B786B415F4F424B593258464A6652794F66634C496E63/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/65313A415677484E39796D62634E336B5F74534D7343664F48755545795737735345695A3866735150306D35593845635777/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/65313A4164557A3762364D49435757695A7542464E6838474A4979515368314C6562366D6A597233574B6569757953464C51/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/65313A41515259592D6B546C346133337338794F416B785F7941624B6C375A62345355464844446474636F6F2D5249396738/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/65313A4153346D3632617A672D6A4D4B7A7547725647356642356D744749595952344A5736762D744457664F63696F45714D/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/65313A41634D64486B736D435865354F7759734D394F596B45746772325A4C5A415453794A547473704E684E6C397541676B/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/65313A41573454795F797151456650546F6454554A4E2D5F5543335F4D37564F663957686C79464E2D4D716130754E425077/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/65313A41644167787166736D592D69364567346E566D39587079746331732D4F506479757075693157433356525076547834/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/65313A41554657486A73486636323075334D464461616B514A4C5270376E4E385F30713771586F34774E2D73423941526167/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/65313A41546F39546A384D73666D6543554F4B6F695046644254594F457372687A445855594735577470643644632D697655/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/65313A41566F7A57524C746776796A744E51346C463332517567384E684731706D7745507A59644544616161497A62365659/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/65313A416164346A6950346B4571456B7330613451336B5361344A4D575676573851566C7545466E786D39767465637A6751/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/65313A41514451594471396743674F673562553659485851716E626578706249754C656379765A3342366F33696C352D3777/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/65313A415A41523144754F6D65334D4B52786437714F6E6E5F624A685172737A3453473435434E42474D684F616269455151/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/65313A4165484C4C547370783947314F2D556E644C5F74366F5F595A724935494E3752466B3670335A742D57316D5566636B/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/65313A41546442613141624D724847413871645864674534767A313237437875736D624E6C79336D73786A4F444A68686155/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/65313A41645F5F344D4874504649546E34687A5765737141625667635055416563526B665F7472536777396F626A4C4F4534/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/65313A4155316A686D53652D5F5F7262337A74584E48305A6837616D45763872747174354962385A424252596E6B69424655/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/65313A41644141565778735F67443161466471724F617868775771575861647A766135663974764E6745326541427633656F/icon-ic-selected.png') no-repeat center;
}
/*IncentiveComp END*/

/*IntendedGift*/
.PledgeTypeSelection .IntendedGift label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A4163477836424C4B2D79657638346B475646776468704370523437585761413758336B795861794F6967483649374D/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/65313A415832496873684971666546563852433032663053646B674D386A6B5F4C5A305A68616C513670565738584950696B/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/65313A415334526B715A412D68613242772D6C524B626531776B516D634C5A6D30714B6B346F6E5F6C786577317836376B55/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/65313A4158346D424B51364A71784E6D35625971364F636D394F352D7376465F4A6D5454505863353343303776365F376241/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/65313A41575957476D6C59617954357A536155317A4145396144637A6437694B34794164466B737048474C517A5F74424645/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/65313A41575935594C55796665584A4F34696737315A554730706A435376544C5F4B6D39766D543267687050777353715A59/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/65313A415844453049445161636871707162474A616A5F3767786E57416873657171497459454A794D6D617A455052363355/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/65313A415742386B427371435A682D59474E76755766517836576853415036683866376E6561616930514C49667770765438/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/65313A4166616D4F6D34526937396D57674374447A744C74616E6C327074777A616F736B4D524D39492D7635706F646B4751/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/65313A415838744B51302D74304E717269673552766E4C6A4852687A586D55374E417A3155516A4D7537546A4A3274556E55/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/65313A41636E384F7734715079465975485273725A75335F7A4C4E484F4558685776417177436348575F34537A45565F5138/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/65313A41616962566252706F68366C52417475514330365545426E365547496B5A47345171567139396170685F6B61556F38/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/65313A4166666A6D4E66556F676653304D457461782D377A54646E306F4441384C756F43587A47354E6B5246324F5839684D/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/65313A4164335F51383443516F6250324E7932733145426A433747704E4D38786B4B36437459414C345F4D33777435597241/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/65313A41585033734446346B426C73365F6957363054474F5F323039473671727256784F514F5859555445714D2D316A3077/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/65313A415A76362D7962324344305854624B74764E51444D5A38463530516A4F324D6A58493564314931534D545059453967/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%;
}
}