.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span +  label.RadioLabel,
.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel {
background-color: #0168b3;
color: #ffffff;
background-image: none;
}

.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: 25%;
max-width: 25%;
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: 1em 2%;
padding-top: 5em;
cursor: pointer;
}

span.radioSpace {
display: none;
}

.PledgeTypeSelection .TypeSelection-Items label.RadioLabel::before,
.PledgeTypeSelection .TypeSelection-Items label.RadioLabel::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
display: block;
font-size: 2.5em;
font-size: 40px;
}

.PledgeTypeSelection .TypeSelection-Items label.RadioLabel {
position: relative;
}

.PledgeTypeSelection .TypeSelection-Items label.RadioLabel::before,
.PledgeTypeSelection .TypeSelection-Items label.RadioLabel::after {
position: absolute;
top: 0.35em;
width: 96%;
box-sizing: content-box;
}

.PledgeTypeSelection .TypeSelection-Items label.RadioLabel::after {
font-size: 2em !important;
font-size: 30px !important;
top: 1em !important;
left: -1em !important;
}

.PledgeTypeSelection .DnrAdvTrust label.RadioLabel::before {
content: "\f4ff";
}

.PledgeTypeSelection .ACHSection label.RadioLabel::before,
.PledgeTypeSelection .ACH label.RadioLabel::before {
content: "\f53c";
}

.PledgeTypeSelection .ACHPPSection label.RadioLabel::before,
.PledgeTypeSelection .ACHPP label.RadioLabel::before {
content: "\f53c";
}

.PledgeTypeSelection .ACHPPSection label.RadioLabel::after,
.PledgeTypeSelection .ACHPP label.RadioLabel::after {
content: "\f058";
}

.PledgeTypeSelection .BMSection label.RadioLabel::before,
.PledgeTypeSelection .Bill label.RadioLabel::before {
content: "\f53a";
}

.PledgeTypeSelection .BMSection label.RadioLabel::after,
.PledgeTypeSelection .Bill label.RadioLabel::after {
content: "\f2bd";
}

.PledgeTypeSelection .CashSection label.RadioLabel::before,
.PledgeTypeSelection .Cash label.RadioLabel::before {
content: "\f3d1";
}
.PledgeTypeSelection .CheckSection label.RadioLabel::before,
.PledgeTypeSelection .Check label.RadioLabel::before {
content: "\f53d";
}

.PledgeTypeSelection .Corporate label.RadioLabel::before {
content: "\f64a";
}

.PledgeTypeSelection .CCSection label.RadioLabel::before,
.PledgeTypeSelection .Credit label.RadioLabel::before {
content: "\f09d";
}

.PledgeTypeSelection .CCPPSection label.RadioLabel::before,
.PledgeTypeSelection .CreditPP label.RadioLabel::before {
content: "\f09d";
}

.PledgeTypeSelection .CCPPSection label.RadioLabel::after,
.PledgeTypeSelection .CreditPP label.RadioLabel::after {
content: "\f058";
}

.PledgeTypeSelection .Gen1Section label.RadioLabel::before,
.PledgeTypeSelection .Gen2Section label.RadioLabel::before,
.PledgeTypeSelection .Gen3Section label.RadioLabel::before,
.PledgeTypeSelection .GenericBillMe01 label.RadioLabel::before,
.PledgeTypeSelection .GenericBillMe02 label.RadioLabel::before,
.PledgeTypeSelection .GenericBillMe03 label.RadioLabel::before {
content: "\f53d";
}

.PledgeTypeSelection .Gen1Section label.RadioLabel::after,
.PledgeTypeSelection .Gen2Section label.RadioLabel::after,
.PledgeTypeSelection .Gen3Section label.RadioLabel::after,
.PledgeTypeSelection .GenericBillMe01 label.RadioLabel::after,
.PledgeTypeSelection .GenericBillMe02 label.RadioLabel::after,
.PledgeTypeSelection .GenericBillMe03 label.RadioLabel::after {
content: "\f2bd";
}

.PledgeTypeSelection .ICSection label.RadioLabel::before,
.PledgeTypeSelection .IncentiveComp label.RadioLabel::before {
content: "\f201";
}

.PledgeTypeSelection .IntendedGift label.RadioLabel::before {
content: "\f06b";
}

.PledgeTypeSelection .NoGift label.RadioLabel::before {
content: "\f05e";
}

.PledgeTypeSelection .NoGift label.RadioLabel::after {
content: "\f06b";
}

.PledgeTypeSelection .PWSection label.RadioLabel::before,
.PledgeTypeSelection .PartnerWithdwl label.RadioLabel::before {
content: "\f53d";
}

.PledgeTypeSelection .PWSection label.RadioLabel::after,
.PledgeTypeSelection .PartnerWithdwl label.RadioLabel::after {
content: "\f337";
transform: rotate(45deg);
}

.PledgeTypeSelection .PayrollSection label.RadioLabel::before,
.PledgeTypeSelection .Payroll label.RadioLabel::before {
content: "\f571";
}

.PledgeTypeSelection .PPExpSection label.RadioLabel::before,
.PledgeTypeSelection .PPExprChkout label.RadioLabel::before {
font-family: "Font Awesome 5 Brands" !important;
font-weight: 400 !important;
content: "\f1f4";
}

.PledgeTypeSelection .PTOSection label.RadioLabel::before,
.PledgeTypeSelection .PTO label.RadioLabel::before {
content: "\f017";
}

.PledgeTypeSelection .PTOSection label.RadioLabel::after,
.PledgeTypeSelection .PTO label.RadioLabel::after {
content: "\f4c0";
}

.PledgeTypeSelection .StockSection label.RadioLabel::before,
.PledgeTypeSelection .Securities label.RadioLabel::before {
content: "\f080";
}

.PledgeTypeSelection .StockSection label.RadioLabel::after,
.PledgeTypeSelection .Securities label.RadioLabel::after {
content: "\f3ed";
}

.GenericFullPd01 label.form-check-label::before,
.GenericFullPd02 label.form-check-label::before,
.GenericFullPd03 label.form-check-label::before {
content: "\f651";
}

.PledgeTypeSelection .SpecEvnt label.RadioLabel::before {
content: "\f274";
}

.PledgeTypeSelection .WorkplaceSE label.RadioLabel::after,
div#PledgePaymentInfo .WorkplaceSE label.form-check-label::after {
content: "\f274";
}

.PledgeTypeSelection .WorkplaceSE label.RadioLabel::before,
#PledgePaymentInfo .WorkplaceSE label.form-check-label::before {
content: "\f1ad";
}

@media (max-width: 1024px) {
.PledgeTypeSelection .TypeSelection-Items > div {
width: 33%;
max-width: 33%;
}
}

@media (max-width: 768px) {
.PledgeTypeSelection .TypeSelection-Items > div {
width: 50%;
max-width: 50%;
}
}

@media (max-width: 420px) {
.PledgeTypeSelection .TypeSelection-Items > div {
width: 100%;
max-width: 100%;
}
}