@charset "UTF-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0;
}



body { 
	margin-right: 12px;
	font-size: 1.1em;
	font-family: "arsenal", "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:  .25px;
	line-height: 140%;
	color: var(--textColor);
	background-color:#fff;
	height:100%;
	

	background: url('images/NME_biggears.png') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

	display: flex;
    flex-direction: column;
}


/*	+++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*						Hero							*/
/*	+++++++++++++++++++++++++++++++++++++++++++++++++++	*/
header {


}

.header-container {

	

}
	.header-container .brand-logo {
		max-height: 150px;
	}



.heroImage {
	
	background-image: url('images/heroGears1.jpg');
	border-left: 20px solid var(--dominantColor-dark);
}





/*	+++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*						Sidebar							*/
/*	+++++++++++++++++++++++++++++++++++++++++++++++++++	*/

.sidebar {
	z-index: 9999;
}
  
@media (min-width: 768px) {
  .sidebar .offcanvas-lg .off-canvas-md {
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
    
  }

  
  
  
  
  .navbar-search {
    display: block;
  }
}

.sidebar .nav-link {
  font-size: .875rem;
  font-weight: 500;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar-heading {
  font-size: .75rem;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}





/*	+++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*						MAIN CONTENT					*/
/*	+++++++++++++++++++++++++++++++++++++++++++++++++++	*/

.main-content {
	margin: 10px 0px 40px 0px;

}






/*	+++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*						Footer							*/
/*	+++++++++++++++++++++++++++++++++++++++++++++++++++	*/
footer {
	border-top: 1px solid var(--mediantColor-dark);
	padding: 10px 0px 0px 0px;
	bottom:0;
	width:100%;
	flex-shrink: 0;
	
	color: var(--grayColor-xtralight);
	background-color: var(--leadingToneColor)
}





/*	+++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*						SHADE							*/
/*	+++++++++++++++++++++++++++++++++++++++++++++++++++	*/
.shade {
  position: fixed;
  left: 0%;
  top: 0%;
  z-index: 1;
  width: 400vw;
  height:400vh;
  background-color: #000;
  opacity:.5;
}


.loader {
  color: var(--superTonicColor);
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin: -75px 0 0 -75px;
}