//defaults
@import "less/defaults.less";

//special
@skin_name:minimal;

@target_color: #333;
@submenu_target_color: #333;

@toggle_background:transparent;
@toggle_color:#333;
@toggle_background_hover:transparent;
@toggle_color_hover:#111;

@menu_bar_background: transparent;
@top_level_font_weight:normal;
@top_level_color: #333;
@top_level_color_hover: #111;
@top_level_background_hover: transparent;

@top_level_current_item_color: #111;
@current_item_color: #111;

@header_color: #333;

@dropdown_background: #fff;
@dropdown_border: 1px solid #fff;
@dropdown_border_top: @dropdown_border;


//mixins
.bar_mix(){
	background:@menu_bar_background;
}

//skeleton
@import "less/skeleton.less";


//overrides
.ubermenu-skin-@{skin_name}.ubermenu-transition-fade .ubermenu-item-level-0 > .ubermenu-submenu-drop{
  margin-top:0;	//in case they set a top level background, so there isn't a gap
}

.ubermenu-skin-@{skin_name}.ubermenu-mobile-modal.ubermenu-mobile-view{
	background:#fff;
}