﻿.secondary-navigation {
    background-color: #00629b;
}

    .secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-menu-bar-items .menu-bar-item > a {
        color: #ffffff;
        font-weight: 300;
        padding-left: 17px;
        padding-right: 17px;
        line-height: 30px;
    }

    .secondary-navigation .secondary-menu-bar-items {
        color: #ffffff;
    }

button.secondary-menu-toggle:hover, button.secondary-menu-toggle:focus {
    color: #ffffff;
}

.widget-area .secondary-navigation {
    margin-bottom: 32px;
}

.secondary-navigation ul ul {
    background-color: #303030;
    top: auto;
}

.secondary-navigation .main-nav ul ul li a {
    color: #ffffff;
    padding-left: 17px;
    padding-right: 17px;
}

.secondary-navigation .menu-item-has-children .dropdown-menu-toggle {
    padding-right: 17px;
}

.secondary-navigation .main-nav ul li:hover > a, .secondary-navigation .main-nav ul li:focus > a, .secondary-navigation .main-nav ul li.sfHover > a, .secondary-menu-bar-items .menu-bar-item:hover > a {
    color: #5a88c6;
    background-color: #ffffff;
}

.secondary-navigation .main-nav ul ul li:hover > a, .secondary-navigation .main-nav ul ul li:focus > a, .secondary-navigation .main-nav ul ul li.sfHover > a {
    color: #ffffff;
    background-color: #474747;
}

.secondary-navigation .main-nav ul li[class*="current-menu-"] > a, .secondary-navigation .main-nav ul li[class*="current-menu-"] > a:hover, .secondary-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
    color: #5a88c6;
    background-color: #ffffff;
}

.secondary-navigation .main-nav ul ul li[class*="current-menu-"] > a, .secondary-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover, .secondary-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a {
    color: #ffffff;
    background-color: #474747;
}

.secondary-navigation.toggled .dropdown-menu-toggle:before {
    display: none;
}

@media (max-width: 1025px) {
    .secondary-menu-bar-items .menu-bar-item:hover > a {
        background: none;
        color: #ffffff;
    }
}
