/* 
CUSTOM TOP NAV

NEW Template TOP 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 11-04-2020 - revised 04-13-21
*/


/* for sticky top nav - DO NOT CHANGE/EDIT */
#nav-section {
	/*overflow: hidden;*/
}
.sticky {
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 1000 !important;
}
/* make sure you put the javascript in  page_footers */


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

/* ====== DO NOT CHANGE - STILL USING - OLD TEMPLATE BOOTSTRAP 2 -TOP-NAV STRUCTURE ONLY ======= */
/* ====== GENERAL NAV items ======*/
#custom_top_nav ul, li { margin: 0; padding: 0; border: 0; /* DO NOT CHANGE */ }
#custom_top_nav { margin: 0 auto;}
#custom_top_nav ul ul { display: none;}
#custom_top_nav ul li:hover > ul { display: block;}
#custom_top_nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	z-index: 10;
}
#custom_top_nav ul:after { content: ""; clear: both; display: block;}
#custom_top_nav ul li { float: left;}
/* ======= FIRST level items ======== */		
#custom_top_nav ul li a {	display: block;}
/* ======= SECOND level items ======= */	
#custom_top_nav ul ul {
	padding: 0;
	position: absolute;
	top: 100%;
}
#custom_top_nav ul ul li {
	float: none;
	position: relative;
}

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

/* ================= FOR TOP NAV -  COLLAPSED  ======================= */
.navbar-toggler {
	/*color: rgba(0,0,0,.7);*/
	/*border-color: rgba(0,144,185,1.00);*/
	background-color: #fff;
	/*border: solid 2px rgba(0,144,185,1.00);*/
}
.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(0,144,185,1.00)' 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;*/
	margin:0 1.5rem 2.25rem 0 !important;
}
@media (max-width: 767.98px) {
	.nav-align-toggler {
		/*LEFT*/
		/*margin-right: auto !important;*/
		/*RIGHT*/
		/*margin-left: auto !important;*/
		margin:0 1.5rem 0.5rem 0 !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;*/
		/*padding:0 0 10px 0;*/
		padding:0;
	}
}

/*=== IMPORTANT - Pick just one to align the navbar items - comment rest out ===*/
	/*== LEFT ==*/
	/*.nav-align-items {-webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important;}
	#main_top_nav .nav_lvl_1:first-child a { margin-left: 15px; }
	#main_top_nav .nav_lvl_1:last-child a { margin-right: 0px; }*/
		
	/*== RIGHT or IMPORTANT to use with TOP NAV WITH BRAND LOGO ==*/
	.nav-align-items { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important;}
	#main_top_nav .nav_lvl_1:first-child a { margin-left: 0; }
	#main_top_nav .nav_lvl_1:last-child a { margin-right: 0; color: #000000 !important;}
    #main_top_nav .nav_lvl_1:last-child a { margin-right: 0; background-color: #23376c !important; color: #fff !important;}
	
	/*== CENTER ==*/
	/*.nav-align-items { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
	#main_top_nav .nav_lvl_1:first-child a { margin-left: 0; }
	#main_top_nav .nav_lvl_1:last-child a { margin-right: 0; }	*/
	
	
/* ========= TOP-NAV -  STYLING (mostly the same as the old BS2 template)  =========== */
/* ======= GENERAL NAV items  =======*/
#main_top_nav {
	font-family: var(--siteFont-nav);
	line-height: 0.095em;
	font-size: .85rem;
	padding: 0 0.75rem;
	font-weight: normal;
	/*text-transform: uppercase;*/
	/*letter-spacing: .03rem;*/
	text-align: left;
}
#main_top_nav ul {
	background-color: transparent; /*do not change, takes same color of full navbar */
	padding: 0 15px 0 0;
}
#main_top_nav ul li {
	/*line-height: 1.35em;*/
}

/* ======== FIRST level items ======== */	

#main_top_nav ul li a {
	padding: 18px 8px;
	text-decoration: none;
	/*text-transform: uppercase;*/
	font-weight: 700;
}

