:root {
	--text-color         : #000000;
	--BF-blue            : rgb(0, 61, 165); /* #003da5; */
	--BF-red             : #ef4a66;
	--summer             : rgb(168, 208, 239);
	--header-font-family : "Roboto Slab";
	--body-font-family   : "Roboto";
}

body {
	font-family : var(--body-font-family), sans-serif;
	font-weight : 400;
}

h1, h2, h3, h4, h5, h6 {
	color       : var(--BF-blue);
	font-family : var(--header-font-family), serif;
	font-weight : 700;
}

a, a:link, a:visited {
	color           : var(--BF-blue);
	text-decoration : none;
}

#ceApp a:active,
#ceApp a:hover {
	text-decoration : underline;
}

legend,
#ceApp legend.ce-legend {
	color       : var(--BF-blue);
	font-family : var(--header-font-family), serif;
	font-weight : 700;
}

body #ceNavbar.navbar {
	/* background: transparent; */
	box-shadow : none;
}

nav .col-xs-8.col-lg-3 {
	padding : 0;
}

#ceApp-container {
	margin  : 0;
	padding : 0;
}

.ce-app {
	background : transparent;
	box-shadow : none;
	padding    : 0;
	width      : 100%;
}

#ceNavbar #customNavContainer {
	display : block;
}

#customNav,
#mainLoginBtnContainer {
	height : unset;
}

.aspNetHidden {
	display : none;
}

#tsLandingPageHeader,
#tsPageMainFormContent {
	padding : 0 1rem .5rem;
}

#tsLandingPageFooter {
	padding : 1rem;
}

#tsPageMainFormContent {
	background : white;
}

#tsLandingPageHeader,
#tsLandingPageFooter {
	color   : var(--text-color);
	padding : 0;
}

form#aspnetForm {
	background : white;
	padding    : 1rem 0 !important;
	/* max-width  : 50rem; */
}

@media (min-width : 1300px) {
	form#aspnetForm {
		padding : 2rem 0 1rem !important;
	}

	#tsLandingPageHeader,
	#tsLandingPageFooter {
		padding : 0;
	}

	#tsPageMainFormContent {
		grid-row    : 1 / 3;
		grid-column : 2;
		padding     : 0 1rem;
	}
}

#ceSocialSharingWidgetContainer {
	background : white;
	margin     : 0 auto;
	max-width  : 50rem;
	padding    : 1rem;
}

body #ceSocialSharingWidgetContainer #ceSocialSharingWidget {
	background : transparent !important;
	box-shadow : none;
	margin     : 0 auto;
	padding    : 0;
}

body #tsLandingPageHeader > img {
	margin    : 0 1rem;
	max-width : calc(100% - 2rem);
	width     : 100%;
}

#tsLandingPageHeader > p {
	background : var(--BF-blue);
	color      : white;
	margin     : 1rem 0 0;
	padding    : 1rem;
	text-align : center;
}

#tsLandingPageHeader > p a {
	color  : var(--BF-red);
	filter : brightness(140%);
}

#tsLandingPageHeader div.oneTime {
	padding : 1rem;
}

div.oneTime p {
	margin : 0;
}

@media (min-width : 1300px) {
	body #tsLandingPageHeader > img {
		margin    : 0 2rem;
		max-width : calc(100% - 4rem);
	}

	#tsLandingPageHeader > p {
		font-size : 1.2rem;
		margin    : 2rem 0 0;
		padding   : 2rem;
	}
}

/* #oneTimeGiftAmountContainer[style="display: block;"], */
#monthlyGiftAmountContainer[style="display: block;"] {
	display   : grid !important;
	flex-wrap : wrap;
	float     : none;
	margin    : 0;
	gap       : 1rem;
}

body .giftAmountBtn,
body .giftAmountBtn:nth-child(2n+1) {
	box-shadow    : none;
	flex-basis    : 30%;
	margin-bottom : 0;
	margin-left   : 0 !important;
	margin-right  : 0 !important;
	margin-top    : 0;
	text-align    : left;
	width         : auto;
}

body .giftAmountBtn.active,
body .paymentTypeContainer label.active {
	background-color : var(--summer);
}

body .tsFormFooterButtons input[type="button"],
body .tsFormFooterButtons input[type="button"]:hover {
	color            : white;
	background-color : var(--BF-red);
}

@media (min-width : 1020px) {

	#oneTimeGiftAmountContainer[style="display: block;"],
	#monthlyGiftAmountContainer[style="display: block;"] {
		flex-wrap : nowrap;
	}

	body .giftAmountBtn, body .giftAmountBtn:nth-child(2n+1) {
		flex-basis : 100%;
	}
}

footer {
	/* padding : 1px; */
}

@media (min-width : 1020px) {
	footer .grid {
		display               : grid;
		grid-template-columns : .5fr .5fr 1fr 1fr;
		margin                : 0 auto;
		max-width             : 100%;
		text-align            : left;
		width                 : 1140px;
	}

	#footerLogoContainer {
		grid-row : 1 / span 2;
	}
}

footer a,
footer a:link,
footer a:hover,
footer a:active,
footer a:visited {
	color           : white;
	line-height     : 1;
	text-decoration : underline;
}

footer.site.private-footer #footerContactContainer {
	display : block;
}

a#orgLogoContainer {
	display   : block;
	height    : unset;
	/* margin    : 1rem auto; */
	max-width : 15rem;
}

@media (min-width : 1020px) {
	footer a.logo {
		display   : block;
		height    : unset;
		margin    : 1rem 0;
		max-width : 15rem;
	}
}

#orgLogoContainer img,
footer a.logo img {
	display : block;
	width   : 100%;
}

#footerAddressContainer p {
	padding : 1rem 0 0 0;
}

#footerSocialContainer p {
	text-align : center;
}

#footerDisclaimerContainer {
	padding : 0 1rem;
}

@media (min-width : 1020px) {
	#footerSocialContainer,
	#footerDisclaimerContainer {
		padding : 1rem 0 0;
	}

	#footerDisclaimerContainer {
		grid-column-start : 4;
		grid-row          : 1 / span 2;
	}
}

footer.site.private-footer #footerSocialContainer ul {
	text-align : center;
}

footer.site.private-footer #footerSocialContainer ul li {
	display : inline-block;
	margin  : 0 .4rem 0 0;
}

#footerCopyrightContainer p {
	margin  : 0;
	padding : 0 1rem 1rem;
}

@media (min-width : 1020px) {
	#footerCopyrightContainer {
		grid-column : 2 / span 2
	}

	#footerCopyrightContainer p {
		line-height : 1.5;
		padding     : 0 0 .5rem;
	}
}

figure img {
	height    : auto;
	max-width : 100%;
	width     : 100%;
}

figcaption {
	font-size : small;
}

img.credential {
	margin     : 0 1rem 0 0;
	max-height : 4rem;
}

#tsReceiptPageHeader, #tsReceiptPageTitle {
	padding : 0 1rem;
}

body.embedded #ceApp-container {
	background : white;
}

body.embedded nav,
body.embedded footer,
body.embedded #tsLandingPageHeader,
body.embedded #ceSocialSharingWidgetContainer {
	display : none;
}

body #aspnetForm .tsFormRows,
body #aspnetForm .ce-fieldset {
	margin : 0 0 .5rem;
}

label.other {
	margin : .5rem 0 0;
}

body .tsCheckBoxLists > span[fieldoption_id] label {
	margin : 0;
}