/*
 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
*/
/* Backup Colors
Base: #0d2233, 100, 100
Primary: #065370, 100, 100
Secondary: #0991ab, 100, 100
Accent: #fec145, 100, 100
Muted: #888888, 20, 20
Info: #3498db, 20, 20
Success: #2ecc71, 20, 20
Warning: #f1c40f, 20, 20
Danger: #e74c3c, 20, 20
Neutral: #000000
*/
:root{ 
--base-h: 207;
--base-s: 59%;
--base-l: 13%;
--base-lighter: 100%;
--base-darker: 100%;
--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), 22.56%);
--base-light-20: hsl(var(--base-h), var(--base-s), 32.11%);
--base-light-30: hsl(var(--base-h), var(--base-s), 41.67%);
--base-light-40: hsl(var(--base-h), var(--base-s), 51.22%);
--base-light-50: hsl(var(--base-h), var(--base-s), 60.78%);
--base-light-60: hsl(var(--base-h), var(--base-s), 70.33%);
--base-light-70: hsl(var(--base-h), var(--base-s), 79.89%);
--base-light-80: hsl(var(--base-h), var(--base-s), 89.44%);
--base-light-90: hsl(var(--base-h), var(--base-s), 99.00%);

--base-dark-10: hsl(var(--base-h), var(--base-s), 11.67%);
--base-dark-20: hsl(var(--base-h), var(--base-s), 10.33%);
--base-dark-30: hsl(var(--base-h), var(--base-s), 9%);
--base-dark-40: hsl(var(--base-h), var(--base-s), 7.67%);
--base-dark-50: hsl(var(--base-h), var(--base-s), 6.33%);
--base-dark-60: hsl(var(--base-h), var(--base-s), 5%);
--base-dark-70: hsl(var(--base-h), var(--base-s), 3.67%);
--base-dark-80: hsl(var(--base-h), var(--base-s), 2.33%);
--base-dark-90: hsl(var(--base-h), var(--base-s), 1%);
--primary-h: 196;
--primary-s: 90%;
--primary-l: 23%;
--primary-lighter: 100%;
--primary-darker: 100%;
--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), 31.44%);
--primary-light-20: hsl(var(--primary-h), var(--primary-s), 39.89%);
--primary-light-30: hsl(var(--primary-h), var(--primary-s), 48.33%);
--primary-light-40: hsl(var(--primary-h), var(--primary-s), 56.78%);
--primary-light-50: hsl(var(--primary-h), var(--primary-s), 65.22%);
--primary-light-60: hsl(var(--primary-h), var(--primary-s), 73.67%);
--primary-light-70: hsl(var(--primary-h), var(--primary-s), 82.11%);
--primary-light-80: hsl(var(--primary-h), var(--primary-s), 90.56%);
--primary-light-90: hsl(var(--primary-h), var(--primary-s), 99.00%);

