/*
 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
*/
body.bds-dark { 
  --base-white: var(--base-dark-30); 
  --base: var(--base-dark-10);
	
  --primary-white:var(--primary-dark-30);
  --primary: var(--primary-light-90);
	
  --secondary-white:var(--secondary-dark-30);
  --secondary: var(--secondary-dark-10);
  
  --accent-white:var(--accent-dark-30);
  --accent: var(--accent-dark-10);
  
  --neutral: var(--neutral-10);
	
  background:var(--primary-dark-50);
}
body.bds-dark figure,
body.bds-dark picture,
body.bds-dark img{
filter: brightness(75%);
}

/* Backup Colors
Base: #f0f8ff, 100, 80
Primary: #1c75bc, 80, 80
Secondary: #c2b59b, 100, 100
Accent: #fc8212, 100, 100
Muted: #888888, 20, 20
Info: #3498db, 20, 20
Success: #039900, 20, 20
Warning: #f1c40f, 20, 20
Danger: #e74c3c, 20, 20
Neutral: #121212
*/
:root{
--white-darkmode:var(--white);

--base-h: 208;
--base-s: 100%;
--base-l: 97%;
--base-lighter: 100%;
--base-darker: 80%;
--base-white: var(--white-darkmode);
--base:hsl(var(--base-h), var(--base-s), var(--base-l));
--base-trans-10: hsl(var(--base-h) var(--base-s) var(--base-l) / .1 );
--base-trans-20: hsl(var(--base-h) var(--base-s) var(--base-l) / .2 );
--base-trans-30: hsl(var(--base-h) var(--base-s) var(--base-l) / .3 );
--base-trans-40: hsl(var(--base-h) var(--base-s) var(--base-l) / .4 );
--base-trans-50: hsl(var(--base-h) var(--base-s) var(--base-l) / .5 );
--base-trans-60: hsl(var(--base-h) var(--base-s) var(--base-l) / .6 );
--base-trans-70: hsl(var(--base-h) var(--base-s) var(--base-l) / .7 );
--base-trans-80: hsl(var(--base-h) var(--base-s) var(--base-l) / .8 );
--base-trans-90: hsl(var(--base-h) var(--base-s) var(--base-l) / .9 );
--base-light-10: hsl(var(--base-h), var(--base-s), 97.22%);
--base-light-20: hsl(var(--base-h), var(--base-s), 97.44%);
--base-light-30: hsl(var(--base-h), var(--base-s), 97.67%);
--base-light-40: hsl(var(--base-h), var(--base-s), 97.89%);
--base-light-50: hsl(var(--base-h), var(--base-s), 98.11%);
--base-light-60: hsl(var(--base-h), var(--base-s), 98.33%);
--base-light-70: hsl(var(--base-h), var(--base-s), 98.56%);
--base-light-80: hsl(var(--base-h), var(--base-s), 98.78%);
--base-light-90: hsl(var(--base-h), var(--base-s), 99.00%);

--base-dark-10: hsl(var(--base-h), var(--base-s), 88.47%);
--base-dark-20: hsl(var(--base-h), var(--base-s), 79.93%);
--base-dark-30: hsl(var(--base-h), var(--base-s), 71.4%);
--base-dark-40: hsl(var(--base-h), var(--base-s), 62.87%);
--base-dark-50: hsl(var(--base-h), var(--base-s), 54.33%);
--base-dark-60: hsl(var(--base-h), var(--base-s), 45.8%);
--base-dark-70: hsl(var(--base-h), var(--base-s), 37.27%);
--base-dark-80: hsl(var(--base-h), var(--base-s), 28.73%);
--base-dark-90: hsl(var(--base-h), var(--base-s), 20.2%);
--primary-h: 207;
--primary-s: 74%;
--primary-l: 42%;
--primary-lighter: 80%;
--primary-darker: 80%;
--primary-white: var(--white-darkmode);
--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l)) ;
--primary-trans-10: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .1 );
--primary-trans-20: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .2 );
--primary-trans-30: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .3 );
--primary-trans-40: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .4 );
--primary-trans-50: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .5 );
--primary-trans-60: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .6 );
--primary-trans-70: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .7 );
--primary-trans-80: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .8 );
--primary-trans-90: hsl(var(--primary-h) var(--primary-s) var(--primary-l) / .9 );
--primary-light-10: hsl(var(--primary-h), var(--primary-s), 47.07%);
--primary-light-20: hsl(var(--primary-h), var(--primary-s), 52.13%);
--primary-light-30: hsl(var(--primary-h), var(--primary-s), 57.20%);
--primary-light-40: hsl(var(--primary-h), var(--primary-s), 62.27%);
--primary-light-50: hsl(var(--primary-h), var(--primary-s), 67.33%);
--primary-light-60: hsl(var(--primary-h), var(--primary-s), 72.40%);
--primary-light-70: hsl(var(--primary-h), var(--primary-s), 77.47%);
--primary-light-80: hsl(var(--primary-h), var(--primary-s), 82.53%);
--primary-light-90: hsl(var(--primary-h), var(--primary-s), 87.60%);

