:root {
--primary-color: #539ED0 !important; /*blue*/
--secondary-color: #FFB351 !important; /*yellow*/
--tertiary-color: #EEEEEE !important; /*light grey*/
}

h1, .page-header h1 p {
background-color: var(--primary-color) !important;
color: #ffffff !important;
}

h2, h3, h4 {
color: #212529 !important;
}

body a {
color: var(--primary-color);
}

.Page-IPledgeDes1 h2, .Page-IPledgeDes2 h2, .Page-IPledgeCombined h2, .AgencySectionHeader h2,
.Page-IPledgeCombined h2 p, .AgencySectionHeader h2 p, .Page-IPledgeDes1 h2 a, .Page-IPledgeDes2 h2 a, .Page-IPledgeCombined h2 a, .AgencySectionHeader h2 a, .Page-IPledgeConfirmDisplay h2  {
background-color: var(--primary-color) !important;
color: #ffffff !important;
}

.Section-PledgeAddInfo h1, .Section-PledgeConfirm .page-header h1, h2 .note.WebPledgeSelect p {
color: #212529 !important;
background-color: transparent !important;
}

#main-banner h2 {
background-color: var(--primary-color) !important;
color: #ffffff !important;
box-shadow: 0.625rem 0 var(--primary-color), -0.625rem 0 var(--primary-color);
}

.DefaultButtons .button {
background-color: var(--primary-color) !important;
border: 2px solid var(--primary-color) !important;
}

.DefaultButtons .button:hover {
background-color: #ffffff !important;
border:2px solid var(--primary-color) !important;
color: var(--primary-color) !important;
}

body ul.pureCssMenu li a:hover {
color:var(--primary-color) !important;
}

body ul.pureCssMenu li.dis a:hover,
body ul.pureCssMenu li.sep a:hover {
color:var(--primary-color) !important;
}

body ul.pureCssMenu li:hover>a {
color: var(--primary-color) !important;
}

nav.PledgeProgress li.ProgressStepCurrent.DefaultButtons {
background-color: var(--primary-color) !important;
color: #ffffff !important;
}

body .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span + label.RadioLabel,
body .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel {
background-color: var(--primary-color) !important;
color: #ffffff !important;
}

body .IPledgeTable label.RadioLabel,
body .IPledgeTable .form-group.row .col-md-9 label.form-check-label,
body .IPledgeTable .form-group.row.Row-PledgeAmount label.form-check-label,
body .IPledgeTable label.RadioLabel.LabelY,
body .IPledgeTable label.RadioLabel.LabelM,
body .IPledgeTable label.RadioLabel.LabelW,
body .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq label.Col-Radio,
body .IPledgeTable .col-sm-9.Col-Table.Col-PaymentMethod label.Col-Radio,
body .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check label.form-check-label,
body #CCardType label.CC_RadioLabel {
color: var(--primary-color) !important;
border: 2px solid var(--primary-color) !important;
}

.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel,
.IPledgeTable .form-group.row .col-md-9 input[type="radio"]:checked + label.form-check-label,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelY,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelM,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelW,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelQ,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelS,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelB,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelH,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelN,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelT,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelBillMe,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelCreditCard,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelACH,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelPPExprChkout,
.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelOrgRcvPayment,
div#PledgePaymentInfo div.form-check>input[type="radio"]:checked + label.form-check-label,
.IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq div.form-check>input[type="radio"]:checked + label.form-check-label,
.IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq div.form-check>input[type="radio"]:checked + label.Col-Radio,
.form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check>input[type="radio"]:checked + label.form-check-label,
.IPledgeTable .col-sm-9.Col-Table.Col-PaymentMethod div.form-check>input[type="radio"]:checked + label.form-check-label,
.askDesignateRadios input[type="radio"]:checked + label.form-check-label,
.IPledgeTable input[type="radio"]:focus + span + label.RadioLabel,
.IPledgeTable .form-group.row .col-md-9 input[type="radio"]:focus + label.form-check-label,
div#PledgePaymentInfo div.form-check>input[type="radio"]:focus + label.form-check-label,
.IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq div.form-check>input[type="radio"]:focus + label.form-check-label,
.IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq div.form-check>input[type="radio"]:focus + label.Col-Radio,
.form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check>input[type="radio"]:focus + label.form-check-label,
.IPledgeTable .col-sm-9.Col-Table.Col-PaymentMethod div.form-check>input[type="radio"]:focus + label.form-check-label,
.askDesignateRadios input[type="radio"]:focus + label.form-check-label,
.PledgeTypeSelection label.RadioLabel:hover:before,
.PledgeTypeSelection .TypeSelection-Items label.RadioLabel:hover,
.IPledgeTable label.RadioLabel:hover,
.IPledgeTable .form-group.row .col-md-9 label.form-check-label:hover,
div#PledgePaymentInfo .form-check>label.form-check-label:hover,
div#PledgePaymentInfo .form-check>label.form-check-label:hover:before,
.IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq label.form-check-label:hover,
.IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq label.Col-Radio:hover,
.form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check label.form-check-label:hover,
.IPledgeTable .col-sm-9.Col-Table.Col-PaymentMethod label.form-check-label:hover,
.askDesignateRadios label.form-check-label:hover,
#CCardType label.CC_RadioLabel:hover,
#CCardType input[type="radio"]:checked + label.CC_RadioLabel,
.Col-Table.Col-CardType input[type="radio"]:checked + label  {
background-color:var(--primary-color) !important;
}


.PartnerAgencyImage:after {
color: var(--primary-color) !important;
}

