:root {
	--menu-bg-clr: #211f1d;
	--link-clr: #eba74e;
	--main-bg-clr: #CAC0B9;
	--nav-vh-opacity: 0;
	--nav-topgap: 100px;
	/*--nav-offset: 0px;*/
}

/* A:LINK {color: #800000} */
/*A:VISITED {color: #800000}*/
/*A:HOVER {color: #800000}*/
BODY {
	margin: 0px; 
	padding: 0px;
	color: #000000;
	background-color: #CAC0B9;
	/*background-color: #111111;*/
	/*background-image: url('../../menu/bg.jpg');*/
	overflow-y:scroll;		/* force scroll, to keep header consistent */
	/* line-height: 90%; */
	/*display:none;*/
}

/* uncomment for debugging */
/* div { border: 1px solid #FFF; } */
/* nav { border: 1px solid #FFF; } */
/* img { border: 1px solid #FFF; } */
/* h6, h1 { border: 1px solid #FFF; } */

.bg-menu {
	background-color: #211f1d !important;
}

.body-overlay {
	background: rgba(11,11,11,0.90);
}

/*.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
}*/

/*.navbar-toggler.navbar-toggler-close {
    display:inline;
}
.navbar-toggler.collapsed>.navbar-toggler-close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
    display:none;
}*/

.navbar-toggler-icon {
    font-size: 1.35em;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.nav-link,
.nav-link-mob { 
	color: #acacac !important;
	/* padding-bottom: 40px !important;
	padding-top: 40px !important; */
}

.mav-link-mob {	
	display: none !important;
}

.nav-link.active,
.nav-link-mob.active {
	color: white !important;
	background-color: none !important;
	/* border-color: none !important;
	border-bottom: 3px solid #eba74e !important; */
	/* padding-bottom: 15px !important; */
}

.nav-link-mob:active,
.nav-link-mob:hover {
	text-decoration: none;
	text-decoration-thickness: 0px;
}

.nav-mob-ul {
	list-style-type: none;
}

.navline {
	/* padding-bottom: 13px; */
	border-bottom-style: solid;
	border-bottom: 3px solid #eba74e;
	width: fit-content;
}

.navline-mob {
	border-left-style: solid;
	border-left: 30px solid #eba74e;
	border-right: 30px solid var(--menu-bg-clr);
}

.nav-link-mob:hover,
ul.nav a:hover,
ul.navbar a:hover { 
	background-color: #333 !important;
}

.nav-link-mob:active {
	background-color: #777 !important;	
}

/* .nav-link.active a:hover {
	background-color: #000 !important;
} */

.nav-overlay-bg {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100vw;
	/*height: calc(100vh - 100px);*/
	height: 100vh;
	background-color: #211f1d;	
	z-index: 98;
	/* pointer-events: none; */
	/*display-none;*/
	/*animation: fadeInOverlay 0.5s;*/
}

.nav-overlay-content {				
	position: relative; 
	width: 100vw;
	/* height: calc(100% - var(--nav-offset) - 200px); */
	height: calc(100% - var(--nav-topgap));
	padding-bottom: 0px;
	
	/*top: calc( 100px + var(--nav-offset) );*/
	/* top: 0px; */
	/* bottom: 0px; */
	top: 100px;
	z-index:99;
	font-size: calc(25px + var(--nav-vh-opacity)*25);
	/*font-size: 25px;*/
	font-weight: bolder;
	/*display: none;*/
}

.nav-item-mob {
	--nav-h: calc(40px + (var(--nav-vh-opacity)*50px) );
	height: var(--nav-h);
	/* height: var(--nav-vh-opacity); */
	/* height: 40px; */
	/*animation: fadeInOverlay 0.5s;*/
}

.nav-link-mob {
	display: none;
}

.navbar-toggler-open-in img,
.navbar-toggler-close-in img {
	animation: navButtonAnimIn .2s ease-in-out forwards;
}

.navbar-toggler-open-out img,
.navbar-toggler-close-out img {
	animation: navButtonAnimOut .1s ease-in-out forwards;
}

@keyframes navButtonAnimIn {
	0% { transform: scale(1,0); }
	100% { transform: scale(1,1); }
}

@keyframes navButtonAnimOut {
	0% { transform: scale(1,1); }
	100% { transform: scale(0.8,0); }
}

.page-header {
	/*height: calc(100vh - (100px + 303px));*/
	
	color: white;
	min-height: 303px;
	
	/*div { border: 1px solid #FFF; }*/
	/*line-height: 34px;*/
}

.page-header a { color: #eba74e; }
.footer a { color: var(--link-clr); }

div.page-header-gradient { background-image: linear-gradient(to top, rgba(0,0,0,.65),rgba(0,0,0,0)); z-index: -1; }

div.page-header h6 {
	font-size: 17px;
	line-height: 20px;
	/*text-shadow: 2px 2px #000, -1px -1px #000;*/
	text-shadow: 1px 1px 2px #000, 2px 2px 5px #000, 3px 3px 10px #000;
}

div.page-header h1 {
	font-size: 60px;
	font-weight: bolder;
	/*text-shadow: 4px 4px #000;*/
	text-shadow: 1px 1px 2px #000, 2px 2px 5px #000, 3px 3px 6px #000;
}

div.page-header h1.extrashadow {
	text-shadow: 1px 1px 2px #000, 2px 2px 5px #000, 3px 3px 6px #000, 6px 6px 12px #000;
}

@media only screen and (max-width: 576px) {
	div.page-header h6 {
        font-size: 14px;
		/*text-shadow: 1px 1px #000;*/
		text-shadow: 1px 1px 1px #000, 3px 3px 5px #000;
    }
	div.page-header h1 {
		font-size: 50px;
		font-weight: bolder;
		text-shadow: 4px 4px #000;
	}
	div.page-header h1.mob-43 {
		font-size: 43px;
	}
}

div.content {
	width: 440px;
	height: 420px;
	margin: 0px;
	float: left;
}