:root {
  --font-family: Archivo;
  --font-family-2: Poppins;
  --font-style: normal;
  --font-weight: 800;
  --font-weight-2: 700;
  --font-weight-3: 600;
  --font-weight-4: 400;
  --letter-spacing: 2.4px;
  --line-height: var)var(--lh-heading);
  --line-height-2: var(lh-body);
}

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

.ts-h1 {font-family: var(--font-family);
font-size: var(--ts-h1);
font-style: var(--font-style);
font-weight: var(--font-weight);
line-height: var(--lh-heading);}

.ts-h2 {font-family: var(--font-family);
font-size: var(--ts-h2);
font-style: var(--font-style);
font-weight: var(--font-weight-2);
line-height: var(--lh-heading); }

.ts-h3 { font-family: var(--font-family);
font-size: var(--ts-h3);
font-style: var(--font-style);
font-weight: var(--font-weight-2);
line-height: var(--lh-heading);}

.ts-h4 { font-family: var(--font-family);
font-size: var(--ts-h4);
font-style: var(--font-style);
font-weight: var(--font-weight-2);
line-height: var(--line-height);}

.ts-h5 {font-family: var(--font-family);
font-size: var(--ts-h5);
font-style: var(--font-style);
font-weight: var(--font-weight-2);
line-height: var(--lh-emphasis);}

.ts-s1 {font-family: var(--font-family);
font-size: var(--ts-s1);
font-style: var(--font-style);
font-weight: var(--font-weight-3);
line-height: var(--line-height-2);}

.ts-s2 {font-family: var(--font-family);
font-size: var(--ts-s2);
font-style: var(--font-style);
font-weight: var(--font-weight-3);
line-height: var(--lh-body);}

.ts-b1 {font-family: var(--font-family);
font-size: var(--ts-b1);
font-style: var(--font-style);
font-weight: var(--font-weight-4);
line-height: var(--lh-body);}

.ts-b2 {font-family: var(--font-family);
font-size: var(--ts-b2);
font-style: var(--font-style);
font-weight: var(--font-weight-4);
line-height: var(--lh-body);}

.ts-caption {font-family: var(--font-family-2);
font-size: var(--ts-caption);
font-style: var(--font-style);
font-weight: var(--font-weight-4);
line-height: var(--lh-emphasis);}

.ts-numbers {font-family: var(--font-family);
font-size: var(--ts-numbers);
font-style: var(--font-style);
font-weight: var(--font-weight-4);
line-height: var(--lh-heading);
letter-spacing: var(--letter-spacing);}

.ts-b-highlight {font-family: var(--font-family);
font-size: var(--ts-highighted);
font-style: var(--font-style);
font-weight: var(--font-weight-2);
line-height: var(--lh-emphasis);}

.ts-highlighted {font-family: var(--font-family);
font-size: var(--ts-highighted);
font-style: var(--font-style);
font-weight: var(--font-weight-3);
line-height: var(--lh-emphasis);}

.dark-blue { color: var(--dark-blue);}

.blue { color: var(--blue-primary);}

.light-blue { color: var(--light-blue);}

.orange { color: var(--orange);}

.grey-light { color: var(--orange);}

.white { color: var(--white);}

.red { color: var(--red);}

.yellow { color: var(--yellow);}

.bg-dark-blue { background-color: var(--dark-blue);}

.bg-blue { background-color: var(--blue-primary);}

.bg-light-blue { background-color: var(--light-blue);}

.bg-orange { background-color: var(--orange);}

.bg-grey-light { background-color: var(--orange);}

.bg-white { background-color: var(--white);}

.bg-red { background-color: var(--red);}

.bg-yellow { background-color: var(--yellow);}

.f1 { font-size: var(--ts-h1); }

.f2 { font-size: var(--ts-h2); }

.f3 { font-size: var(--ts-h3); }

.f4 { font-size: var(--ts-h4); }

.f5 { font-size: var(--ts-h5); }

.fs1 { font-size: var(--ts-s1); }

.fs2 { font-size: var(--ts-s2); }

.fb1 { font-size: var(--ts-b1); }

.fb2 { font-size: var(--ts-b2); }

.m0 { margin: var(--space-0); }

.mt0 { margin-top: var(--space-0); }

.ml0 { margin-left: var(--space-0); }

.mr0 { margin-right: var(--space-0); }

.mb0 { margin-bottom: var(--space-0); }

