/* Component Styles */
/*body {
	background-color: #eee;

	--green-filter: invert(28%) sepia(99%) saturate(1516%) hue-rotate(139deg)
		brightness(93%) contrast(101%);
	--purple-filter: invert(66%) sepia(98%) saturate(2890%) hue-rotate(206deg)
		brightness(81%) contrast(84%);
	--yellow-filter: invert(77%) sepia(66%) saturate(3555%) hue-rotate(4deg)
		brightness(99%) contrast(102%);
	--page-filter: var(--purple-filter);

	--media-primary-color: #002f6c;
	--donors-primary-color: #008c56;
	--charities-primary-color: #7474c1;
	--page-color: var(--donors-primary-color);
}

.container-fluid {
	background: #fff;
	margin-top: 20.5vh;
}*/

/* Global Styles*/
/*body {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue',
		Helvetica, Arial, 'Lucida Grande', sans-serif;
}*/

/* Component Styles */
/*.container-fluid {
	padding: 0;
}*/

.footer-nav .row,
.footer-engage .row,
.footer-legal .row {
	padding-left: 3rem;
	padding-right: 3rem;
}

.footer-nav {
	background-color: #565656;
	color: #fff;
	padding: 50px 50px;
}

.footer-nav .nav-heading {
	font-size: 16px;
	margin-bottom: 6px;
}

.footer-nav a {
	font-size: 14px;
	font-weight: lighter;
	color: #fff;
}

.footer-nav .nav-dropdown {
	padding-left: 0;
}

.footer-nav .nav-dropdown li {
	list-style-type: none;
	padding: 2px 0px;
}

.footer-nav h5 {
	font-weight: bold;
	margin-bottom: 20px;
}

/* Footer Engage Section */
.footer-engage {
	background-color: #424242;
	color: #fff;
	padding: 30px 30px;
}

.footer-engage .newsletter {
	width: 40%;
	margin-top: 25px;
}

.footer-engage .social-media {
	width: 35%;
}

.footer-engage .donate {
	width: 25%;
	margin-top: 25px;
}

.footer-engage input.newsletter-signup {
	padding: 10px;
	background-color: #565656;
	border: none;
	width: 18em;
	color: #fff;
	font-weight: 200;
	font-size: 14px;
}

.footer-engage .newsletter-signup::placeholder {
	color: #fff;
}

.footer-engage .input-group-append {
	background-color: var(--page-color);
}

.footer-engage .input-group-append img {
	height: 48px;
}

.footer-engage .media-header {
	margin-bottom: 15px;
}

.footer-engage .social-media img {
	height: 30px;
	padding-right: 8px;
}

.footer-engage .donate-button {
	text-transform: uppercase;
	border-radius: 30px;
	padding: 5px 30px;
	color: #fff;
	background-color: var(--page-color);
	border: none;
}

.footer-engage .mobile-footer-top {
	display: none;
}

.footer-legal {
	padding: 20px 50px;
	background-color: #212121;
}

.footer-legal p,
.footer-legal a {
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
}

.footer-engage .engage .for-mobile {
	width: 100%;
	padding-top: 10px;
	display: none;
}

#for-mobile {
	width: 100%;
	padding-top: 10px;
	display: none;
}

#for-desktop {
	display: inline;
}

@media (max-width: 991.98px) {
	.container-fluid {
		width: 100%;
		padding: 0;
	}

	.footer-engage .row,
	.footer-legal .row {
		margin-right: 0;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.footer-nav,
	.footer-engage .input-group,
	.footer-engage .social-media .media-header,
	.footer-engage .donate-button,
	.footer-legal .mr-auto {
		/* Remove large/desktop-only elements on mobile */
		display: none;
	}

	.footer-engage {
		text-align: center;
		padding: 1rem 0;
		width: 100%;
	}

	.footer-legal {
		text-align: center;
		padding: 1em 0em;
		width: 100%;
	}

	.footer-engage .engage .col-auto {
		width: 100%;
		padding-top: 10px;
	}

	.footer-engage .engage .for-mobile {
		width: 100%;
		padding-top: 10px;
		display: block;
	}

	.footer-engage img {
		margin: 0px 16px;
	}

	.footer-engage .mobile-footer-top {
		display: flex; /* Make section appear on mobile */
		margin: 0.25rem 1.5rem 0.5rem 1.5rem;
		border-bottom: 0.5px solid #fff;
	}

	.footer-engage .mobile-footer-top h6 {
		font-weight: 600;
	}

	.footer-engage .mobile-footer-top .footer-logo {
		margin-right: auto;
		padding: 0;
		padding-bottom: 1.5rem;
		margin-left: -0.75rem;
	}

	.footer-engage .mobile-footer-top .footer-logo img {
		width: 120px;
	}

	#for-mobile {
		display: inline;
	}

	#for-desktop {
		display: none;
	}
}

/* Component Styles for the footer buttons.*/
.exp {
	padding-left: 4px;
}

a.button.large {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 1px;
	padding: 22px 25px 20px;
}
a.button.small {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 16px;
	padding: 13px 40px 10px;
	line-height: 19px;
}

/*.button,
button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
	font-family: 'proxima-nova-bold', 'proxima-nova', Helvetica, Arial, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #008c56;
	background: -webkit-gradient(
		linear,
		0 0,
		0 bottom,
		from(#008c56),
		to(#028552)
	);
	background: -webkit-linear-gradient(#008c56, #028552);
	background: -moz-linear-gradient(#008c56, #028552);
	background: -ms-linear-gradient(#008c56, #028552);
	background: -o-linear-gradient(#008c56, #028552);
	background: linear-gradient(#008c56, #028552);
	-pie-background: linear-gradient(#008c56, #028552);
	behavior: url(/pie/PIE.htc);
	border: 0 solid #aaa;
	border-top: 0 solid #ccc;
	border-left: 0 solid #ccc;
	color: #fff !important;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
	padding: 20px 40px;
	text-align: center;
}*/
/*.button:hover,
button:hover,
input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover {
	color: #fff;
	background: #028552;
	background: -webkit-gradient(
		linear,
		0 0,
		0 bottom,
		from(#028552),
		to(#035535)
	);
	background: -webkit-linear-gradient(#028552, #035535);
	background: -moz-linear-gradient(#028552, #035535);
	background: -ms-linear-gradient(#028552, #035535);
	background: -o-linear-gradient(#028552, #035535);
	background: linear-gradient(#028552, #035535);
	-pie-background: linear-gradient(#028552, #035535);
	behavior: url(/pie/PIE.htc);
	border: 0 solid #888;
	border-top: 0 solid #aaa;
	border-left: 0 solid #aaa;
}*/
/*.button:active,
button:active,
input[type='submit']:active,
input[type='reset']:active,
input[type='button']:active {
	border: 0 solid #666;
	background: #028552;
	background: -webkit-gradient(
		linear,
		0 0,
		0 bottom,
		from(#028552),
		to(#035535)
	);
	background: -webkit-linear-gradient(#028552, #035535);
	background: -moz-linear-gradient(#028552, #035535);
	background: -ms-linear-gradient(#028552, #035535);
	background: -o-linear-gradient(#028552, #035535);
	background: linear-gradient(#028552, #035535);
	-pie-background: linear-gradient(#028552, #035535);
	behavior: url(/pie/PIE.htc);
}*/
/*.button.full-width,
button.full-width,
input[type='submit'].full-width,
input[type='reset'].full-width,
input[type='button'].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}*/

@media only screen and (max-width: 1000px) {
	.exp {
		display: none;
	}
	ul.standards_list li.button {
		width: 40px;
		padding: 0;
		line-height: 40px;
	}
}