--primary-dark-10: hsl(var(--primary-h), var(--primary-s), 38.36%);
--primary-dark-20: hsl(var(--primary-h), var(--primary-s), 34.71%);
--primary-dark-30: hsl(var(--primary-h), var(--primary-s), 31.07%);
--primary-dark-40: hsl(var(--primary-h), var(--primary-s), 27.42%);
--primary-dark-50: hsl(var(--primary-h), var(--primary-s), 23.78%);
--primary-dark-60: hsl(var(--primary-h), var(--primary-s), 20.13%);
--primary-dark-70: hsl(var(--primary-h), var(--primary-s), 16.49%);
--primary-dark-80: hsl(var(--primary-h), var(--primary-s), 12.84%);
--primary-dark-90: hsl(var(--primary-h), var(--primary-s), 9.2%);
--secondary-h: 40;
--secondary-s: 24%;
--secondary-l: 68%;
--secondary-lighter: 100%;
--secondary-darker: 100%;
--secondary-white: var(--white-darkmode);
--secondary: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));
--secondary-trans-10: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .1 );
--secondary-trans-20: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .2 );
--secondary-trans-30: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .3 );
--secondary-trans-40: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .4 );
--secondary-trans-50: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .5 );
--secondary-trans-60: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .6 );
--secondary-trans-70: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .7 );
--secondary-trans-80: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .8 );
--secondary-trans-90: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l) / .9 );
--secondary-light-10: hsl(var(--secondary-h), var(--secondary-s), 71.44%);
--secondary-light-20: hsl(var(--secondary-h), var(--secondary-s), 74.89%);
--secondary-light-30: hsl(var(--secondary-h), var(--secondary-s), 78.33%);
--secondary-light-40: hsl(var(--secondary-h), var(--secondary-s), 81.78%);
--secondary-light-50: hsl(var(--secondary-h), var(--secondary-s), 85.22%);
--secondary-light-60: hsl(var(--secondary-h), var(--secondary-s), 88.67%);
--secondary-light-70: hsl(var(--secondary-h), var(--secondary-s), 92.11%);
--secondary-light-80: hsl(var(--secondary-h), var(--secondary-s), 95.56%);
--secondary-light-90: hsl(var(--secondary-h), var(--secondary-s), 99.00%);
--secondary-dark-10: hsl(var(--secondary-h), var(--secondary-s), 60.56%);
--secondary-dark-20: hsl(var(--secondary-h), var(--secondary-s), 53.11%);
--secondary-dark-30: hsl(var(--secondary-h), var(--secondary-s), 45.67%);
--secondary-dark-40: hsl(var(--secondary-h), var(--secondary-s), 38.22%);
--secondary-dark-50: hsl(var(--secondary-h), var(--secondary-s), 30.78%);
--secondary-dark-60: hsl(var(--secondary-h), var(--secondary-s), 23.33%);
--secondary-dark-70: hsl(var(--secondary-h), var(--secondary-s), 15.89%);
--secondary-dark-80: hsl(var(--secondary-h), var(--secondary-s), 8.44%);
--secondary-dark-90: hsl(var(--secondary-h), var(--secondary-s), 1%);
--accent-h: 29;
--accent-s: 98%;
--accent-l: 53%;
--accent-lighter: 100%;
--accent-darker: 100%;
--accent-white: var(--white-darkmode);
--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
--accent-trans-10: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .1 );
--accent-trans-20: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .2 );
--accent-trans-30: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .3 );
--accent-trans-40: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .4 );
--accent-trans-50: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .5 );
--accent-trans-60: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .6 );
--accent-trans-70: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .7 );
--accent-trans-80: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .8 );
--accent-trans-90: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .9 );
--accent-light-10: hsl(var(--accent-h), var(--accent-s), 58.11%);
--accent-light-20: hsl(var(--accent-h), var(--accent-s), 63.22%);
--accent-light-30: hsl(var(--accent-h), var(--accent-s), 68.33%);
--accent-light-40: hsl(var(--accent-h), var(--accent-s), 73.44%);
--accent-light-50: hsl(var(--accent-h), var(--accent-s), 78.56%);
--accent-light-60: hsl(var(--accent-h), var(--accent-s), 83.67%);
--accent-light-70: hsl(var(--accent-h), var(--accent-s), 88.78%);
--accent-light-80: hsl(var(--accent-h), var(--accent-s), 93.89%);
--accent-light-90: hsl(var(--accent-h), var(--accent-s), 99.00%);
--accent-dark-10: hsl(var(--accent-h), var(--accent-s), 47.22%);
--accent-dark-20: hsl(var(--accent-h), var(--accent-s), 41.44%);
--accent-dark-30: hsl(var(--accent-h), var(--accent-s), 35.67%);
--accent-dark-40: hsl(var(--accent-h), var(--accent-s), 29.89%);
--accent-dark-50: hsl(var(--accent-h), var(--accent-s), 24.11%);
--accent-dark-60: hsl(var(--accent-h), var(--accent-s), 18.33%);
--accent-dark-70: hsl(var(--accent-h), var(--accent-s), 12.56%);
--accent-dark-80: hsl(var(--accent-h), var(--accent-s), 6.78%);
--accent-dark-90: hsl(var(--accent-h), var(--accent-s), 1%);
--muted-h: 0;
--muted-s: 0%;
--muted-l: 53%;
--muted-lighter: 20%;
--muted-darker: 20%;
--muted: hsl(var(--muted-h), var(--muted-s), var(--muted-l));
--muted-light: hsl(var(--muted-h), var(--muted-s), calc(var(--muted-l) + var(--muted-lighter)));
--muted-dark: hsl(var(--muted-h), var(--muted-s), calc(var(--muted-l) - var(--muted-darker)));
--info-h: 204;
--info-s: 70%;
--info-l: 53%;
--info-lighter: 20%;
--info-darker: 20%;
--info: hsl(var(--info-h), var(--info-s), var(--info-l));
--info-light: hsl(var(--info-h), var(--info-s), calc(var(--info-l) + var(--info-lighter)));
--info-dark: hsl(var(--info-h), var(--info-s), calc(var(--info-l) - var(--info-darker)));
--success-h: 119;
--success-s: 100%;
--success-l: 30%;
--success-lighter: 20%;
--success-darker: 20%;
--success: hsl(var(--success-h), var(--success-s), var(--success-l));
--success-light: hsl(var(--success-h), var(--success-s), calc(var(--success-l) + var(--success-lighter)));
--success-dark: hsl(var(--success-h), var(--success-s), calc(var(--success-l) - var(--success-darker)));
--warning-h: 48;
--warning-s: 89%;
--warning-l: 50%;
--warning-lighter: 20%;
--warning-darker: 20%;
--warning: hsl(var(--warning-h), var(--warning-s), var(--warning-l));
--warning-light: hsl(var(--warning-h), var(--warning-s), calc(var(--warning-l) + var(--warning-lighter)));
--warning-dark: hsl(var(--warning-h), var(--warning-s), calc(var(--warning-l) - var(--warning-darker)));
--danger-h: 6;
--danger-s: 78%;
--danger-l: 57%;
--danger-lighter: 20%;
--danger-darker: 20%;
--danger: hsl(var(--danger-h), var(--danger-s), var(--danger-l));
--danger-light: hsl(var(--danger-h), var(--danger-s), calc(var(--danger-l) + var(--danger-lighter)));
--danger-dark: hsl(var(--danger-h), var(--danger-s), calc(var(--danger-l) - var(--danger-darker)));
--neutral-h: 0;
--neutral-s: 0%;
--neutral-l: 7%;
--neutral: hsl(var(--neutral-h), var(--neutral-s), var(--neutral-l));
--neutral-10: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 90%));
--neutral-20: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 80%));
--neutral-30: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 70%));
--neutral-40: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 60%));
--neutral-50: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 50%));
--neutral-60: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 40%));
--neutral-70: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 30%));
--neutral-80: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 20%));
--neutral-90: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 10%));
--neutral-trans-10: hsl(var(--neutral-h) var(--neutral-s) var(--neutral-l) / .1);
--neutral-trans-20: hsl(var(--neutral-h) var(--neutral-s) var(--neutral-l) / .2);
--neutral-trans-30: hsl(var(--neutral-h) var(--neutral-s) var(--neutral-l) / .3);
--neutral-trans-40: hsl(var(--neutral-h) var(--neutral-s) var(--neutral-l) / .4);
--neutral-trans-50: hsl(var(--neutral-h) var(--neutral-s) var(--neutral-l) / .5);
--neutral-trans-60: hsl(var(--neutral-h) var(--neutral-s) var(--neutral-l) / .6);
--neutral-trans-70: hsl(var(--neutral-h) var(--neutral-s) var(--neutral-l) / .7);
--neutral-trans-80: hsl(var(--neutral-h) var(--neutral-s) var(--neutral-l) / .8);
--neutral-trans-90: hsl(var(--neutral-h) var(--neutral-s) var(--neutral-l) / .9);
--black-h: 0;
--black-s: 0%;
--black-l: 0%;
--black: hsl(var(--black-h) var(--black-s) var(--black-l));
--black-trans-10: hsl(var(--black-h) var(--black-s) var(--black-l) / .1);
  --black-trans-20: hsl(var(--black-h) var(--black-s) var(--black-l) / .2);
  --black-trans-30: hsl(var(--black-h) var(--black-s) var(--black-l) / .3);
  --black-trans-40: hsl(var(--black-h) var(--black-s) var(--black-l) / .4);
  --black-trans-50: hsl(var(--black-h) var(--black-s) var(--black-l) / .5);
  --black-trans-60: hsl(var(--black-h) var(--black-s) var(--black-l) / .6);
  --black-trans-70: hsl(var(--black-h) var(--black-s) var(--black-l) / .7);
  --black-trans-80: hsl(var(--black-h) var(--black-s) var(--black-l) / .8);
  --black-trans-90: hsl(var(--black-h) var(--black-s) var(--black-l) / .9);
