// Style declarations for media with wide width defined in app-settings.css.less

.unit(@units:1) {
  width: (@unitWideWidth + ((@units - 1) * (@unitWideWidth + @gridUnitGutter)));
}

#topbar,
#header,
#main-menu,
#navigation,
#billboard,
#placard,
#main-container,
#supplement,
#appendix,
#rider,
#footer,
#secondary-menu,
#theme-attribution {
  width: @gridContainerWideWidth;
  min-width: @gridContainerWideWidth;
}

#main-menu-list,
#secondary-menu-list,
#theme-attribution p,
body.no-sidebars #main {
.unit(@gridTotalUnits);
}

#branding {
  .unit(@gridBranding);
}

#header-annex {
  .unit(@gridHeaderAnnex);
}

#sidebar-first {
  .unit(@gridSidebarFirst);
}

#sidebar-second {
  .unit(@gridSidebarSecond);
}

#node-aside {
  .unit(@gridNodeAside);
}

body.two-sidebars #main {
  .unit(@gridTwoSidebarsMain);
}

body.sidebar-first #main {
  .unit(@gridSidebarFirstMain);
}

body.sidebar-second #main {
  .unit(@gridSidebarSecondMain);
}
