/* pmc menu - desktop */

nav > .container > div { background: $NaviBgPmc !important; } /* main navi */
nav > .container .dropdown-menu { background-color: $MenuBgPmc !important; } /* dropdown background */

/* menu items */

.navbar-nav > li > a        { color: $NaviTextPmc !important; }                                                             /* inactive top level item */
.navbar-nav > .selected > a { background-color: $NaviSelectedBgPmc !important; color: $NaviSelectedTextPmc !important;}     /* active top level item */
#main-menu-top .navbar-nav > li:hover > a  { background-color: $NaviSelectedBgPmc !important; }                             /* top level hover */
.navbar-nav > li:hover > a { /*color: $white !important;*/ background-color: $NaviSelectedBgPmc !important;  color: $NaviSelectedTextPmc !important;}
.dropdown-menu > li > a        { color: $MenuTextPmc !important; }                                      /* one level submenu item */
#main-menu-top .dropdown-menu > li:hover,
.dropdown-menu > li.active     { background-color: $MenuBgHoverPmc !important; }
#main-menu-top .dropdown-menu > li:hover > *,
.dropdown-menu > li.active > * { color: $MenuTextHoverPmc !important; }

/* we don't need this right now - will work after main theme update
#main-menu-top li.selected { background-color: $additional-color!important; }*/

.navbar-nav > li > .dropdown-menu { border-top: 2px solid $NaviSelectedBgPmc !important; }

//@media (min-width:768px) {
    .subBox { background-color: $MenuBgPmc !important; border-top: 2px solid $NaviSelectedBgPmc !important; }

    .subLeft > .dropdown-menu { background-color: inherit; }                                                            /* move this to main theme */

    .subLeft li > .dynamic-children { background-image: url("./images/submenu_3dots-menu.png") !important; }      /* change picture name */
    .subLeft li.active > .dynamic-children,
	.subLeft li:hover > .dynamic-children { background-image: url("./images/submenu_3dots-menu-hover.png") !important; }

    .subRight { border-left: 1px solid $NaviSelectedBgPmc !important; }
    .subRight li > a:hover { color: $MenuTextHoverPmc !important; background-color: $MenuBgHoverPmc !important; }                     /* remove after main theme update */
//}