/* condo menu - desktop */

@mixin menu-condo-background-linear-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 )!important; /* IE6-9 */
}

.condo ul.dynamic,              /* ? */
.condo #condoHomeLink,
.condo div.subBox {
	@include menu-condo-background-linear-gradient;
}

.condo nav > .container > div,
.condo nav > .container > ul,
.condo nav > .container .dropdown-menu  {
    @include menu-condo-background-linear-gradient;
}

/* menu items */

.condo .navbar-nav > li > a { color: $NaviTextCondo !important; }                                                                       /* inactive top level item */
.condo .navbar-nav > .selected > a { background-color: $NaviSelectedBgCondo !important; color: $NaviSelectedTextCondo !important; }     /* active top level item */
.condo .navbar-nav > li:hover > a { color: $NaviSelectedTextCondo !important; background-color: $NaviSelectedBgCondo !important; }                  /* top level hover */

.condo .dropdown-menu > li > a,
.condo .dropdown-menu > li > span { color: $MenuTextCondo !important; }                                               /* one level menu item */
.condo #main-menu-top .dropdown-menu > li:hover, 
.condo .dropdown-menu > li.active { background-color: $MenuBgHoverCondo !important; }
.condo #main-menu-top .dropdown-menu > li:hover > *, 
.condo .dropdown-menu > li.active > * { color: $MenuTextHoverCondo !important; }

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

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

//@media (min-width:768px) {
    .condo .subBox { border-top: 2px solid $NaviSelectedBgCondo !important; }

    .condo .subLeft > ul> li.active,
    .condo .subLeft > ul> li:hover { background-color: $MenuBgHoverCondo !important; }
	
    .condo .subLeft .dynamic-children { background-image: url("./images/submenu_3dots-menu_condo.png") !important; }
	.condo .subLeft li.active > .dynamic-children,
    .condo .subLeft li:hover > .dynamic-children { background-image: url("./images/submenu_3dots-menu_condo-hover.png") !important; }

    .condo .subRight { border-left: 1px solid $NaviSelectedBgCondo !important; }
	.condo .subRight li > a:hover { color: $MenuTextHoverCondo !important; background-color: $MenuBgHoverCondo !important; }
//}