.m1 { margin: var(--space-1); }

.mt1 { margin-top: var(--space-1); }

.ml1 { margin-left: var(--space-1); }

.mr1 { margin-right: var(--space-1); }

.mb1 { margin-bottom: var(--space-1); }

.m2 { margin: var(--space-2); }

.mt2 { margin-top: var(--space-2); }

.ml2 { margin-left: var(--space-2); }

.mr2 { margin-right: var(--space-2); }

.mb2 { margin-bottom: var(--space-2); }

.m3 { margin: var(--space-3); }

.mt3 { margin-top: var(--space-3); }

.ml3 { margin-left: var(--space-3); }

.mr3 { margin-right: var(--space-3); }

.mb3 { margin-bottom: var(--space-3); }

.m4 { margin: var(--space-4); }

.mt4 { margin-top: var(--space-4); }

.ml4 { margin-left: var(--space-4); }

.mr4 { margin-right: var(--space-4); }

.mb4 { margin-bottom: var(--space-4); }

.m5 { margin: var(--space-5); }

.mt5 { margin-top: var(--space-5); }

.ml5 { margin-left: var(--space-5); }

.mr5 { margin-right: var(--space-5); }

.mb5 { margin-bottom: var(--space-5); }

.m6 { margin: var(--space-6); }

.mt6 { margin-top: var(--space-6); }

.ml6 { margin-left: var(--space-6); }

.mr6 { margin-right: var(--space-6); }

.mb6 { margin-bottom: var(--space-6); }

.m7 { margin: var(--space-7); }

.mt7 { margin-top: var(--space-7); }

.ml7 { margin-left: var(--space-7); }

.mr7 { margin-right: var(--space-7); }

.mb7 { margin-bottom: var(--space-7); }

.m8 { margin: var(--space-8); }

.mt8 { margin-top: var(--space-8); }

.ml8 { margin-left: var(--space-8); }

.mr8 { margin-right: var(--space-8); }

.mb8 { margin-bottom: var(--space-8); }

.p0 { padding: var(--space-0); }

.pt0 { padding-top: var(--space-0); }

.pl0 { padding-left: var(--space-0); }

.pr0 { padding-right: var(--space-0); }

.pb0 { padding-bottom: var(--space-0); }

.p1 { padding: var(--space-1); }

.pt1 { padding-top: var(--space-1); }

.pl1 { padding-left: var(--space-1); }

.pr1 { padding-right: var(--space-1); }

.pb1 { padding-bottom: var(--space-1); }

.p2 { padding: var(--space-2); }

.pt2 { padding-top: var(--space-2); }

.pl2 { padding-left: var(--space-2); }

.pr2 { padding-right: var(--space-2); }

.pb2 { padding-bottom: var(--space-2); }

.p3 { padding: var(--space-3); }

.pt3 { padding-top: var(--space-3); }

.pl3 { padding-left: var(--space-3); }

.pr3 { padding-right: var(--space-3); }

.pb3 { padding-bottom: var(--space-3); }

.p4 { padding: var(--space-4); }

.pt4 { padding-top: var(--space-4); }

.pl4 { padding-left: var(--space-4); }

.pr4 { padding-right: var(--space-4); }

.pb4 { padding-bottom: var(--space-4); }

.p5 { padding: var(--space-5); }

.pt5 { padding-top: var(--space-5); }

.pl5 { padding-left: var(--space-5); }

.pr5 { padding-right: var(--space-5); }

.pb5 { padding-bottom: var(--space-5); }

.p6 { padding: var(--space-6); }

.pt6 { padding-top: var(--space-6); }

.pl6 { padding-left: var(--space-6); }

.pr6 { padding-right: var(--space-6); }

.pb6 { padding-bottom: var(--space-6); }

.p7 { padding: var(--space-7); }

.pt7 { padding-top: var(--space-7); }

.pl7 { padding-left: var(--space-7); }

.pr7 { padding-right: var(--space-7); }

.pb7 { padding-bottom: var(--space-7); }

.p8 { padding: var(--space-8); }

.pt8 { padding-top: var(--space-8); }

.pl8 { padding-left: var(--space-8); }

.pr8 { padding-right: var(--space-8); }

.pb8 { padding-bottom: var(--space-8); }

.br0 { border-radius: var(--br-0); }

.br1 { border-radius: var(--br-1); }

.br2 { border-radius: var(--br-2); }