/* Rudimentary mega menu CSS for demonstration */

        /* mega menu list */
        .nav-menu {
            display: block;
            position: relative;
            list-style: none;
            margin: 0;
            padding: 0;
            z-index: 15;
        }

        /* a top level navigation item in the mega menu */
        .nav-item {
            list-style: none;
            display: inline-block;
            padding: 0;
            margin: 0;

        }

        /*li.nav-item { border-left: 1px solid #ffffff; }*/
        li.nav-item+li.nav-item { background: url(/theme/cosatest/css/images/nav_divide_white.png) no-repeat 0 5px; }


        /* first descendant link within a top level navigation item */
        .nav-item > a {
            position: relative;
            display: inline-block;
            padding: 0.5em 1em;
            margin: 0 0 -1px 0;
            border: 0px solid transparent;
        }

        /* focus/open states of first descendant link within a top level
           navigation item */
        .nav-item > a:focus,
        .nav-item > a.open {
            /*border: 1px solid #dedede;*/

        }

        /* open state of first descendant link within a top level
           navigation item */
        .nav-item > a.open, .nav-item > a:hover {
            /*background-color: #fff;*/
            color:#ffffff;
            border-bottom: none;
            z-index: 1;
            text-decoration: underline;
        }

        /* sub-navigation panel */
        .sub-nav, .sub-sub-nav {
            position: absolute;
            display: none;
            /*top: 2.6em;
            margin-top: -1px;
            padding: 0.5em 1em;*/
            /*border: 1px solid #dedede;*/
            /*background-color: #fff;*/
            /*background-color: #1b2d38;*/
            background-color: rgba(27, 45, 56, 0.85);
            width: 275px;
        }


        /* sub-navigation panel open state */
        .sub-nav.open {
            display: block;
        }

        li.nav-item+li.nav-item .sub-nav.open {
            /*margin-left:-1px;*/
        }

        /* list of items within sub-navigation panel */
        .sub-nav ul {
            display: inline-block;
            vertical-align: top;
            /*margin: 0 1em 0 0;*/
            margin: 0;
            padding: 0;
        }

        /* list item within sub-navigation panel */
        .sub-nav li {
            display: block;
            list-style-type: none;
            margin: 0;
            /*padding: 0;*/
            top: 2.6em;
        }


/*  BB custom overrides */

#navigation ul li ul li:hover > a {background: none ; color:#ffffff;}
/*#navigation ul li:hover { border-left-color: #323232;}*/



/*
.sub-nav ul li.sub ul{
    display: none;
    background-color: #323232;
    color:#fff!important;
}

.sub-nav ul li.sub:hover > ul{
    display: block;
    left: 10px;
}


.sub-nav ul li.sub:focus > ul{
    background-color: #ff0000!important;
    display: block;
    left: 10px;
}
*/

.sub-nav ul li.sub ul{
    display: none;
    background-color: #00447c;
    color:#fff!important;
}

.sub-nav ul li.sub:hover > ul{

    display: block;
    left: 10px;
}


ul.shownav{
    display: block!important;
    left: 10px;
}




/* LS 2017-03-08: Added extra responsive styles for smaller screen size */
@media only screen and (max-width: 790px) {
	.nav-item, .sub-nav, .sub-sub-nav {
		display: block;
		position: relative;
		background-color: inherit;
	}
	li.nav-item, li.nav-item+li.nav-item {
		border-left: 0;
	}
	.sub-nav ul li.sub ul {
		background-color: inherit;
	}
	.sub-nav ul li.sub:hover > ul {
		left: 0;
	}
    li.nav-item+li.nav-item {
        background: none;
    }
}