/* ======================================================= 
	COLOR OVERRIDES					*/

/* Color */
.tb-megamenu .nav > li > a:focus, 
.tb-megamenu .nav > li > a:hover, 
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:hover,

/* Open state for top nav with dropdowns */
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle,

/* Hover state color for dropdowns */
.tb-megamenu .dropdown-menu li > a:hover, 
.tb-megamenu .dropdown-menu li > a:focus, 
.tb-megamenu .dropdown-submenu:hover > a, 
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:hover, 
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:focus, 
.tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link,

/* Hover state color for item with dropdown */
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle

{
  
  color: #485C54;
    
}






/* End Color */


/* Background color */

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, 
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, 
.tb-megamenu .nav > li.dropdown.open.active > a:hover, 
.tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover
{
  
  background-color: #485C54;
    
}

.tb-megamenu .nav > .active > a, 
.tb-megamenu .nav > .active > a:hover, 
.tb-megamenu .nav > .active > a:focus, 
.tb-megamenu .nav > .active > span.tb-megamenu-no-link, 
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover, 
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:focus {
  
  background-color: #485C54;
  
}

/* End Background Color */


/* The carets in the parent items disappear when the parent is active.  */
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret, 
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret, 
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret,
.tb-megamenu .nav li.dropdown > .dropdown-toggle:hover .caret,

.tb-megamenu .nav li.dropdown.open .caret, 
.tb-megamenu .nav li.dropdown.open.active .caret, 
.tb-megamenu .nav li.dropdown.open a:hover .caret, 
.tb-megamenu .nav li.dropdown.open a:focus .caret

{
  border-top-color: #485C54;
  border-bottom-color: #485C54;
}

/* The bottom of the dropdowns has a bottom border */
.tb-megamenu .dropdown-menu {
  border-bottom-color: #485C54;
}

/* This section adds a reversed out hover state to the items in the dropdown on hover. */
.tb-megamenu .dropdown-menu li > a:hover {
  color: #fff;
  background-color: #485C54;
}

/* 	END COLOR OVERRIDES
======================================================= */





/*****************************************************************
	NAVIGATION
/****************************************************************/

/* The padding on the submenus is on the container.  Need to take that off */
.tb-megamenu .tb-megamenu-column.mega-col-nav .mega-inner {
    padding: 0;
}

/* When we add it back, we add it to the links */
.tb-megamenu .mega-nav > li a, 
.tb-megamenu .dropdown-menu .mega-nav > li a, 
.tb-megamenu .mega-nav > li span.tb-megamenu-no-link, 
.tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link,



/* But we also need to override the "first child" selectors */
.tb-megamenu .mega-nav > li:first-child > a, 
.tb-megamenu .dropdown-menu .mega-nav > li:first-child > a, 
.tb-megamenu .mega-nav > li:first-child > span.tb-megamenu-no-link, 
.tb-megamenu .dropdown-menu .mega-nav > li:first-child > span.tb-megamenu-no-link,

nav > li:first-child > span.tb-megamenu-no-link, .tb-megamenu .dropdown-menu .mega-nav > li:first-child > span.tb-megamenu-no-link 

{
	padding: 15px
}

/* Third Level Menu is offset with you change the padding.  Need to bring it back in line. */
.tb-megamenu .dropdown-submenu > .dropdown-menu {
	margin-top: 0px;
}





/*****************************************************************
	END NAVIGATION
/****************************************************************/