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

/* TOP BAR DROP-DOWN MENU CUSTOM CSS */

	.top-bar {
		/* Remove padding from top-bar, allowing for hover effect to go full height */
		padding: 0;
		
		/* Set height of top-bar; if you change the height, you must adjust the line-height on .top-bar ul li a */
		height: 50px;
	}
		
	/* Adjust the top-bar background color */
	.top-bar, .top-bar ul, .off-canvas ul {
		background: #747474;
	}
	
	/* Must adjust this if you change top-bar height */
	.top-bar ul li a, .off-canvas ul li a {
		line-height: 30px;
	}
	
	/* Adjust the top-bar link color */
	.top-bar a, .off-canvas a {
		color: #fefefe;
	}
	
	/* Adjust top-bar dropdown link color on hover */
	.off-canvas .is-dropdown-submenu a:hover, .off-canvas .is-dropdown-submenu a:active, 
	.off-canvas .is-dropdown-submenu a:hover, .off-canvas .is-dropdown-submenu a:active {
		color: #fefefe;
		/*transition: all 0s linear;*/ 	/* removes the delay */
	}
	
	/* topbar link/background color when active */
	.dropdown.menu > li:hover, .dropdown.menu > li > ul.menu > li:hover {
		color:#fefefe; 
		background:#1779ba;
	}
		li.is-dropdown-submenu-parent.is-active > a {
		color:#fefefe !important;
		}	


	/* Submenu background color */
	.top-bar .is-dropdown-submenu, .off-canvas .is-dropdown-submenu {
		background: #f7f7f7;
	}
	
	/* Dropdown link color */
	.top-bar .is-dropdown-submenu a, .off-canvas .is-dropdown-submenu a {
		color: #555555;
	}
	
	/* Adjust the dropdown arrow color; must leave transparent transparent after color */
	.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
		border-color: #fefefe transparent transparent !important;
	}
	
	/* Adjust the sub-dropdown arrow color */
	.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
		border-color: transparent transparent transparent #555555 !important;
	}
	.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
		border-color: transparent #fefefe transparent transparent;
	}
	
	/* Adjust the sub-dropdown arrow color on hover; must start with transparent transparent transparent before color */
	.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right:hover > a::after {
		border-color: transparent transparent transparent #fefefe !important;
	}
	.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left:hover > a::after {
		border-color: transparent #fefefe transparent transparent;
	}
	
	/* Adjust submenu dropdown link color */
	.is-submenu-item > a {
		/*color: #fff;*/
		/*margin-right:20px;*/ /* added Jan 8th */
	}
	.is-submenu-item:hover > a {
		color: #fefefe;
		/*transition: all 0s linear;*/ /* removes the delay */
	}
	.is-submenu-item.is-active > a {
		color: #fefefe !important;
	}

/* MOBILE STYLING USING DRILLDOWN MENU */
	
	/* Adjust the styling of the title-bar */
	.title-bar {
		padding: 1rem 1rem;
		background: #555555;
	}
	
	/* Ensures title bar doesn't change color on hover */
	.title-bar:hover {
		background: #555555;
	}
	
	/* Adjust drilldown arrow color */
	.is-drilldown-submenu-parent > a::after {
		border-color: transparent transparent transparent #fefefe;
	}
	
	/* Adjust drilldown back arrow color */
	.js-drilldown-back > a::before {
		border-color: transparent #fefefe transparent transparent;
	}
	
	/* Fixes bug that causes back-button arrow to disappear on hover */
	.drilldown-back > a::before {
		border-color: transparent #fefefe transparent transparent;
	}
	
	/* reduce the line height, set to 30px above */
	li.is-dropdown-submenu-item a {
		line-height:normal !important;
		}		
	
	/* sub-menu links background roll-over properly */
	li.is-dropdown-submenu-item a:hover {background:#1779ba;}	

	
/* MOBILE STYLING USING DRILLDOWN MENU */	
	.drilldown .is-drilldown-submenu {
		background: grey;
	}
	
	.drilldown a {background:grey; border-bottom:1px solid #999999;}
		.drilldown a {border-top:1px solid #999999;}
		.drilldown a:hover {background:#1779ba;}
	
	.drilldown .is-drilldown-submenu-parent>a::after,
	.drilldown.align-left .is-drilldown-submenu-parent > a::after {
		border-color: transparent transparent transparent #efefef;
	}
	
	.drilldown .js-drilldown-back>a::before {
		border-color: transparent #fefefe transparent transparent;
	}
	
	/* OFF CANVAS LEFT
	-------------------------------- */
		/*#offCanvasLeft {background:#19254f url(../../images/layout/mobile-menu-bg-1.jpg) top center no-repeat;}	*/
		#offCanvasLeft {background:#6d6d6d;}	
		
		
	/* Shade the background */	
	li.js-drilldown-back a {background:rgba(0,0,0,0.25);}

	li.is-submenu-parent-item.is-submenu-item.is-drilldown-submenu-item > a {
			font-weight:bold; 
			background:rgba(0,0,0,0.15); 
		}	
		/* hover over mobile menu */	
		li.is-submenu-parent-item.is-submenu-item.is-drilldown-submenu-item > a:hover {
			background:#1779ba; 
		}	
		
	/* Page menu */
	.drilldown.menu a.mobile-page {background:#8e8e8e;}	/* slightly lighter color than the category links */
		.drilldown.menu a:hover.mobile-page {background:#1779ba;}	
		
		
	/* extras */
	.drilldown.menu .rounded-social-buttons {padding:20px 10px;}
	.drilldown.menu li.searchbox {padding:0 10px 20px 10px;}



	/* light blue - 64b3f9 */
	/*.dropdown.menu > li:hover, .dropdown.menu > li > ul.menu > li:hover,
	li.is-dropdown-submenu-item a:hover,
	.drilldown a:hover,
	li.is-submenu-parent-item.is-submenu-item.is-drilldown-submenu-item > a:hover,
	.drilldown.menu a:hover.mobile-page {
		background:#64b3f9;
	}*/