/*
 * Theme Name:  Barcelona. Child
 * Theme URI:   http://themeforest.net/item/barcelona-clean-news-magazine-wordpress-theme/13308848
 * Description: Child theme of Barcelona theme.
 * Author:      Aggressive Motions
 * Author URI:  http://www.aggressivemotions.com
 * Template:    barcelona
 * Template Version: 1.4.4
 * Version: 1.1.1
 */

/* Keep every level of the light navigation consistent, including current items.
 * Barcelona's inline theme colours use !important, so these scoped overrides
 * must also override the configured black current-item colour and hover fill.
 */
.navbar.navbar-light .navbar-nav .sub-menu {
    background-color: #fafafa !important;
    border-color: #eeeeee !important;
}

.navbar.navbar-light .navbar-nav > li > a,
.navbar.navbar-light .navbar-nav .sub-menu > li > a {
    color: #dd9933 !important;
    background-color: transparent !important;
    transition: background-color 160ms ease;
}

.navbar.navbar-light .navbar-nav > li.current-menu-item > a,
.navbar.navbar-light .navbar-nav > li.current-menu-ancestor > a,
.navbar.navbar-light .navbar-nav > li.current-menu-parent > a,
.navbar.navbar-light .navbar-nav .sub-menu > li.current-menu-item > a,
.navbar.navbar-light .navbar-nav .sub-menu > li.current-menu-ancestor > a {
    color: #ffffff !important;
    background-color: #dd9933 !important;
}

.navbar.navbar-light .navbar-nav > li:hover > a,
.navbar.navbar-light .navbar-nav > li.menu-item-hover > a,
.navbar.navbar-light .navbar-nav > li > a:focus,
.navbar.navbar-light .navbar-nav .sub-menu > li:hover > a,
.navbar.navbar-light .navbar-nav .sub-menu > li.menu-item-hover > a,
.navbar.navbar-light .navbar-nav .sub-menu > li > a:focus {
    color: #ffffff !important;
    background-color: #cc8929 !important;
}

.navbar.navbar-light .navbar-nav > li > a:focus-visible,
.navbar.navbar-light .navbar-nav .sub-menu > li > a:focus-visible {
    box-shadow: inset 0 0 0 2px #ffffff;
}

@media (prefers-reduced-motion: reduce) {
    .navbar.navbar-light .navbar-nav > li > a,
    .navbar.navbar-light .navbar-nav .sub-menu > li > a {
        transition: none;
    }
}