#headerBanner {
	background-color:#183045;
	color: white;
}
#mobileLogo {
	/*content:url(/images/vale-mobile-logo.svg);*/
	height: 2rem;
	margin-top: 8px;
	margin-bottom: 8px;
}
.btn {
	background-color: #183045;
	font-weight: bold;
	color: #FFFFFF;
}
.btn:hover {
	background-color: #A2D45E;
	font-weight: bold;
	color: #183045;
}
#navBarPanel {
	background-color:#183045;
	color: #A2D45E;
}
#themeToggle {
/*	display: none;*/
}

.bsMoonMode{
	display:block;
}
.bsSunMode{
	display:none;
}

.btn-primary:hover {
	background-color:#A2D45E !important;
	color: #183045 !important;
}
.btn-secondary:hover {
	background-color:#183045 !important;
	color: #FFFFFF !important;
}
.bodyContainer {
	position: relative;
	display: grid;
	grid-template-rows: fit-content(100px) fit-content(100px) 1fr fit-content(30px);
	grid-template-areas: "header" "subheader" "main" "footer";
	min-height: 100vh;

	> header{
		grid-area: header;
	}
	
	> nav{
		grid-area: subheader;
	}

	> main{
		grid-area: main;
	}

	> footer{
		grid-area: footer;
	}
}
/* CHANGED */
#siteFooter {
	height: 40px !important;
	background-color: #FFFFFF !important;
	-webkit-box-shadow: inset 0 10px 15px -20px;
	-moz-box-shadow: inset 0 10px 15px -20px;
	box-shadow: inset 0 10px 15px -20px;
}

.footerbar {
	height: 40px !important;
	background-color: #A2D45E;
	color: #153E35;
	font-size: 0.8em;
	font-weight: normal !important;
}

main {
	margin-top: 0 !important;
}

}
p.lastP {
	margin-bottom: 0 !important;
}

a {
	color: #183045;
	text-decoration:none;
	font-weight: bold;
}
a:hover {
	color: #A2D45E;
	text-decoration: underline;
	font-weight: bold;
}
.stayDark {
	color: #183045 !important;
}
.nav-link:not(.nav-link-top) {
	color: #FFFFFF !important;
}
.nav-link:hover:not(.nav-link-top) {
	color: #A2D46E !important;
	text-decoration: underline !important;
}

.boxClip {
	text-overflow:clip;
	word-wrap:break-word;
}
div.custRadio > div:has(input[type=radio].custRadioBtn) {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
input[type=radio].custRadioBtn {
	width: 1.5em;
	height: 1.5em;
	border-color: #183045;
}
input[type=radio] + label {
	margin-left: 0.3em;
	font-size: 1.2em;
	line-height: 1.7em;
}
input[type=checkbox] {
	width: 1.2em;
	height: 1.2em;
}
input[type=text], input[type=textarea], select {
	border-color: #153E35 !important;
}

/*SweetAlert2*/
.swal2-confirm {
	background-color:#183045!important;
}
.swal2-confirm:hover {
	background-color:#A2D45E !important;
	color: #183045 !important;
}
.swal2-shown {
    overflow: unset !important;
    padding-right: 0px !important;
}
@media screen and (max-width: 768px) {
	.fw-sm-bold {
		font-weight: bold;
	}
}
@media screen and (min-width: 768px) {
	#headerBanner {
		/*background-image: url(/images/vale-header-bg.png);
  	background-position: 0% 0%;
  	background-repeat: no-repeat;*/
  	height: 97px;
	}
	#mainLogo {
		content:url(/images/bindayPWA/favicon-32x32.png);
		height: 4rem;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	#navBarPanel {
		background-color:#A2D45E;
		color: #183045;
	}
	#siteFooter {
		height: 140px !important;
	}
	
	.footerbar {
		height: 60px !important;
		font-size: 1em;
	}
	main {
		margin-top: 1.5rem !important;
	}
	div.custRadio > div:has(input[type=radio].custRadioBtn) {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	input[type=radio].custRadioBtn {
		width: 1.8em;
		height: 1.8em;
		border-color: #183045;
	}
	input[type=radio] + label {
		margin-left: 0.4em;
		font-size: 1.3em;
		line-height: 1.8em;
	}
	div.custCheck > div:has(input[type=checkbox].custCheckBtn) {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	input[type=checkbox].custCheckBtn {
		width: 1.5em;
		height: 1.5em;
	}
	input[type=checkbox].custCheckBtn {
		width: 1.8em;
		height: 1.8em;
		border-color: #183045;
	}
	.custSummaryColBtn {
		border-left: solid 2px var(--bs-primary);
		border-right: none;
		border-top: none;
		border-bottom: none;
	}
	.short-and-sweet-counter {
		color:#666;
		font-size:.75em;
	}

	
}