/*
NAVIGATION MENU:
Change fonts and colors in Wordpress admin area under Ascende Settings
Change font sizes in style.css and responsive.css
*/


/*Initialize*/
nav .menu ul,
nav ul.menu {
    text-align:left;
    padding:0;
    margin:0;
}

/*Initialize*/
nav .menu ul ul.children,
nav ul.menu ul.sub-menu {
    text-align:left;
    padding:0;
    margin:0;
}

nav .menu ul li,
nav ul.menu li {
	list-style-type:none;
	display:inline-block;
}

nav .menu ul ul.children li,
nav ul.menu ul.sub-menu li {
	list-style-type:none;
	display:block;
	margin-right:0px;
}







/* TOP BUTTONS */

nav .menu ul li a,
nav ul.menu li a {
    font-family:'Lato', 'Open Sans', arial, sans-serif;
    white-space:nowrap;
    font-weight:normal;
    font-size:14px;
    line-height:17px;
    text-decoration:none;
    color:#dddddf;
    background-color:transparent;
    padding:30px 25px 30px 25px;
    display:inline-block;
    border-top:0 !important;
    border-bottom:0 !important;
}

nav .menu ul li a:hover,
nav ul.menu li a:hover {
    color:#ffffff;
    background-color:#202026;
    border-bottom:solid 1px #49494f;
}












/* SUBMENU BUTTONS */

nav .menu ul li ul.children li a,
nav ul.menu li ul.sub-menu li a {
    font-family:'Lato', 'Open Sans', arial, sans-serif;
    white-space:nowrap;
    font-weight:normal;
    font-size:13px;
    line-height:16px;
    text-decoration:none;
    color:#dddddf;
    background-color:#303036;
    padding:10px 50px 10px 50px;
    display:block;
    border-top:0;
    border-bottom:solid 1px #49494f !important;
}

nav .menu ul li ul.children li a:hover,
nav ul.menu li ul.sub-menu li a:hover {
    color:#ffffff;
    background-color:#202026;
    border-bottom:solid 1px #49494f;
}










/*Make the parent of sub-menu relative*/
nav .menu ul li,
nav ul.menu li {
    position:relative;
}

    /*sub menu*/
    nav .menu ul li ul.children,
    nav ul.menu li ul.sub-menu {
        z-index:201;
        display:none;
        position:absolute;
        top:77px;
        border-bottom:solid 5px #ffee00;
    }

nav .menu ul li:hover ul.children,
nav ul.menu li:hover ul.sub-menu {
    display:block;
}
nav ul#children li:first,
nav ul.sub-menu li:first {
    padding-top:54px;
}
nav ul#children:first,
nav ul.sub-menu:first {
    padding-top:54px;
}





nav .menu ul li ul.children li ul.children,
nav ul.menu li ul.sub-menu li ul.sub-menu {
    display:none;
    position: absolute;
    margin-top:-77px;
    margin-left:100%;
    border-bottom:solid 5px #ffee00;
}

nav .menu ul li ul.children li:hover ul.children,
nav ul.menu li ul.sub-menu li:hover ul.sub-menu {
    display:block;
}

nav .menu ul li ul.children li ul.children li ul.children,
nav ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu {
    display:none;
    position: absolute;
    margin-top:-77px;
    margin-left:100%;
    border-bottom:solid 5px #ffee00;
}

nav .menu ul li ul.children li ul.children li:hover ul.children,
nav ul.menu  li ul.sub-menu li ul.sub-menu li:hover ul.sub-menu {
    display:block;
}