#topBar {
	line-height: normal;
	padding: var(--topPadding);
	height: calc( var(--logoHeight) + ( var(--topPadding) * 2 ) + var(--borderBottom) );
	min-height: calc( var(--logoHeight) + ( var(--topPadding) * 2 ) + var(--borderBottom) );
}

#navLogo {
	background-image: var(--logoUrl);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}

#navLogo span {
	display: none;
}

/*===============================================================================*/

@media (max-width: 991.98px) {
	#navBar > div.container {
		width: 100%;
		max-width: none;
	}

	#topBar {
/*
		background: rgba(20,20,20,1);
		background: -moz-linear-gradient(top, rgba(20,20,20,1) 0%, rgba(60,60,60,1) 100%);
		background: -webkit-linear-gradient(top, rgba(20,20,20,1) 0%, rgba(60,60,60,1) 100%);
		background: linear-gradient(to bottom, rgba(20,20,20,1) 0%, rgba(60,60,60,1) 100%);
*/
		background: rgba(25,25,25,1);
		background: -moz-linear-gradient(top, rgba(35,35,35,1) 0%, rgba(15,15,15,1) 100%);
		background: -webkit-linear-gradient(top, rgba(35,35,35,1) 0%, rgba(15,15,15,1) 100%);
		background: linear-gradient(to bottom, rgba(35,35,35,1) 0%, rgba(15,15,15,1) 100%);
		border-bottom: var(--borderBottom) solid var(--secondaryColor);
	}

	#navLogo {
		--logoExpand: 0.375rem;
		height: calc( ( 2 * var(--logoExpand) ) + var(--logoHeight) );
/* 		width: calc( ( ( 2 * var(--logoExpand) ) + var(--logoHeight) ) * ( var(--logoRealWidth) / var(--logoRealHeight) ) ); */
		width: calc( ( ( 2 * var(--logoExpand) ) + 1.75rem ) * ( var(--logoRealWidth) / var(--logoRealHeight) ) );
		margin-top: calc( -1 * var(--logoExpand) );
		margin-bottom: calc( -2 * var(--logoExpand) );
		margin-left: 0.5rem;
	}

	#topMenu {
		background-color: rgba(50,50,50,.95);
		-webkit-overflow-scrolling: touch;
		overflow: scroll;
	}
}

/*===============================================================================*/

@media (min-width: 992px) {
	#navBar {
/*
		background: rgba(20,20,20,1);
		background: -moz-linear-gradient(top, rgba(20,20,20,1) 0%, rgba(60,60,60,1) 100%);
		background: -webkit-linear-gradient(top, rgba(20,20,20,1) 0%, rgba(60,60,60,1) 100%);
		background: linear-gradient(to bottom, rgba(20,20,20,1) 0%, rgba(60,60,60,1) 100%);
*/
		background: rgba(25,25,25,1);
		background: -moz-linear-gradient(top, rgba(35,35,35,1) 0%, rgba(15,15,15,1) 100%);
		background: -webkit-linear-gradient(top, rgba(35,35,35,1) 0%, rgba(15,15,15,1) 100%);
		background: linear-gradient(to bottom, rgba(35,35,35,1) 0%, rgba(15,15,15,1) 100%);
		border-bottom: var(--borderBottom) solid var(--secondaryColor);
		height: calc( var(--logoHeight) + ( var(--topPadding) * 2 ) + var(--borderBottom) ) !important;
	}

	#topBar {
		height: calc( var(--logoHeight) + ( var(--topPadding) * 2 ) );
		border-bottom: none;
	}

	#navLogo {
		height: var(--logoHeight);
		width: calc( var(--logoHeight) * ( var(--logoRealWidth) / var(--logoRealHeight) ) );
		margin-top: 0.2rem;
		margin-left: 0.5rem;
	}
}


/*===============================================================================*/
/*===============================================================================*/


