/*!
 * renew-legacy-shared.css
 *
 * The part of renew-legacy.css that MODERN pages still depend on.
 *
 * renew-legacy.css used to load unconditionally on every page of every site. It is now
 * gated behind the legacy-navigation toggle (see ananda_x_uses_legacy_navigation() and
 * inc/enqueue.php), because 144 of its 153 selector clauses can only match legacy-nav
 * markup — classes such as .desktop, .x-nav, .sub-menu, .x-megamenu and .x-topbar, none
 * of which exist in a modern page's DOM at any viewport.
 *
 * These nine rules are the exception. They were verified load-bearing on modern pages by
 * removing the stylesheet at runtime in headless Chromium and diffing computed styles on
 * ananda.org/ca/ (parent theme) and ananda.org/ (ananda-org child theme). Dropping them
 * would have cost the navbar its stacking context (position/z-index, which the dropdowns
 * rely on), the bottom colophon its dark background, centring and 11px type, and the
 * social icons their 54x54 sizing — collapsing them to 14x16.
 *
 * Rules are reproduced verbatim and in source order from renew-legacy.css, and this file
 * is enqueued in the same cascade slot that renew-legacy.css occupied (after x-stack,
 * before x-generated), so everything downstream still overrides them exactly as before.
 * Legacy-navigation sites do NOT load this file — they load the full renew-legacy.css,
 * which already contains these rules.
 *
 * Do not edit main.css to hold these instead: it is a checked-in build artifact whose
 * SCSS source is not in this repository, so hand edits there are lost on the next build.
 *
 * @since 0.16.0
 */

/* renew-legacy.css:265 */
.x-navbar {
	position: relative;
	overflow: visible;
	z-index: 1030
}

/* renew-legacy.css:271 */
.x-navbar .x-container {
	position: relative
}

/* renew-legacy.css:300 */
.x-brand {
	display: block;
	float: left;
	line-height: 1;
	text-decoration: none
}

/* renew-legacy.css:509 */
.x-navbar {
	background-color: #2c3e50
}

/* renew-legacy.css:707 */
.x-colophon.bottom {
	padding: 50px 0;
	font-size: 11px;
	line-height: 1.3;
	text-align: center;
	color: #fff;
	background-color: #2c3e50
}

/* renew-legacy.css:716 */
.x-colophon.bottom .x-social-global {
	margin: 20px 0
}

/* renew-legacy.css:720 */
.x-colophon.bottom .x-social-global a {
	margin: 0 1.25%;
	width: 54px;
	height: 54px;
	font-size: 21px;
	line-height: 54px
}

/* renew-legacy.css:771 */
.x-colophon .widget {
	margin-top: 3em
}

/* renew-legacy.css:775 */
.x-colophon .widget ul li {
	background-color: #fafafa
}