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


:root {

/* COLORS */

/*Dark*/
--dark-h: 0;
--dark-s: 1%;
--dark-l: 15%;
--dark-hsl: var(--dark-h) var(--dark-s) var(--dark-l);
--dark: hsl(var(--dark-hsl));
--dark-light-trans-90: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .90);
--dark-light-trans-80: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .80);
--dark-light-trans-70: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .70);
--dark-light-trans-60: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .60);
--dark-light-trans-50: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .50);
--dark-light-trans-40: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .40);
--dark-light-trans-30: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .30);
--dark-light-trans-20: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .20);
--dark-light-trans-10: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .10);
--dark-light-trans-05: hsl(var(--dark-h) var(--dark-s) var(--dark-l) / .05);

/*White*/
--white-h: 0;
--white-s: 0%;
--white-l: 100%;
--white-hsl: var(--white-h) var(--white-s) var(--white-l);
--white: hsl(var(--white-hsl));
--white-light-trans-90: hsl(var(--white-h) var(--white-s) var(--white-l) / .90);
--white-light-trans-80: hsl(var(--white-h) var(--white-s) var(--white-l) / .80);
--white-light-trans-70: hsl(var(--white-h) var(--white-s) var(--white-l) / .70);
--white-light-trans-60: hsl(var(--white-h) var(--white-s) var(--white-l) / .60);
--white-light-trans-50: hsl(var(--white-h) var(--white-s) var(--white-l) / .50);
--white-light-trans-40: hsl(var(--white-h) var(--white-s) var(--white-l) / .40);
--white-light-trans-30: hsl(var(--white-h) var(--white-s) var(--white-l) / .30);
--white-light-trans-20: hsl(var(--white-h) var(--white-s) var(--white-l) / .20);
--white-light-trans-10: hsl(var(--white-h) var(--white-s) var(--white-l) / .10);
--white-light-trans-05: hsl(var(--white-h) var(--white-s) var(--white-l) / .05);

/*Primary*/
--primary-h: 193;
--primary-s: 97%;
--primary-l: 46%;
--primary-hsl: var(--primary-h) var(--primary-s) var(--primary-l);
--primary: hsl(var(--primary-hsl));
--primary-light-trans-90: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .90);
--primary-light-trans-80: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .80);
--primary-light-trans-70: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .70);
--primary-light-trans-60: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .60);
--primary-light-trans-50: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .50);
--primary-light-trans-40: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .40);
--primary-light-trans-30: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .30);
--primary-light-trans-20: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .20);
--primary-light-trans-10: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .10);
--primary-light-trans-05: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .05);

/*Secondary*/
--secondary-h: 80;
--secondary-s: 54%;
--secondary-l: 49%;
--secondary-hsl: var(--secondary-h) var(--secondary-s) var(--secondary-l);
--secondary: hsl(var(--secondary-hsl));
--secondary-light-trans-90: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .90);
--secondary-light-trans-80: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .80);
--secondary-light-trans-70: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .70);
--secondary-light-trans-60: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .60);
--secondary-light-trans-50: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .50);
--secondary-light-trans-40: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .40);
--secondary-light-trans-30: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .30);
--secondary-light-trans-20: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .20);
--secondary-light-trans-10: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .10);
--secondary-light-trans-05: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .05);

/*Terciary*/
--terciary-h: 25;
--terciary-s: 91%;
--terciary-l: 54%;
--terciary-hsl: var(--terciary-h) var(--terciary-s) var(--terciary-l);
--terciary: hsl(var(--terciary-hsl));
--terciary-light-trans-90: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .90);
--terciary-light-trans-80: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .80);
--terciary-light-trans-70: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .70);
--terciary-light-trans-60: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .60);
--terciary-light-trans-50: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .50);
--terciary-light-trans-40: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .40);
--terciary-light-trans-30: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .30);
--terciary-light-trans-20: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .20);
--terciary-light-trans-10: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .10);
--terciary-light-trans-05: hsl(var(--terciary-h) var(--terciary-s) var(--terciary-l) / .05);