#masthead.site-header,
#site-navigation.main-navigation,
#mobile-menu-control-wrapper.main-navigation {
    background-color: #123d2d;
    color: #e7f4ed;
}

#masthead.site-header a,
#masthead .main-title a,
#masthead .main-title a:hover,
#site-navigation .main-nav > ul > li > a,
#site-navigation .menu-toggle,
#site-navigation .menu-bar-items,
#mobile-menu-control-wrapper .menu-toggle {
    color: #fff;
}

#masthead.site-header a:hover {
    color: #a9edcb;
}

#site-navigation .main-nav > ul > li:not([class*="current-menu-"]):hover > a,
#site-navigation .main-nav > ul > li:not([class*="current-menu-"]):focus > a,
#site-navigation .main-nav > ul > li.sfHover:not([class*="current-menu-"]) > a,
#site-navigation .menu-bar-item:hover > a,
#site-navigation .menu-bar-item.sfHover > a {
    background-color: #16704d;
    color: #fff;
}

#site-navigation .main-nav > ul > li[class*="current-menu-"] > a {
    background-color: #126442;
    color: #fff;
}

#site-navigation .main-nav ul ul {
    background-color: #fff;
}

#site-navigation .main-nav ul ul li a {
    color: #16352a;
}

#site-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,
#site-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a,
#site-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a {
    background-color: #e7f4ed;
    color: #123d2d;
}

#site-navigation .main-nav ul ul li[class*="current-menu-"] > a {
    background-color: #bed6ca;
    color: #123d2d;
}

#mobile-menu-control-wrapper .menu-toggle,
#mobile-menu-control-wrapper .menu-toggle:hover,
#mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
    background-color: rgba(0, 0, 0, 0.02);
}

@media (max-width: 768px) {
    #site-navigation .menu-bar-item:hover > a,
    #site-navigation .menu-bar-item.sfHover > a {
        background: none;
        color: #fff;
    }
}