/*
NEW Template SIDE NAV ONLY -- RESPONSIVE NAVIGATION - USING CURRENT STRUCTURE FOR navigation_menu.cfm
	
----	THIS IS A RESPONSIVE TEMPLATE using Bootstrap v4.1.3 - Boxed Layout  -- 
TEMPLATE 0010 ========= HTML BUILD BETA v1.0 - Adriana  - UPDATED 08-05-2020 
*/


/* == SAME OLD TEMPLATE TOP-NAV: just added structure to work with BS4 */
/* ==================================================================================================== */

/* ========= DO NOT CHANGE - STILL USING - OLD TEMPLATE BOOTSTRAP 2 - SIDE-NAV STRUCTURE ONLY ============ */
/* ======= GENERAL NAV items =======*/
#main_side_nav ul, li { 
	margin: 0; padding: 0; border: 0; /* DO NOT CHANGE */ 
}
#main_side_nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#main_side_nav ul:after { 
	content: ""; clear: both; display: block;
}
#main_side_nav a { 
	display: block;  
}



/* ===================  Bootrstrap 4 overrides revised 6-16-20 to use under current nav structure 
================================================================================================*/

/* ================= FOR TOP NAV -  COLLAPSED  ======================= */
.navbar-toggler .navbar-toggler {
	color: #fff;
	border-color: transparent;
	background-color: rgba(163, 33, 54, 1) !important;
}
.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(163, 33, 54, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* IMPORTANT - Pick just one to align the toggler icon */
.nav-align-toggler {
	/*LEFT*/
  /*margin-right: auto !important;*/
	
	/*RIGHT*/
	margin-left: auto !important;
}



/* ===================== NEW GENERAL TOP NAVBAR STYLING  ================================ */
.main-nav-container { padding-right: 0; padding-left: 0; /* DO NOT CHANGE */ }
.navbar { padding: 0; }

/* SET FULL NAVBAR COLOR */
.navbar-color { background-color: var(--navbar-primaryColor) !important; } 

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
	.navbar { padding: 0.5rem 1rem; }
}
	
	
	
/* ========================= SIDE-NAV -  STYLING (mostly the same as the old BS2 template)  ===================================== */

/* ======= GENERAL NAV items =======*/
#main_side_nav {
	font-family: var(--siteFont-nav);
	font-size: 1em;
	line-height: 1.15em;
}
#main_side_nav a {
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
	padding: 10px 7px;
	border-bottom: 1px solid #ebebeb;
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	#main_side_nav a {
		padding: 10px 5px;
	}
}

#main_side_nav .nav_lvl_1:last-child a,
#main_side_nav .nav_lvl_2:last-child a,
#main_side_nav .nav_lvl_3:last-child a { border-bottom: none;}

/*individual (top level) li color (change for button look if needed)*/
#main_side_nav a.nav_lvl_1 { 
	color: var(--primaryColor-text);
	background-color: var(--primaryColor);
	border-radius: 5px;
} 
#main_side_nav a.nav_lvl_1:hover { 
	color: var(--secondaryColor-text);
	background-color: var(--secondaryColor);
	text-decoration: none;
} 
	

/* ========= SECOND level items ========= */
 /* LI individual (second level) color */
#main_side_nav a.nav_lvl_2 { 
	color: var(--primaryColor-text);
	background-color: var(--primaryColor);
	border-radius: 5px;
	padding-left: 20px;
}

/* ROLLOVER color for second level items */	
#main_side_nav a.nav_lvl_2:hover { 
	color: var(--secondaryColor-text);
	background-color: var(--secondaryColor);
	text-decoration: none;
} 

/* ========= THIRD level items ========= */
#main_side_nav a.nav_lvl_3 {
	color: var(--primaryColor-text);
	background-color: var(--primaryColor);
	border-radius: 5px;
	padding-left: 30px;
} 

/* ROLLOVER color for third level items */	
#main_side_nav a.nav_lvl_3:hover { 
	color: var(--secondaryColor-text);
	background-color: var(--secondaryColor);
	text-decoration: none;
} 


/* ========= CURRENT ITEM color for ALL level items ========= */
#main_side_nav a.current_page {
	color: var(--secondaryColor-text);
	background-color: var(--secondaryColor);
}
	

		

/* Still BS2 - NAVIGATION COLLAPSED
============================================================================================*/
@media (max-width: 979px) {
	.navbar-custom {
		min-height: 40px; 
	}
	#main_side_nav {
		font-size: 1em;
		text-align: left; /*full navbar alignment */
	}
	#main_side_nav a {
		padding: 6px 7px;
	}

	/* DO NOT CHANGE */
	#main_side_nav ul { display: block;}
	#main_side_nav ul li { float: none;}
	#main_side_nav ul ul {
		display: block;
		position: relative;		
	}

	/* ======= GENERAL NAV items  =======*/
	#main_side_nav {	line-height: 1.5em;}
	#main_side_nav ul { padding: 0px;}
	
	/* === FIRST level items === */		
	#main_side_nav a.nav_lvl_1 { 
	color: var(--navbar-primaryColor-text); 
	background-color: var(--navbar-primaryColor);
	}
	#main_side_nav a.nav_lvl_1:focus,
	#main_side_nav a.nav_lvl_1:hover { 
		color: var(--navbar-secondaryColor-text); 
		background-color: var(--navbar-secondaryColor);
	}

	/* === SECOND level items === */
	#main_side_nav a.nav_lvl_2 {
		color: var(--navbar-primaryColor-text); 
		background-color: var(--navbar-primaryColor);
	}
	#main_side_nav a.nav_lvl_2:hover,
	#main_side_nav a.nav_lvl_2:hover { 
		color: var(--navbar-secondaryColor-text); 
		background-color: var(--navbar-secondaryColor);
	} 
	
	/* === THIRD level items === */
	#main_side_nav a.nav_lvl_3 {
		color: var(--navbar-primaryColor-text); 
		background-color: var(--navbar-primaryColor);
	} 
	#main_side_nav a.nav_lvl_3:hover,
	#main_side_nav a.nav_lvl_3:hover { 
		color: var(--navbar-secondaryColor-text); 
		background-color: var(--navbar-secondaryColor);
	}
	
	/* ========= CURRENT ITEM color for ALL level items ========= */
	#main_side_nav a.current_page {
		color: var(--navbar-secondaryColor-text); 
		background-color: var(--navbar-secondaryColor);
	}
	
}