/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/* ---------------------------------------------------------------------------
 * Self-hosted variable fonts (first-party; Google Fonts disabled in Bricks).
 * Files live in bricks-child/fonts/. style.css is enqueued by functions.php.
 * Family names must match the strings used in Bricks theme styles:
 *   Merriweather (headings), Inter (body), JetBrains Mono (technical figures).
 * ------------------------------------------------------------------------- */

@font-face {
  font-family: 'Merriweather';
  src: url('fonts/merriweather-var.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url('fonts/merriweather-italic-var.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('fonts/inter-var.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/jetbrains-mono-var.woff2') format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}


/* NV: classic content frame - keep theme-rendered (#brx-content.wordpress) pages padded between header and footer */
#brx-content.wordpress{
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--space-xl) var(--space-md);
}
@media (max-width: 767px){
  #brx-content.wordpress{ padding: var(--space-lg) var(--space-sm); }
}