--primary-dark-10: hsl(var(--primary-h), var(--primary-s), 20.56%);
--primary-dark-20: hsl(var(--primary-h), var(--primary-s), 18.11%);
--primary-dark-30: hsl(var(--primary-h), var(--primary-s), 15.67%);
--primary-dark-40: hsl(var(--primary-h), var(--primary-s), 13.22%);
--primary-dark-50: hsl(var(--primary-h), var(--primary-s), 10.78%);
--primary-dark-60: hsl(var(--primary-h), var(--primary-s), 8.33%);
--primary-dark-70: hsl(var(--primary-h), var(--primary-s), 5.89%);
--primary-dark-80: hsl(var(--primary-h), var(--primary-s), 3.44%);
--primary-dark-90: hsl(var(--primary-h), var(--primary-s), 1%);
--secondary-h: 190;
--secondary-s: 90%;
--secondary-l: 35%;
--secondary-lighter: 100%;
--secondary-darker: 100%;
--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), 42.11%);
--secondary-light-20: hsl(var(--secondary-h), var(--secondary-s), 49.22%);
--secondary-light-30: hsl(var(--secondary-h), var(--secondary-s), 56.33%);
--secondary-light-40: hsl(var(--secondary-h), var(--secondary-s), 63.44%);
--secondary-light-50: hsl(var(--secondary-h), var(--secondary-s), 70.56%);
--secondary-light-60: hsl(var(--secondary-h), var(--secondary-s), 77.67%);
--secondary-light-70: hsl(var(--secondary-h), var(--secondary-s), 84.78%);
--secondary-light-80: hsl(var(--secondary-h), var(--secondary-s), 91.89%);
--secondary-light-90: hsl(var(--secondary-h), var(--secondary-s), 99.00%);
--secondary-dark-10: hsl(var(--secondary-h), var(--secondary-s), 31.22%);
--secondary-dark-20: hsl(var(--secondary-h), var(--secondary-s), 27.44%);
--secondary-dark-30: hsl(var(--secondary-h), var(--secondary-s), 23.67%);
--secondary-dark-40: hsl(var(--secondary-h), var(--secondary-s), 19.89%);
--secondary-dark-50: hsl(var(--secondary-h), var(--secondary-s), 16.11%);
--secondary-dark-60: hsl(var(--secondary-h), var(--secondary-s), 12.33%);
--secondary-dark-70: hsl(var(--secondary-h), var(--secondary-s), 8.56%);
--secondary-dark-80: hsl(var(--secondary-h), var(--secondary-s), 4.78%);
--secondary-dark-90: hsl(var(--secondary-h), var(--secondary-s), 1%);
--accent-h: 40;
--accent-s: 99%;
--accent-l: 63%;
--accent-lighter: 100%;
--accent-darker: 100%;
--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), 67.00%);
--accent-light-20: hsl(var(--accent-h), var(--accent-s), 71.00%);
--accent-light-30: hsl(var(--accent-h), var(--accent-s), 75.00%);
--accent-light-40: hsl(var(--accent-h), var(--accent-s), 79.00%);
--accent-light-50: hsl(var(--accent-h), var(--accent-s), 83.00%);
--accent-light-60: hsl(var(--accent-h), var(--accent-s), 87.00%);
--accent-light-70: hsl(var(--accent-h), var(--accent-s), 91.00%);
--accent-light-80: hsl(var(--accent-h), var(--accent-s), 95.00%);
--accent-light-90: hsl(var(--accent-h), var(--accent-s), 99.00%);
--accent-dark-10: hsl(var(--accent-h), var(--accent-s), 56.11%);
--accent-dark-20: hsl(var(--accent-h), var(--accent-s), 49.22%);
--accent-dark-30: hsl(var(--accent-h), var(--accent-s), 42.33%);
--accent-dark-40: hsl(var(--accent-h), var(--accent-s), 35.44%);
--accent-dark-50: hsl(var(--accent-h), var(--accent-s), 28.56%);
--accent-dark-60: hsl(var(--accent-h), var(--accent-s), 21.67%);
--accent-dark-70: hsl(var(--accent-h), var(--accent-s), 14.78%);
--accent-dark-80: hsl(var(--accent-h), var(--accent-s), 7.89%);
--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: 145;
--success-s: 63%;
--success-l: 49%;
--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: 0%;
--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);
}
:root{
--radius-sm: 1rem;
--radius: 2rem;
--radius-md: 3rem;
--radius-full: 100em;
--radius-custom: 5rem;
}
  
/* 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(2.93rem, 2.53920rem + 0.9769999999999999vw, 3.79rem);
  --text-3xl: clamp(3.31rem, 2.51920rem + 1.9769999999999999vw, 5.05rem);
  --text-4xl: clamp(4.38rem, 3.31200rem + 2.67vw, 6.73rem);
  --text-5xl: clamp(5rem, 3.19080rem + 4.523vw, 8.98rem);
  --text-6xl: clamp(4.9rem, 2.95440rem + 4.864vw, 9.18rem);
  --text-7xl: clamp(5.3rem, 3.26360rem + 5.090999999999999vw, 9.78rem);
		  --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(9rem, 6.72720rem + 5.682vw, 14rem);
  --space-7xl: clamp(10rem, 6.36360rem + 9.091000000000001vw, 18rem);
  	}
	}
/* 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: 2.93rem;
  --text-3xl: 3.31rem;
  --text-4xl: 4.38rem;
  --text-5xl: 5rem;
  --text-6xl: 4.9rem;
  --text-7xl: 5.3rem;
		  --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: 9rem;
  --space-7xl: 10rem;
  	}
  @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: 9.18rem;
  --text-7xl: 9.78rem;
		  --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: 14rem;
  --space-7xl: 18rem;
    }
  }
}