#hbg-wrap {
		position: absolute;
		top: 0;
		left: 0;
		min-height: 100%;
		width: 100%;
		padding: 2.5rem 0 30px 0;
		background-color: rgba(242, 227, 194, 1.00);
	background-image: linear-gradient(180deg, rgba(167,167,167,0.00) 80%, rgba(103,102,101,0.4) 100%);
}
/*div {
		outline: 1px teal dotted;
}
li {
		outline: 1px white dotted;
}*/
#login {
	position: relative;
	z-index: 1050;
	height: .7rem;
}
#loginbadge {
		font-size: .7rem;
		position: absolute;
		right: 10px;
}
#grid select {
	background-color: #ccc;
	opacity: .8;
	font-size: .75rem;
}
#hbg-header {
		position: relative;
		min-height: 8vh;
		color: #fff;
		text-shadow: 2px 2px 5px black;
}
#hbg-center {
		position: relative;
		padding-bottom: 10px;
}
.offcanvas-start.show {
		max-width: 45vw;
}
#parallaxheader {
		color: #fff;
		text-shadow: 2px 2px 5px black;
}
#sidebar {
		overflow-y: auto;
}
#sidenav {
		font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		background-color: #DCC594;
		text-align: right;
		margin-bottom: 20px;
		padding-bottom: 30px;
		padding-left: 3px;
		border-bottom-right-radius: 1rem;
		font-size: 85%
}
#sidenav .nav-item {
		padding: .1rem .2rem;
		border-bottom: 2px #2C58BC solid;
		border-bottom-left-radius: 1rem;
		background: linear-gradient(0deg, rgba(171, 155, 118, 1) 6%, rgba(220, 197, 148, 1) 50%);
}
#sidenav .nav-item.active:hover {
		background-color: #eee;
}
#sidenav .nav-item:hover {
		background-color: #eee;
}
#sidenav .nav-item.active {
		border-bottom: 2px red solid;
		background-color: #F3E2BE;
		color: red;
}
#sidenav .dropdown-menu {
		border: none;
		text-align: right;
		background-color: transparent;
}
#sidenav .dropdown-menu .nav-item {
		background-color: #DCC594;
}
#sidenav .nav-link {
		padding: .3rem .2rem;
		color: #2C58BC;
		font-weight: bold;
}
#sidenav .nav-item.active .nav-link {
		color: red;
		border-color: purple;
}
#topnav {
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		text-align: right;
		font-size: 85%;
		background: linear-gradient(180deg, rgba(242, 227, 194, 1.00) 20%, rgba(242, 227, 194, .1) 80%);
}
#topnav .nav-item {
		margin-right: 2px;
		padding: .05rem;
		border: 2px #2C58BC solid;
		border-bottom-left-radius: .5rem;
		border-bottom-right-radius: .5rem;
		border-top: none;
		background: linear-gradient(0deg, rgba(146,72,15,1.00) 20%, rgba(191,87,4,1.00) 80%);
}
#topnav .nav-item.active {
		border-top: none;
		border-color: purple;
}
#topnav .nav-item.active:hover {
		background-color: #eee;
}
#topnav .nav-item:hover {
		background: linear-gradient(180deg, rgba(146,72,15,1.00) 20%, rgba(191,87,4,1.00) 80%);
}
#topnav .nav-link {
		padding: .2rem .15rem;
		color: #eee;
		font-weight: bold;
}
#topnav .nav-item.active .nav-link {
		color: #FBBF04;
}
#leftbarcontent {
		position: relative;
		line-height: 1.1rem;
		padding-top: 1rem;
		padding-bottom: 60px;
		overflow-y: auto;
		height: 85vh;
		font-size: 90%
}
#LeftBar, #RightBar {
		padding-top: 2rem;
		position: relative;
		background-color: rgba(242, 227, 194, .90);
}
#hbg-downtabs {
		border-top: 1px #2C58BC solid;
		border-radius: 7px;
}
#hbg-downtabs .nav {
		background-color: rgba(242, 227, 194, .90);
		font-size: 70%;
}
#hbg-downtabs .nav-item {
		/*border-top: 1px #2C58BC solid;*/
}
#hbg-downtabs .nav-link {
		background: linear-gradient(180deg, #CA4D0A 20%, rgba(235,141,5,1.00) 80%);
	color: #eee;
		border-top: none;
		border-color: #2C58BC;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		margin: 0 3px 3px 3px;
		padding: 4px 12px;
}
#hbg-downtabs .nav-link:hover, #undt .nav-link:hover {
		background: linear-gradient(0deg, #CA4D0A 20%, rgba(235,141,5,1.00) 80%);
}
#hbg-downtabs .nav-link:active, #undt .nav-link:active {
		background: none;
	background-color: peru;
}
#hbg-downtabs .active, #undt .active {
		background-color: aliceblue;
}
#hbg-downtabs .active:hover, #undt .active:hover {
		background-color: transparent;
}
#hbg-footermenu {
	font-weight: bold;
		justify-content: center;
		font-size: 80%;
		color: peru;
}
#hbg-footermenu .nav-item {
		background-color: rgba(103, 92, 82, 0.3);
		margin: 1px;
		padding: 2px;
}
#hbg-footermenu .nav-item:hover {
		background-color: rgba(103, 92, 82, 0.5);
}
#hbg-footermenu .nav-link {
		padding: 1px;
		margin: 1px;
		color: #ccc;
}
#hbg-footermenu .nav-link:hover {
		color: #fff;
}
#hbg-header {
		color: #fff;
		text-shadow: 2px 2px 5px black;
}
#hbg-undertabs {
		min-height: 30px;
}
#undt {
		display: flex;
		margin: 10px auto 0 auto;
}
#undt .nav {
		background-color: rgba(242, 227, 194, .90);
		font-size: 70%;
		margin: 10px auto 0px auto;
		border-bottom: none;
		/*border-bottom: 2px #2C58BC solid; */
}
#undt .nav-item {
		margin-right: 5px;
}
#undt .nav-link {
		background: linear-gradient(0deg, #CA4D0A 20%, rgba(235,141,5,1.00) 80%);
		border-color: #2C58BC;
		border-bottom: none;
		margin: 3px 3px 0 3px;
		padding: 4px 10px;
		color: #eee;
		font-weight: bold;
}
#undt .nav-link:hover {
		background: linear-gradient(180deg, #CA4D0A 20%, rgba(235,141,5,1.00) 80%);
}
article {
		border-bottom: 3px #A4BE43 dotted;
		position: relative;
		border-bottom-right-radius: 1rem;
		border-bottom-left-radius: 1rem;
		padding: 10px;
		padding-bottom: 2rem;
		margin-bottom: 1rem;
}
footer {
		background-color: #DCC594;
	color: #eee;
	background: linear-gradient(180deg,rgba(198, 95, 4, 1) 29%, rgba(229, 149, 4, 1) 62%, rgba(251, 189, 4, 1) 67%, rgba(175, 109, 4, 1) 72%, rgba(132, 64, 4, 1) 82%);
		padding: .5rem;
		border-bottom-right-radius: 1rem;
		border-bottom-left-radius: 1rem;
}
footer a {
		color: #FBC636;
}
footer a.login {
	margin-top:10px;
		color: #833F04;
}
footer a.login:hover {
		color: #76633A;
}
html {
	font-size: 16px;
}
a {
		color: #4B3112;
		text-decoration: none;
}
a:hover {
	color: #C65E04;
}
body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	line-height: 1.2;
	background-color: #eee;
		color: #1D1D1D;
}
a:hover {
		color: #000;
}
.alert.dropdown-toggle {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.accordion-button {
	background-color: rgba(236,211,89,.50) !important;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.bg {
		background-color: #FEF0D6;
}
.bg-type {
	background-color: #CA4D0A !important;
	border: 1px #844004 solid;
	color: #FFFFFF;
}
.bg-type a {
	color: #F99E01;
}
h4.bg-type, h5.bg-type {
		border-bottom: 2px #844004 solid;
		border-left: 2px #844004 solid;
		border-bottom-left-radius: .6rem;
	color: #fff;
}
h4.bg-type a, h5.bg-type a {
	color: #fff;
	margin-left:17px;
}
.foo {
			background: linear-gradient(180deg,  rgba(251,191,4,1.00) 30% , rgba(132,64,4,1.00) 100%);
}
.editr {
		position: absolute;
		bottom: .5rem;
		right: .7rem;
		background-color: rgba(60, 0, 20, .3);
		color: #eee;
		font-size: .7rem;
		padding: 3px;
		border-radius: 4px;
}
.breadcrumb {
		background-color: rgba(118, 99, 58, 0.3);
		border: 1px #999 solid;
		padding: 2px;
		margin: 7px 5px 4px 5px;
		border-radius: 5px;
	font-size: 90%;
}
.breadcrumb-item {
		padding: 2px;
		margin: 0 4px;
		border-radius: 5px;
}
.breadcrumb-item.active {
		background-color: rgba(238, 238, 238, 0.52);
		margin: 0 4px;
	font-weight: bold;
}
.caption {
	background-color: rgba(242, 242, 242, .70);
	margin: 4px;
	text-align: center;
	font-style: oblique;
}
.card {
		background-color: rgba(242, 242, 242, .70);
}
#contactcard {
		background: linear-gradient(180deg, rgba(245, 222, 180, 1.00) 6%, rgba(220, 197, 148, 1) 100%);
}
.contactinfo {
		background: linear-gradient(180deg, rgba(254, 240, 214, 1.00) 6%, rgba(221, 204, 167, 1.00) 100%);
		padding: 4px;
		margin-bottom: 10px;
}
.descrip {
		max-height: 25vh;
		overflow: auto;
		margin: 3px 0;
}
.extra {
		max-height: 20vh;
		overflow: auto;
		margin: 3px 0;
}
.linkage {
		background-color: rgba(245,220,92,1.00);
		color: #000;
		margin: 2px;
		padding: 2px 4px;
		border-radius: 3px;
	border: 1px #844004 solid;
}
.meta {
	padding-top: 5px;
	line-height: .95rem;
}
.navbar-brand {
	font-weight: bold;
	font-variant-caps: small-caps;
		font-size: 100%;
		color: #844004;
}
.postinfo {
	display: inline-block;
	margin-left:10px;
	font-size: 90%;
	color: #4B3112;
}
/*.sticky-top {
	z-index: 1050;
}
*/
.singlebox {
	background-color: rgba(238,238,238,0.60);
}
.typebox {
	background-color: #FEF0D6;
}
.tooltip {
		--bs-tooltip-bg: peru;
}
.vigbot {
		position: absolute;
		bottom: 0;
		height: 30px;
		background: linear-gradient(to top, rgba(242, 227, 194, 1.00) 20%, rgba(242, 227, 194, 0));
}
#LeftBar .vigbot, #rightbarcontent .vigbot {
		height: 60px;
		background: linear-gradient(to top, rgba(242, 227, 194, 1.00) 50%, rgba(242, 227, 194, 0));
}
.viglft, .vigrit {
		position: absolute;
		height: 100%;
		width: 30px;
		z-index: 2;
}
.viglft {
		top: 0;
		left: 0;
		background: linear-gradient(to right, rgba(242, 227, 194, 1.00) 20%, rgba(242, 227, 194, 0));
}
.vigrit {
		top: 0;
		right: 0;
		background: linear-gradient(to left, rgba(242, 227, 194, 1.00) 20%, rgba(242, 227, 194, 0));
}
.vigtop, .vigbot {
		position: absolute;
		width: 100%;
		z-index: 1;
}
.vigtop {
		top: 0;
		height: 20px;
		background: linear-gradient(to bottom, rgba(242, 227, 194, 1.00) 20%, rgba(242, 227, 194, 0));
}
.viglft, .vigrit, .vigtop, .vigbot {
		z-index: 10;
}
.xbase {
	position: relative;
	background-color: #fff;
padding: 4px;
}
.ximages, .xfiles {
	color: #C65E04;
	font-size: 90%;
}
.xbox {
	background-color: #fff;
	padding: 3px;
	font-size: 90%;
}
.xbox a {
	color: #C65E04;
	font-weight: bold;
}
#rightbarenclosure {
		position: relative;
		padding-bottom: 60px;
		overflow-y: auto;
		font-size: 90%;
		height: 100vh;
}
#rightbarcontent {
		position: relative;
		line-height: 1.1rem;
		padding-bottom: 60px;
		height: 110vh;
}
#sidebarbtn, #rightbarbtn, #topnavbtn {
		display: none;
}
#social {
		position: absolute;
		display: inline;
		bottom: 40px;
		left: 10vw;
		margin-bottom: .4rem;
		width: auto;
}
.social {
		display: inline-block;
		float: left;
		margin-right: .25rem;
}
#widgets {
		position: absolute;
		white-space: nowrap;
		right: 3vw;
		bottom: 4px;
}
#grid, #search {
		display: inline-block;
		padding-bottom: 2px;
}
input#srch {
		display: none;
		width: 0;
		padding: 0;
}
#submitsrch {
		background-color: rgba(238, 238, 238, 0.54);
		border-radius: .3rem;
}
#search:hover #submitsrch {
		background-color: #ccc;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
}
#search:hover input#srch {
		display: block;
		width: 200px;
		background-color: #eee;
		transition-duration: 500;
}
#results div {
		outline-style: none;
}
#results {
		position: fixed;
		z-index: 2000;
		left: 10vw;
		right: 5vw;
		top: 10vh;
		max-height: 40vh;
		overflow-y: auto;
		padding: 1rem;
		background-color: #eee;
}
#topper {
		position: fixed;
		font-size: .9rem;
		line-height: .8rem;
		z-index: 900;
		width: 35px;
		bottom: 65px;
		right: 0;
		text-align: right;
		color: #fff;
		background-color: rgba(100, 100, 100, 0.30);
		padding: 5px 7px 5px 4px;
}
@media (max-width: 767.98px) {
		.foo {}
		#hbg-wrap {
				padding-top: 5rem;
		}
		#rightbarcontent .vigbot {
				display: none;
		}
		#rightbarcontent, #rightbarenclosure {
				height: auto;
				padding-bottom: 10px;
		}
		#sidebarbtn, #rightbarbtn, #topnavbtn {
				position: fixed;
				display: block;
				background-color: rgba(255, 2255,  255, .80);
			border: 2px #2C58BC solid;
				z-index: 1040;
		}
		#sidebarbtn, #rightbarbtn {
				top: 15vh;
				padding: 5px 10px;
		}
		#sidebarbtn {
				left: 0px;
			border-left: none;
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
		}
		#rightbarbtn {
				top: 15vh;
				right: 0px;
			border-right: none;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
		}
		#topnavbtn {
				top: 0;
				left: 30vh;
			border-top: none;
				border-top-left-radius: 0;
				border-top-right-radius: 0;
				padding: 2px 15px;
		}
}
@media (max-width: 567.98px) {
		.foo {}
}