/*
Theme Name:   Child Theme - Bricks
Theme URI:    https://bricksbuilder.io/
Description:  ASM International Child Theme for extension of Bricks Builder
Author:       ASM International
Author URI:   https://bricksbuilder.io/
Template:     bricks
Version:      1.0
Text Domain:  bricks
*/

/* Consistent top/bottom breathing room around the actual page content
   (#brx-content, from bricks/template-parts/page.php), regardless of what
   sits above/below it. This deliberately lives here rather than as margin
   on the ASM plugin sections (hero, sponsors, footer) that sit around it:
   on the homepage, the header sponsor sections render via
   bricks_after_header - BEFORE #brx-content even starts - while the footer
   sponsor sections render via bricks_before_footer - AFTER it ends. They're
   siblings of the content on opposite sides of it, not of each other, so no
   single margin rule on those sections could ever point "away from
   content" correctly in both places at once. Padding here (not margin, so
   it can't collapse unpredictably with anything) creates the buffer on
   both sides of the real content instead, and every ASM section around it
   goes back to being margin-neutral. */
#brx-content {
  padding-top: clamp(2rem, 5vw, 4rem);
  padding-bottom: clamp(2rem, 5vw, 4rem);

  /* Contained, centered column - matches the sponsor sections'
     .asm-sponsors__title/__track/__slider max-width (1200px) so left
     edges actually line up between plain page text and the sponsor logos
     directly above/below it, instead of text running full viewport width
     while everything around it reads as a framed section.
     ON HOLD: commented out, not deleted - there are live pages that rely
     on #brx-content itself running full page width (not just individual
     sections doing their own 100vw breakout), so this would regress them.
     Re-enable once that's been reconciled - e.g. auditing which pages
     need full-bleed and giving them an opt-out class instead of a
     site-wide default. */
  /*
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  */
}