/* ============================ SAME TEMPLATE TOP-NAV just added structure - 9-10-2018, revised 5-31-20  ========================== */
/* ============================================================================= */

/* ========================= FOR TOP NAV -  COLLAPSED )  ===================================== */
/* ======= Bootrstrap 4 overrides revised 5-31-20 to use under current nav structure =======*/
.navbar-toggler {
	color: rgba(255, 255, 255, 0.8);
	border-color: transparent;
	background-color: transparent;
}
.navbar-color .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.nav-align-toggler {
	/*LEFT*/
  /*margin-right: auto !important;*/
	
	/*RIGHT*/
	margin-left: auto !important;
}


/* ========================= FOR TOP NAV -  OTHER )  ===================================== */
.nav-align-items {
	/*LEFT*/
	/*-webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;*/
	
	/*RIGHT*/
  /*-webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;*/
	
	/*CENTER*/
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

#main-nav .navbar {
    padding: 0 1rem;
}




/* ==================== For HORIZONTAL-NAV.css - STUCTURE ONLY ============== */


/* ======= GENERAL NAV items =======*/
#main_top_nav ul, li { 	 /* DO NOT CHANGE */ 
	margin: 0; 
	padding: 0; 
	border: 0;
}
#main_top_nav {
	margin: 0 auto;
}
#main_top_nav ul ul {
	display: none;
}
#main_top_nav ul li:hover > ul { 
	display: block;
	border-top: 8px solid #ED9F2B;
}
#main_top_nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	z-index: 10;
}
#main_top_nav ul:after { content: ""; clear: both; display: block;}
#main_top_nav ul li { 
	float: left;
}

/* ======== FIRST level items ======== */		
#main_top_nav ul li a {	display: block;}

/* ========= SECOND level items ========= */	
#main_top_nav ul ul {
	padding: 0;
	position: absolute;
	top: 100%;
}
#main_top_nav ul ul li {
	float: none;
	position: relative;
}

	
/* ==================== For STYLES.css  - STYLING ONLY ================== */

/* ======= GENERAL NAV items  =======*/

#main_top_nav {
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	text-align: center; /*full navbar alignment, change to "right" to align all to right side */
	line-height: 0.095em;
	font-size: 13px;
	font-weight:300;
	text-transform:uppercase;
	background-color: transparent; /*full navbar color */
}
#main_top_nav ul {
	background-color: transparent; /*do not change, takes same color of full navbar */
	/*padding: 35px 0 0 0;*/
}

#main_top_nav ul li {
    line-height: 20px;
}

/* ======== FIRST level items ======== */		
#main_top_nav ul li a {
	letter-spacing: 0.1em;
	color: #fff; /* FONT (top level) color*/
	padding: 24px 16px;
	margin:0;
	/*margin:0 6px;*/
	text-decoration: none;
	min-width: 75px;
}
@media (min-width: 769px) and (max-width: 1170px) {
#main_top_nav ul li a {
	padding: 14px 14px;
}
}
#main_top_nav .nav_lvl_1:first-child a { }
#main_top_nav .nav_lvl_1:last-child a { 
	margin-right: 0px;
}
/*individual (top level) li color (change for button look if needed)*/
#main_top_nav a.nav_lvl_1 { 
	color: #ffffff;
	background-color: transparent;
} 

/* ROLLOVER color for first level items */
#main_top_nav a.nav_lvl_1:hover { 
	color: #ffffff;
	background-color: var(--secondaryColor); /* #86905C */
} 


/* ========= SECOND level items ========= */
#main_top_nav ul ul li {
	letter-spacing: .1em;
	min-width: 150px;
	text-align: left;
}
#main_top_nav a.nav_lvl_2 {
	color: #ffffff;
	background-color: var(--secondaryColor); /* LI individual (second level) color */
	border-bottom:1px dotted rgba(250,250,250,.40);
	padding:  14px 28px 14px 28px; /* PADDING for second level li */
}

/* ROLLOVER color for second level items */	
#main_top_nav a.nav_lvl_2:hover {
	color: #ffffff;
	background-color: var(--fourthColor);
} 


/* ========= THIRD level items ========= */
#main_top_nav a.nav_lvl_3 {
	color: #ffffff;
	background-color: var(--secondaryColor);
	border-bottom:1px dotted rgba(250,250,250,.40);
	padding: 14px 42px 14px 42px; 
} 

/* ROLLOVER color for third level items */	
#main_top_nav a.nav_lvl_3:hover {
	color: #ffffff;
	background-color: var(--fourthColor);
} 



/* ========= CURRENT ITEM color for ALL level items ========= */
#main_top_nav a.current_page,
#main_top_nav a.current_group {
	color: #000000;
	background-color: #ED9F2B;
	font-weight:600;
	cursor:default;
}
	

/* NAVIGATION COLLAPSED
===================================================================================*/

@media (max-width: 979px) {
	.navbar-custom {
	}
	#main_top_nav {
		text-align: left; /*full navbar alignment */
		font-size:11px;
	}
	#main_top_nav ul { 
		display: block;
	}
	#main_top_nav ul li { 
		float: none;
	}
	#main_top_nav ul li:hover > ul { 
		border-top:none;
	}
	#main_top_nav ul ul {
		display: block;
		position: relative;		
	}
	
	/* ======= GENERAL NAV items  =======*/
	#main_top_nav {	
		line-height:1.5em;
	}
	#main_top_nav ul { 
		padding: 0px;
	}
	
	
	/* === FIRST level items === */		
	#main_top_nav ul li a {	
		/*margin-right: 0px;*/	
		padding: 8px 20px 8px 20px;
		/*border-top:1px solid rgba(255,255,255,.2);*/
	}
	#main_top_nav .nav_lvl_1:first-child a { 
		margin-left: 0px;
	}
	#main_top_nav .nav_lvl_1:last-child a { 
		margin-right: 0px;
	}
	#main_top_nav a.nav_lvl_1 { 
		border-top:1px solid rgba(255,255,255,.3);
	} 
	
	
	/* === SECOND level items === */
	#main_top_nav a.nav_lvl_2 {
		padding: 8px 20px 8px 40px;
		/*border-top:1px solid rgba(255,255,255,.2);*/
	}
		
	
	/* === THIRD level items === */
	#main_top_nav a.nav_lvl_3 {
		padding: 8px 20px 8px 60px;
		/*border-top:1px solid rgba(255,255,255,.2);*/
	}
	
	
	/* === CURRENT ITEM color for ALL level items  === */
	#main_top_nav a.current_group {
		/*background-color: transparent;
		color: #fff;*/
	}
	
	#main_top_nav a.current_page {
		/*background-color: #774499;
		color: #fff;*/
	}
}

@media (max-width: 767px) {
	.navbar-custom {
		/*padding-top: 40px;*/ 
	}
}