#top_nav_menu>li {
	margin-left: 7px;
}
/*
#main_top_nav .nav_lvl_1:last-child a {
	color: var(--navbar-secondaryColor-text); 
	background-color: var(--navbar-secondaryColor);
	font-weight: 700;
	padding: 18px 18px;
}
*//*
#main_top_nav .nav_lvl_1:nth-child(5) a {
	color: #000000; 
	background-color: var(--secondaryColor);
	font-weight: 700;
	padding: 18px 18px;
}
#main_top_nav .nav_lvl_1:nth-child(6) a {
    display: none;
}
*/
#main_top_nav a.nav_lvl_1 { 
	color: var(--navbar-primaryColor-text); 
	background-color: var(--navbar-primaryColor);
}
#main_top_nav a.nav_lvl_1:hover { 
	color: var(--navbar-secondaryColor-text); 
	background-color: var(--navbar-secondaryColor);
}
/*
#top_nav_menu .nav_lvl_1.item-5>ul {
	right: 0 !important;
}
*/

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	#main_top_nav ul li a { 
		margin-right: 6px; 
		padding-left: 6px; 
	}
}
/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
	
	#main_top_nav li:first-child a.nav_lvl_1 {
		margin-top: 20px;
		
	}
}

/* ========= SECOND level items ========= */	
#main_top_nav ul ul li {
	margin-left: 0px;
	margin-right: 0px;
	min-width: 200px;
	text-align: left;
	line-height: 1.35rem;
}
#main_top_nav a.nav_lvl_2 {
	color: var(--navbar-primaryColor-text); 
	background-color: var(--navbar-primaryColor);
	/*text-transform: capitalize;*/
	font-weight: normal;
	padding: 8px 12px;
	border-top: 1px solid rgba(0,0,0,.2);
}
#main_top_nav a.nav_lvl_2:hover { 
	color: var(--navbar-secondaryColor-text); 
	background-color: var(--navbar-secondaryColor);
} 
	
/* ========= THIRD level items ========= */
#main_top_nav a.nav_lvl_3 {
	color: var(--navbar-primaryColor-text); 
	background-color: var(--navbar-primaryColor);
	/*text-transform: capitalize;*/
	/*font-weight: normal;*/
	padding: 8px 22px; /* PADDING ONLY for third level li */
	border-top: 1px solid rgba(0,0,0,.2);
} 
#main_top_nav a.nav_lvl_3:hover { 
	color: var(--navbar-secondaryColor-text); 
	background-color: var(--navbar-secondaryColor);
}

/* ========= CURRENT ITEM color for ALL level items ========= */
#main_top_nav a.current_page,
#main_top_nav a.current_group {
	color: var(--navbar-secondaryColor-text) ; 
	background-color: var(--navbar-secondaryColor);
}
	
		
/* Still BS2 - NAVIGATION COLLAPSED
============================================================================================*/
@media (max-width: 991.98px) {
	

	.navbar-custom {
		min-height: 40px; 
	}
	#main_top_nav {
		text-align: left; /*full navbar alignment */
	}
	
	#main_top_nav li>a:not(:only-child):after {float: right;width:30px;border:0px solid #cccccc;}
	
	#main_top_nav ul { display: block;
	}
	#main_top_nav ul li { float: none;}
	#main_top_nav ul ul {
		/*display: block;*/
		position: relative;		
	}

	/* ======= GENERAL NAV items  =======*/
	#main_top_nav, #main_top_nav ul ul li {	line-height: 2.5em;}
	#main_top_nav ul { padding: 0px;}
	
	/* === FIRST level items === */	
	
	#main_top_nav ul li {	
		border-bottom:2px solid #eee;}
	
	#main_top_nav ul li a {	
		margin-right: 0px;	
		padding: 6px 10px 6px 20px;
		
	}
	#main_top_nav .nav_lvl_1:first-child a { margin-left: 0px;}
	#main_top_nav .nav_lvl_1:last-child a { margin-right: 0px;}
	
	/* === SECOND level items === */
	#main_top_nav a.nav_lvl_2 {
		padding: 6px 10px 6px 35px;
		border-top: none !important;
	}

	/* === THIRD level items === */
	#main_top_nav a.nav_lvl_3 {
		padding: 0px 10px 0px 50px; 
		border-top: none !important;
	}
	
}
@media only screen and (min-width: 1200px) and (max-width: 1362px) {
    #main_top_nav {
        font-size: 10px !important;
    }
}

.item-5 ul.nav_group_07{
	right: 0;
}