/*

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;
    /*height:100%;*/
}

/* 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:'Open Sans', arial, sans-serif;
    white-space:nowrap;
    font-weight:300;
    font-size:14px;
    line-height:17px;
    text-decoration:none;
    text-transform:uppercase;
    color:#dddddf;
    background-color:transparent;
    padding:15px 15px 15px 15px;
    display:inline-block;
    border:0 !important;
    /*border-bottom:solid 1px transparent;*/
}

nav .menu ul li a:active,
nav ul.menu li a:active,
nav .menu ul li a:hover,
nav ul.menu li a:hover {
    color:#606066;
    background-color:#eeeeef;
}









/*

SUBMENU BUTTONS

*/

nav .menu ul li ul.children li a,
nav ul.menu li ul.sub-menu li a {
    font-family:'Open Sans', arial, sans-serif;
    white-space:nowrap;
    font-weight:300;
    font-size:12px;
    line-height:16px;
    text-decoration:none;
    text-transform:uppercase;
    color:#606066;
    background-color:#eeeeef;
    padding:10px 35px 10px 35px;
    display:block;
    border:0;
    border-bottom:solid 1px #444444;
}

nav .menu ul li ul.children li a:active,
nav ul.menu li ul.sub-menu li a:active,
nav .menu ul li ul.children li a:hover,
nav ul.menu li ul.sub-menu li a:hover {
    color:#ffffff;
    background-color:#29292f;
}









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

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

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:-47px;
    margin-left:100%;
}

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:-47px;
    margin-left:100%;
    /*border-bottom:solid 5px #cccccc;*/
}

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;
}











.menu > li > a:after,
.menu > ul > li > a:after {
    /*content: '   +';*/
    content: '-----';
    color:transparent;
    /*padding-right:20px;*/
    background-image:url(images/arrow-down.png);
    background-repeat:no-repeat;
    background-position:right;
}

.menu > li > a:only-child:after,
.menu > ul > li > a:only-child:after {
    content: '';
    background-image:none;
}

/*,
ul.children > li > a*/

.sub-arrow {
    /*content: '   +';*/
    /*content: '+++';*/
    content: '';
    color:transparent;
    /*padding-right:20px;*/
    background-image:url(images/arrow-right.png) !important;
    background-repeat:no-repeat;
    background-position:right;
}