.dropdown-menu {
  margin-top: -1px;
  margin-left: -1px;
/*   left: calc(1px + .125rem); */
  border-top-left-radius: 0;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

nav .nav-link:focus {
	outline: 0 !important;
}

@media (max-width: 991.98px) {
	.navbar-toggler {
		color: var(--secondaryColor);
		border-color: var(--secondaryColor);
		font-size: 1.5rem;
		padding-top: 0;
		padding-bottom: 0;
		line-height: calc( 3rem - 2px );
		height: 3rem;
	}
	.navbar-toggler:hover {
		color: var(--secondaryColor);
	}
	.navbar-toggler[aria-expanded=true] {
		box-shadow: inset 1px 1px 5px rgba(0,0,0,1);
		background-color: rgba(200,200,200,0.2);
	}

	.nav-link,
	.dropdown-item {
		padding: 0.625rem 1rem !important;
		border-bottom: 1px solid rgba(255,255,255,0.15);
		color: rgb(220,220,220) !important;
		-webkit-tap-highlight-color: rgba(255,215,0,0.8);
	}
	.dropdown-item:focus,
	.dropdown-item:hover {
		background-color: transparent;
	}
	.dropdown-menu {
		background-color: rgba(150,150,150,0.15);
		margin: 0;
		padding: 0;
		border: none;
		position: static !important;
		transform: none !important;
	}
	.dropdown-menu .dropdown-item {
		padding-left: 2rem !important;
	}
	.dropdown-menu .dropdown-menu .dropdown-item {
		padding-left: 3rem !important;
	}
	.dropdown-divider {
		border-top: 1px dashed #a8a8a8;
		border-bottom: 1px solid rgba(255,255,255,0.15);
		padding-bottom: 1px;
		margin-top: 1px;
		margin-bottom: 0;
	}
}

@media (min-width: 992px) {
	.dropdown-item:focus,
	.dropdown-item:hover {
		background-color: var(--secondaryColor);
	}
	nav .nav-link {
/* 		padding: .25rem .4rem 0 !important; */
		padding: .25rem .55rem 0 !important;
	}
	nav .nav-root {
/* 		font-size: 0.8rem; */
		font-size: 0.9rem;
		color: var(--secondaryColor);
		margin-left: 0.25rem;
	}
	.dropright .dropdown-menu {
		margin-left: -1rem;
	}
	.dropdown-menu .nav-link {
		padding: .25rem 1.5rem !important;
/* 		font-size: 0.8rem; */
		font-size: 0.9rem;
	}
	.dropdown-item {
/* 		font-size: 0.8rem; */
		font-size: 0.9rem;
	}
	.dropdown-menu .dropdown-menu {
		background-color: rgb(240,240,240);
		left: 2rem !important;
	}
	.nav-item.dropdown:hover > a {
		color: rgb(30,30,30) !important;
		background-color: var(--secondaryColor);
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	.nav-item.dropdown .nav-item.dropdown:hover > a {
		border-radius: 0;
	}
	.dropdown-toggle:hover {
		border-bottom: none !important;
	}
	.dropdown-toggle::after {
		margin-left: .5rem;
		vertical-align: .0625rem;
		border-left: 0.5em solid;
		border-bottom: .3em solid transparent;
		border-right: 0;
		border-top: .3em solid transparent;
	}
	nav .nav-root.dropdown-toggle::after {
		color: rgb(30,30,30);
		position: relative;
		top: .4375rem;
		vertical-align: .5rem;
		width: .6em;
		display: block;
		margin: auto;
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
	}
	nav .nav-link:hover {
		background-color: var(--accentColor);
		color: white;
	}
	nav .nav-link:hover {
		border-bottom: .3em solid #997A00;
	}
	.navbar-nav {
		margin-bottom: var(--borderBottom);
	}
	.nav-divider {
		border-left-width: 0.15rem;
		border-left-style: solid;
		border-left-color: var(--secondaryColor);
		width: 0.5rem;
		border-right-width: 0.15rem;
		border-right-style: solid;
		border-right-color: var(--accentColor);
		transform: skewX(-15deg) scaleY(0.8) /* translateY(-0.125rem) */;
		margin-left: 0.45rem;
		margin-right: 0.2rem;
	}

	.h-lg-auto {
		height: auto !important;
	}
}

@media (min-width: 1200px) {
	nav .nav-link {
/* 		padding: .25rem .5rem 0 !important; */
		padding: .25rem .7rem 0 !important;
	}
	nav .nav-root {
		font-size: 1rem;
/* 		font-size: 0.9rem; */
	}
}