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

/* Border radius variables */
:root{
--radius-sm: 0.8rem;
--radius: 1.2rem;
--radius-md: 2rem;
--radius-full: 100em;
}

/* Fluid variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
:root {
--text-xs: clamp(1.28rem, 1.19800rem + 0.20500000000000002vw, 1.46rem);
--text-sm: clamp(1.55rem, 1.46360rem + 0.216vw, 1.74rem);
--text-base: clamp(1.62rem, 1.47440rem + 0.364vw, 1.94rem);
--text-lg: clamp(1.74rem, 1.62200rem + 0.295vw, 2rem);
--text-xl: clamp(1.953rem, 1.73100rem + 0.555vw, 2.441rem);
--text-2xl: clamp(2.441rem, 2.16340rem + 0.694vw, 3.052rem);
--text-3xl: clamp(3.052rem, 2.70520rem + 0.8670000000000001vw, 3.815rem);
--text-4xl: clamp(3.815rem, 3.38180rem + 1.083vw, 4.768rem);
--text-5xl: clamp(4.768rem, 4.22560rem + 1.3559999999999999vw, 5.261rem);
--text-6xl: clamp(5.961rem, 5.28380rem + 1.693vw, 7.451rem);
--text-7xl: clamp(7.451rem, 6.60460rem + 2.116vw, 9.313rem);
--space-xs: clamp(0.6rem, 0.50920rem + 0.22699999999999998vw, 0.8rem);
--space-sm: clamp(0.9rem, 0.71800rem + 0.455vw, 1.3rem);
--space-md: clamp(1.3rem, 0.98200rem + 0.795vw, 2rem);
--space-lg: clamp(1.8rem, 1.30000rem + 1.25vw, 2.9rem);
--space-xl: clamp(2.4rem, 1.67280rem + 1.818vw, 4rem);
--space-2xl: clamp(3.1rem, 2.10000rem + 2.5vw, 5.3rem);
--space-3xl: clamp(3.8rem, 2.43640rem + 3.4090000000000003vw, 5.8rem);
--space-4xl: clamp(4.6rem, 3.41800rem + 2.955vw, 7.2rem);
--space-5xl: clamp(5.6rem, 3.41800rem + 5.455vw, 10.4rem);
--space-6xl: clamp(6.7rem, 3.97280rem + 6.8180000000000005vw, 12.7rem);
--space-7xl: clamp(8rem, 4.81800rem + 7.954999999999999vw, 15rem);
}
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
:root {
--text-xs: 1.28rem;
--text-sm: 1.55rem;
--text-base: 1.62rem;
--text-lg: 1.74rem;
--text-xl: 1.953rem;
--text-2xl: 2.441rem;
--text-3xl: 3.052rem;
--text-4xl: 3.815rem;
--text-5xl: 4.768rem;
--text-6xl: 5.961rem;
--text-7xl: 7.451rem;
--space-xs: 0.6rem;
--space-sm: 0.9rem;
--space-md: 1.3rem;
--space-lg: 1.8rem;
--space-xl: 2.4rem;
--space-2xl: 3.1rem;
--space-3xl: 3.8rem;
--space-4xl: 4.6rem;
--space-5xl: 5.6rem;
--space-6xl: 6.7rem;
--space-7xl: 8rem;
}
@media screen and (min-width: 1280px) {
:root {
--text-xs: 1.46rem;
--text-sm: 1.74rem;
--text-base: 1.94rem;
--text-lg: 2rem;
--text-xl: 2.441rem;
--text-2xl: 3.052rem;
--text-3xl: 3.815rem;
--text-4xl: 4.768rem;
--text-5xl: 5.961rem;
--text-6xl: 7.451rem;
--text-7xl: 9.313rem;
--space-xs: 0.8rem;
--space-sm: 1.3rem;
--space-md: 2rem;
--space-lg: 2.9rem;
--space-xl: 4rem;
--space-2xl: 5.3rem;
--space-3xl: 6.8rem;
--space-4xl: 7.2rem;
--space-5xl: 10.4rem;
--space-6xl: 12.7rem;
--space-7xl: 15rem;
}
}
}