/* CSURO: local fix-ups on top of production's CSS (loaded last by csuro-design.php). Class-only.
   Bricks 2 ships its element defaults in a cascade layer; the resets below are unlayered but wrapped in :where()
   (zero specificity): they restore browser defaults for the properties Bricks sets and production never does, while
   every production rule (unlayered, with real specificity) still wins. */

:where(.brxe-section) { display: block; flex-direction: row; flex-wrap: nowrap; align-items: normal; margin-left: 0; margin-right: 0; width: auto; }
:where(.brxe-container) { display: block; flex-direction: row; flex-wrap: nowrap; align-items: normal; margin-left: 0; margin-right: 0; width: auto; }
:where(.brxe-block) { display: block; flex-direction: row; flex-wrap: nowrap; align-items: normal; width: auto; }
:where(.brxe-div) { width: auto; }
:where(#brx-header [class*="brxe-"], #brx-content [class*="brxe-"], #brx-footer [class*="brxe-"]) { max-width: none; }
/* Bricks form defaults (label as a block with a 5px gap, 40px input line-height) that production never sets */
:where(label) { display: inline; margin-bottom: 0; }
:where(input, select, textarea, button) { line-height: normal; }
/* the Bricks shortcode wrapper around a menu's <ul> takes no box (production's <ul> is the nav's direct child) */
:where(.awb-menu > .brxe-shortcode) { display: contents; }
/* production's inline style on its mega-menu wrapper */
.awb-menu__mega-wrap.csu-mega-wrap { --awb-megamenu-width: var(--site_width); }
/* production's #boxed-wrapper clips horizontally (full-width rows' negative column margins, off-screen submenus) */
#brx-header, #brx-content, #brx-footer { overflow-x: clip; }