:root {
	--black: #131313;
	--blue: #2b528b;
	--dark-blue: #001721;
	--light-blue: #bde7f5;
	--medium-blue: #4fa0d5;
	--trail-dust: #E3DED2;
	--white: #FEFEFE;
}

/** BACKGROUNDS + TEXT **/

.background-black, .background-dark-blue, .background-transparent {
	background-color: var(--black);
	color: var(--white);
}

.background-dark-blue {
	background-color: var(--dark-blue);
}

.background-transparent {
	background-color: transparent;
}

.background-trail-dust, .background-white {
	background-color: var(--white);
	color: var(--black);
}

.background-trail-dust {
	background-color: var(--trail-dust);
}

/** LINKS **/

.background-black a, .background-dark-blue a, .background-transparent a, .recurring label, .fund label, .contact label, .billing-address label, .payment label, .comment label, .true-impact label  {
	color: var(--white)!important;
}

.background-white a, .background-trail-dust a {
	color: var(--black);
}

/** BUTTONS **/

/* BLUE */

a.button {
	background-color: var(--trail-dust);
	color: var(--black);
}

.background-black a.button, .background-dark-blue a.button {
	background-color: var(--trail-dust);
	color: var(--black);
}

.background-transparent a.button {
	background-color: var(--blue)!important;
	color: var(--white);
}

#donation-form .btn-group input.btn {
	width: 100%;
	background-color: var(--blue)!important;
	color: var(--white)!important;
	border: none;
}

/* SECTIONS */

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: var(--medium-blue);
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: var(--white);
}