.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/65313A415334714E494D7473625F31723332524F645150434C50464F564C5976642D4E423770684C3557534D595A70314C6F/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/65313A415962614C6C5830596E62524E674F41613755554D6C4A6858686A517579726D57364C616259494173684C73767334/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/65313A41646F5465356E503962585F4F316E567038565952734F2D79622D4866767371587652666D6F627150446567514B30/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/65313A416351372D447133302D49644136395364555430632D5657456F5277664C7355325F43657A5033365762566A6F3759/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/65313A415647426E616C43527374666A43564A4C4957455637376E737757417A726C6F64326E466A71477749554571796730/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/65313A41594A30766D774153344969707265776F754E663032796633506E49454273466659766445646C4833783056757063/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/65313A415638394A6C6734794E53746558544E45732D45686E524E364742572D584168726E68736245565F52765961473941/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/65313A41514D3358426730794C7A70465744553236643538557272665A6D66596539766657616A55565863544E766A6E7263/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/65313A415A6B3869324152572D54306B726259735277394F4466617844386B6B66316D3052324A626D58455A64766B6C7438/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/65313A4163775F7352642D6C4B2D3334795673653663765076565370474E51432D747A664C34323771662D73496652736534/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/65313A41643456456C4437396C6C39426A2D554C6F6C6978636A5338424E4D466A4E394C347331562D584E4D4B424D6D6B41/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/65313A41634F41335170304B47335571566C464C547155514B556E4E6E665362557866714C6D6345664B61595A394A467959/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/65313A41564F31506558426869654E7A2D31727967534C69694C4E53643244787169624B6C715F385057526E706C6F49494D/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/65313A415A534D4379314E574135476D62362D47375A4A61306C4172746A38546964683675777579737A6357714F68336630/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/65313A415A4974446E53755A4E434544345F6444794A3936636A36674575384E3457365A6E3670734578636970744D39786B/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/65313A41533278324B594678526C4265565475457672396F4B56546C734556704859536B56457031395F3047386833714955/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/65313A41515530617552446E7563673266503651424742587755313567686F41375861732D797159367A474E626D5A704367/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/65313A41625A554957475754494A5168434472437130446761547768746F737454466B6E76446A35367373792D56447A346B/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/65313A41616A74362D3338323341556E67693534766551666C4E3642594B385F492D5159627832704C57756B75612D327273/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/65313A41537A386F796D504650324A4C426F2D77434F54396A4A4E786A456B3267775F2D41716376353233377A515239796F/icon-ic-selected.png') no-repeat center;
}
/*IncentiveComp END*/

/*IntendedGift*/
.PledgeTypeSelection .IntendedGift label.RadioLabel {
background: url('https://portal.charitysupportcenter.org/servlet/eAndar.WebExtDocument/styleimage/65313A415936446E63644F6D7A6E30544F6D736158524E7A5649754D5763627A427846626C784E59695142695839524D5A45/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/65313A416374775F396F73782D686937644D3639484B6C646A784B72476C4D546E494246414D6462634961584653304C6638/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/65313A41584575365059766772727474586147344A6F2D5A7259436D464B66705252734176695F5242664D3068472D356D34/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/65313A416642586C767847795478767643564A43715861627174735733725046666D486679556348434746436633584E324D/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/65313A4161477443757A5A614E4E73693031793036375F3379744467523946695F444C447A556F77535F443542754C685659/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/65313A41612D4F6D6666467647696C675A576F4F39396D6A71594C73692D4D61525A5555756C476F43776548346A58335267/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/65313A41545375675965544546726C793673705541327877456674723366514733393553536F444D483931464D4A7A697130/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/65313A4156734C38544956745439684D617931664C2D30574E7675712D64716B497A6F686550504D353178515845424E7577/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/65313A41586B63567662695A3937797265307149302D3962314271763637385739694D447062516B6677517757337A66744D/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/65313A415755594355454F6C6C4E6A58312D6B50616F7970746F696533424D426E43763265342D4F7A377134794268647163/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/65313A415130462D4F79654E383067746C326C7572644D4E4659676354755F426E395269344E5A684C5663565F354E383051/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/65313A416336332D496D7036324434394877534E596D4B6F4B58394E327458595572516D3836394C306A61576F3054624677/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/65313A4159564C583451446F484243575A797036796D596C4D7149594839614F6156394B4F6859506F594E7769416B745877/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/65313A415A714E46774B726133724136616D59355A69396A302D76786F74526A6C74596964707569515A616E377731556251/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/65313A41636F4A54615146664C776C39796B3564416C482D5A6D6553464B75704A5F516979745669777A59546D7A6B686A67/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/65313A415A67523357303433467164363775324C44434951627477534F476872694A5266707A756471425949746C504D6177/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%;
}
}