:root {
	--text-color         : #000000;
	--BF-blue            : #003da5;
	--BF-red             : #ef4a66;
	--header-font-family : "Roboto Slab";
	--body-font-family   : "Roboto";
}

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

body * {
	color : var(--text-color);
}

body #ceNavbar,
body #ceNavbar *,
body #systemNav,
body #systemNav * {
	color : white;
}

body #ceNavbar.navbar {
	background : var(--BF-blue);
	box-shadow : none;
}

#mainLoginBtnContainer ul.ns-login-nav {
	margin : 1rem 0;
}

#ceNavbar.navbar #customNav ul li a,
#mainLoginBtnContainer .ns-login-profile,
#mainLoginBtnContainer .ns-not-authenticated a {
	color : white;
}

#systemNav {
	background : var(--BF-red);
	margin     : 0 0 1rem;
	text-align : center;
}

#systemNav > div {
	margin    : 0 auto;
	max-width : 80rem;
}

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

h5, h6,
#notifications h5, #notifications h6 {
	font-size  : 1.25rem;
}

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-red);
	font-family : var(--header-font-family), serif;
	font-weight : 700;
}

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

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

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

#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;
}

@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;
	padding    : 1rem;
}

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

#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;
	}
}

body #ceUC .btn-primary {
	background    : var(--BF-red);
	border        : 2px solid var(--BF-red);
	border-radius : .4rem;
	font-weight   : bold;
}

body #ceUC .btn-primary:hover,
body #ceUC .btn-primary:focus,
body #ceUC .btn-primary.focus {
	background      : var(--BF-red);
	border-color    : var(--BF-red);
	color           : #ffffff;
	filter          : brightness(120%);
	text-decoration : none;
}

body #ceUC .btn-outline-secondary {
	border         : 2px solid #c7c7c7;
	border-radius  : .4rem;
	color          : #777777;
	font-weight    : bold;
	text-transform : uppercase;
}

body #ceUC .btn-outline-secondary:hover,
body #ceUC .btn-outline-secondary:focus,
body #ceUC .btn-outline-secondary.focus {
	color           : white;
	text-decoration : none;
}

footer,
footer.site {
	background : var(--BF-blue);
}

footer,
footer.site,
footer * {
	color: white;
}

@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;
}

#footerTwitter img {
	vertical-align : top;
}

#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;
}

#ceUC .widget-container .widget-header {
	color : var(--text-color);
}

#mainLoginBtnContainer .ns-login-nav .ns-login-nav-items li a {
	color       : var(--BF-blue);
	borer-color : var(--BF-blue);
}

#mainLoginBtnContainer .ns-login-nav .ns-login-nav-items li a:hover {
	background-color: var(--BF-blue);
	color: white;
}