/*
 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
*/

/* VARIABLES */

:root {
  --max-width: 1360px;
  --element-radius: 2rem;
  --box-shadow: 0 0 34px 0 rgba(0,0,0,0.06);
  --primary: #3552d6;
  --secondary: #283148;
  --accent: #8ac9a1;
  --accent-dark: #71a383;
  --bg-light: #f7f8fa;
  --text-color: #333333;
  --white: #ffffff;
  --section-block-padding: clamp(5rem, 2.027vw + 4.351rem, 8rem);
  --section-inline-padding: clamp(1.5rem, 1.014vw + 1.176rem, 3rem);
  --gap-sm: 10px;
  --gap-s: clamp(10px, 6.9px + 0.956vw, 15px);
  --gap-m: clamp(20px, 18px + 0.956vw, 30px);
  --gap-b: clamp(20px, 10px + 2.868vw, 50px);
  --font-primary: "Poppins", sans-serif;
  --font-secondary: "Archia", sans-serif;
  --p: clamp(1.4rem, 0.068vw + 1.378rem, 1.5rem);
  --h1:clamp(3.6rem, 0.405vw + 3.47rem, 4.2rem);
  --h2: clamp(3.2rem, 0.405vw + 3.07rem, 3.8rem);
  --h3: clamp(2.6rem, 0.405vw + 2.47rem, 3.2rem);
  --h4: clamp(2.2rem, 0.27vw + 2.114rem, 2.6rem);
  --h5: clamp(2rem, 0.27vw + 1.914rem, 2.4rem);
  --h6: clamp(1.8rem, 0.135vw + 1.757rem, 2rem);
  --p-line-height: 1.6;
  --h-line-height: 1.4;
}

/* GENERAL */

html, body {
  max-width: 100vw;
  overflow-x: hidden;
}

.shadow {
  box-shadow: var(--box-shadow);
}

/* HEADER */

header {
  z-index: 999;
}