.PledgeTypeSelection .TypeSelection-Items label.RadioLabel::before,
.PledgeTypeSelection .TypeSelection-Items label.RadioLabel::after,
#PledgePaymentInfo label.form-check-label::before,
#PledgePaymentInfo label.form-check-label::after {
color: var(--primary-color) !important;
}

.PledgeTypeSelection .TypeSelection-Items input[type=radio]:checked + span + label.RadioLabel:before,
.PledgeTypeSelection .TypeSelection-Items input[type=radio]:checked + label.RadioLabel:before,
.PledgeTypeSelection .TypeSelection-Items input[type=radio]:checked + span + label.RadioLabel:after,
.PledgeTypeSelection .TypeSelection-Items input[type=radio]:checked + label.RadioLabel:after,
#PledgePaymentInfo .BlockDetails > div.form-check > input[type=radio]:checked + label.form-check-label:before,
#PledgePaymentInfo .BlockDetails > div.form-check > input[type=radio]:checked + label.form-check-label:after {
color: #ffffff !important;
}

body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel,
body .IPledgeTable .form-group.row .col-md-9 input[type="radio"]:checked + label.form-check-label,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelY,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelM,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelW,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelQ,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelS,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelB,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelH,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelN,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelT,
body div#PledgePaymentInfo div.form-check>input[type="radio"]:checked + label.form-check-label,
body div#PledgePaymentInfo > .Block > .BlockDetails div.form-check > input[type=radio]:checked + label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq div.form-check>input[type="radio"]:checked + label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq div.form-check>input[type="radio"]:checked + label.Col-Radio,
body .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check>input[type="radio"]:checked + label.form-check-label,
body .IPledgeTable input[type="radio"]:focus + span + label.RadioLabel,
body .IPledgeTable .form-group.row .col-md-9 input[type="radio"]:focus + label.form-check-label,
body div#PledgePaymentInfo div.form-check>input[type="radio"]:focus + label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq div.form-check>input[type="radio"]:focus + label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq div.form-check>input[type="radio"]:focus + label.Col-Radio,
body .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check>input[type="radio"]:focus + label.form-check-label,
body .askDesignateRadios input[type="radio"]:focus + label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq label.form-check-label:hover,
body .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq label.Col-Radio:hover,
body .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check label.form-check-label:hover,
body #CCardType label.CC_RadioLabel:hover,
body #CCardType input[type="radio"]:checked + label.CC_RadioLabel,
body .IPledgeTable .form-group.row .col-md-9 label.form-check-label:hover,
body div#PledgePaymentInfo .form-check>label.form-check-label:hover {
background-color: var(--primary-color) !important;
color: #ffffff !important;
}

body .PledgeTypeSelection .TypeSelection-Items label.RadioLabel:hover,
body div#PledgePaymentInfo .form-check>label.form-check-label:hover {
background-color: #eeeeee !important;
color:var(--primary-color) !important;
}

body .PledgeTypeSelection label.RadioLabel:hover:before,
body .PledgeTypeSelection label.RadioLabel:hover:after,
body div#PledgePaymentInfo .form-check>label.form-check-label:hover:before,
body div#PledgePaymentInfo .form-check>label.form-check-label:hover:after {
background-color: transparent !important;
color:var(--primary-color) !important;
}

nav.PledgeProgress li.DefaultButtons {
background: #eeeeee!important;
}

a.nav-link.active {
color: var(--primary-color) !important;
border-bottom: 4px solid var(--primary-color) !important;
}

.Navigation .BioTabTitle.GlobalTab a:hover,
.Navigation .BioTabTitle.PersonalTab a:hover {
color: var(--primary-color) !important;
}

body table.EventCalendarTable td.Today,
body #VolCalendarTable td.Col-Today,
body #VolCalendarTable td.Col-Today Table td,
body .Col-Today,
body .oppSearchResultCard header h5,
body .Page-ArticleArchive .box div:first-child {
background-color:  var(--primary-color) !important;
}

body .ui-dialog .ui-widget-header {
background: none scroll 50% 50%   var(--primary-color) !important;
border: 1px solid  var(--primary-color) !important;
}

body .askDesignateRadios input[type="radio"]:checked + label.form-check-label,
body .askDesignateRadios input[type="radio"]:focus + label.form-check-label {
background-color: var(--primary-color) !important;
color: #ffffff !important;
border: 2px solid var(--primary-color) !important;
}

.IPledgeTable label.RadioLabel,
.IPledgeTable .form-group.row .col-md-9 label.form-check-label,
.IPledgeTable .form-group.row.Row-PledgeAmount label.form-check-label,
.IPledgeTable label.RadioLabel.LabelY,
.IPledgeTable label.RadioLabel.LabelM,
.IPledgeTable label.RadioLabel.LabelW,
.IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq label.form-check-label,
.IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq label.Col-Radio,
.IPledgeTable .col-sm-9.Col-Table.Col-PaymentMethod label.Col-Radio,
.form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check label.form-check-label,
.askDesignateRadios label.form-check-label,
#CCardType label.CC_RadioLabel, .Col-Table.Col-CardType label {
border: 2px solid var(--primary-color) !important;
color: var(--primary-color)  !important;
}

body .KeywordSearch .SearchNavigation li .button:hover {
box-shadow: none !important;
outline-width: 0 !important;
border: 0 !important;
background: none !important;
}

#foot-nav h5, #foot-nav ul li a {
color: #212529 !important;
}

nav#secondary-menu ul li a:hover {
color: #777777 !important;
background: transparent;
}

nav#secondary-menu ul, #footer {
background-color: #eeeeee !important;
}