/* Navigation Elements & Page Decoration */

#main-header {
	position: relative;
	z-index: 500;	
	padding: 6px 8px 10px 25px;
	box-shadow: 0 6px 6px rgba(0,0,0,0.4);
}

#main-brand {
	/*width:  260px;*/
	height:  auto;
	cursor: pointer;
	display: block;	
	float: left;	
}

#main-brand img {
	width:  245px;
	height: auto;	
}

@media (max-width:420px) {
#main-brand img {
	width:  180px;
	height: auto;	
}
}

#main-links {
	/*text-align: right!important;*/
	margin-top: 6px;
	display: block;	
	float: right;		
}

/*@media (min-width:650px) {
#main-links { 
	float: right;	
}
}*/

#main-languages {
	display: block;
	float: right;
	height: 25px;
}

.gray {
	color: gray !important;
}

#main-nav {
	display: inline-block;
	float: left;
	clear:  both;	
}

/* This class is added to the header when it reaches its scroll position */
.main-header-sticky {
	position: fixed !important;
	top: 0;
	width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets 
   a new position at the top of the page (position:fixed and top:0) */
.main-header-sticky + .content {
	padding-top: 102px;
}

/* Tabs */

.nav-tabs, .nav-pills {
	margin-top: 10px;
}

.nav-tabs .nav-link {
	color: #888 !important;
}

.nav-tabs .nav-link.active {
	color: black !important;
}

.nav-tabs .nav-link.disabled {
	color: #ddd !important;
}

.nav-pills .nav-link {
	color: #7A6358 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background-color:#7A6358;
	border-color:#7A6358;
	color:white !important;
} 

.secondary-tabs {
	font-size: 0.9em;
}

.tertiary-tabs {
	font-size: 0.9em;
	padding-left: 50px;
}