--white-h: 0;
  --white-s: 0%;
  --white-l: 100%;
  --white: hsl(var(--white-h) var(--white-s) var(--white-l));
  --white-trans-10: hsl(var(--white-h) var(--white-s) var(--white-l) / .1);
  --white-trans-20: hsl(var(--white-h) var(--white-s) var(--white-l) / .2);
  --white-trans-30: hsl(var(--white-h) var(--white-s) var(--white-l) / .3);
  --white-trans-40: hsl(var(--white-h) var(--white-s) var(--white-l) / .4);
  --white-trans-50: hsl(var(--white-h) var(--white-s) var(--white-l) / .5);
  --white-trans-60: hsl(var(--white-h) var(--white-s) var(--white-l) / .6);
  --white-trans-70: hsl(var(--white-h) var(--white-s) var(--white-l) / .7);
  --white-trans-80: hsl(var(--white-h) var(--white-s) var(--white-l) / .8);
  --white-trans-90: hsl(var(--white-h) var(--white-s) var(--white-l) / .9);
}

/* Border radius variables */
  :root{
    --radius-sm: 1rem;
  --radius: 2rem;
  --radius-md: 3rem;
  --radius-full: 100em;
	}
  
/* Fluid  variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
  	  --text-xs: clamp(0.9rem, 0.84560rem + 0.136vw, 1.02rem);
  --text-sm: clamp(1.2rem, 1.16360rem + 0.091vw, 1.28rem);
  --text-base: clamp(1.6rem, 1.60000rem + 0vw, 1.6rem);
  --text-lg: clamp(2rem, 1.94080rem + 0.148vw, 2.13rem);
  --text-xl: clamp(2.5rem, 2.34560rem + 0.386vw, 2.84rem);
  --text-2xl: clamp(3.13rem, 2.83000rem + 0.75vw, 3.79rem);
  --text-3xl: clamp(3.91rem, 3.39200rem + 1.295vw, 5.05rem);
  --text-4xl: clamp(4.88rem, 4.03920rem + 2.102vw, 6.73rem);
  --text-5xl: clamp(6.1rem, 4.79080rem + 3.273vw, 8.98rem);
  --text-6xl: clamp(6.1rem, 4.79080rem + 3.273vw, 8.98rem);
  --text-7xl: clamp(6.1rem, 4.79080rem + 3.273vw, 8.98rem);
		  --space-xs: clamp(0.7rem, 0.65440rem + 0.11399999999999999vw, 0.8rem);
  --space-sm: clamp(1.4rem, 1.30920rem + 0.22699999999999998vw, 1.6rem);
  --space-md: clamp(2rem, 1.81800rem + 0.455vw, 2.4rem);
  --space-lg: clamp(2.4rem, 2.03640rem + 0.909vw, 3.2rem);
  --space-xl: clamp(3.2rem, 2.47280rem + 1.818vw, 4.8rem);
  --space-2xl: clamp(4rem, 2.90920rem + 2.727vw, 6.4rem);
  --space-3xl: clamp(5.6rem, 4.50920rem + 2.727vw, 8rem);
  --space-4xl: clamp(6.4rem, 4.94560rem + 3.636vw, 9.6rem);
  --space-5xl: clamp(8rem, 6.54560rem + 3.636vw, 11.2rem);
  --space-6xl: clamp(9.6rem, 8.14560rem + 3.636vw, 12.8rem);
  --space-7xl: clamp(9.6rem, 8.14560rem + 3.636vw, 12.8rem);
  	}
	}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
		  --text-xs: 0.9rem;
  --text-sm: 1.2rem;
  --text-base: 1.6rem;
  --text-lg: 2rem;
  --text-xl: 2.5rem;
  --text-2xl: 3.13rem;
  --text-3xl: 3.91rem;
  --text-4xl: 4.88rem;
  --text-5xl: 6.1rem;
  --text-6xl: 6.1rem;
  --text-7xl: 6.1rem;
		  --space-xs: 0.7rem;
  --space-sm: 1.4rem;
  --space-md: 2rem;
  --space-lg: 2.4rem;
  --space-xl: 3.2rem;
  --space-2xl: 4rem;
  --space-3xl: 5.6rem;
  --space-4xl: 6.4rem;
  --space-5xl: 8rem;
  --space-6xl: 9.6rem;
  --space-7xl: 9.6rem;
  	}
  @media screen and (min-width: 1280px) {
    :root {
		  --text-xs: 1.02rem;
  --text-sm: 1.28rem;
  --text-base: 1.6rem;
  --text-lg: 2.13rem;
  --text-xl: 2.84rem;
  --text-2xl: 3.79rem;
  --text-3xl: 5.05rem;
  --text-4xl: 6.73rem;
  --text-5xl: 8.98rem;
  --text-6xl: 8.98rem;
  --text-7xl: 8.98rem;
		  --space-xs: 0.8rem;
  --space-sm: 1.6rem;
  --space-md: 2.4rem;
  --space-lg: 3.2rem;
  --space-xl: 4.8rem;
  --space-2xl: 6.4rem;
  --space-3xl: 8rem;
  --space-4xl: 9.6rem;
  --space-5xl: 11.2rem;
  --space-6xl: 12.8rem;
  --space-7xl: 12.8rem;
    }
  }
}