/*
 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.1
 Text Domain:  bricks
*/

/* Huisstijl-fonts traumastichting.nl (lokaal gehost) */
@font-face {
  font-family: "Bevellier";
  src: url("fonts/Bevellier-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bevellier";
  src: url("fonts/Bevellier-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bevellier";
  src: url("fonts/Bevellier-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bevellier";
  src: url("fonts/Bevellier-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bevellier";
  src: url("fonts/Bevellier-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT America Condensed";
  src: url("fonts/GT-America-Condensed-Medium-Trial.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT America Condensed";
  src: url("fonts/GT-America-Condensed-Bold-Trial.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT America Condensed";
  src: url("fonts/GT-America-Condensed-Black-Trial.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Bredere content, zoals het ontwerp (bijna full-width met marge) */
:root {
  --content-width: min(160rem, 94vw);
}
.brxe-container {
  width: var(--content-width);
  max-width: 94vw;
}

/* Uniforme knoppen: overal even hoog, iconen uitgelijnd met de tekst */
#brx-header .brxe-button,
#brx-content .brxe-button,
#brx-footer .brxe-button,
.bl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 5.4rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  line-height: 1;
}
#brx-header .brxe-button svg,
#brx-content .brxe-button svg,
#brx-footer .brxe-button svg,
.bl-btn svg {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

body {
  font-family: "Lato", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Bevellier", serif;
}