/**
* #.# Navigation
*
* Customizes the look and feel of the navigation menu, overriding default
* styles of the parent theme.
*/

/*** ESSENTIAL STYLES ***/
.sf-menu a {
    font-size: 18px;
    color: #000000;
}

.sf-menu a:hover {
    color: #01b0d5;
}

/* Skin */

.top-header .top-menu-container .sf-menu .sub-menu li a {
    font-size: 16px;
    padding: 0;
}

.sf-menu > li:hover > a,
.sf-menu > li.sfHover > a {
    border-bottom: 1px solid #01b0d5;
}

.sf-menu > li > .sub-menu {
    border-top: 1px solid #01b0d5;
}

.sf-menu > .current-menu-item > a,
.sf-menu > .current-page-ancestor > a,
.sf-menu > .current-menu-ancestor > a,
.sf-menu > .current-page-parent > a,
.sf-menu > .current_page_ancestor > a {
    border-bottom: 1px solid #01b0d5;
    color: #01b0d5;
}

/*
 * Allow sub-menus to have the appropriate colours and hovers, even if the current top-level menu item points to a page
 */
.sf-menu li.current-menu-item ul li:not(.current-menu-item) a {
    color: #000000;
}

.sf-menu li.current-menu-item ul li a:hover {
    color: #01b0d5;
}

.sf-menu .current-menu-item a {
    color: #01b0d5;
}