/*
 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
*/
html.cf-theme-dark {
    color-scheme: dark;
}
:root, :root.cf-theme-dark .theme-inverted {
    --primary: hsl(19, 84%, 52%);
    --primary-2: hsl(16, 88%, 93%);
    --primary-3: hsl(18, 71%, 97%);
    --secondary: hsl(25, 86%, 52%);
    --tertiary: hsl(30, 1%, 33%);
    --tertiary-2: hsl(0, 0%, 48%);
    --tertiary-3: hsl(0, 0%, 91%);
    --tertiary-4: hsl(0, 0%, 97%);
    --accent: hsl(162, 100%, 42%);
    --bg-body: hsla(0, 0%, 100%, 1);
    --bg-surface: hsla(0, 0%, 100%, 1);
    --text-title: hsl(0, 0%, 20%);
    --text-body: hsl(30, 1%, 33%);
    --light: hsl(85, 0%, 100%);
    --dark: hsla(0, 0%, 0%, 1);
    --muted: hsla(0, 0%, 53%, 1);
    --muted-d-1: hsl(144, 0%, 39%);
    --muted-d-2: hsl(145, 0%, 26%);
    --muted-d-3: hsl(145, 0%, 14%);
    --info: hsla(204, 70%, 53%, 1);
    --info-d-1: hsl(205, 56%, 40%);
    --info-d-2: hsl(206, 48%, 27%);
    --info-d-3: hsl(208, 37%, 15%);
    --success: hsla(145, 63%, 49%, 1);
    --success-d-1: hsl(143, 55%, 38%);
    --success-d-2: hsl(141, 46%, 26%);
    --success-d-3: hsl(137, 35%, 15%);
    --warning: hsla(48, 90%, 50%, 1);
    --warning-d-1: hsl(47, 76%, 39%);
    --warning-d-2: hsl(46, 65%, 27%);
    --warning-d-3: hsl(44, 52%, 15%);
    --danger: hsla(5, 79%, 57%, 1);
    --danger-d-1: hsl(6, 58%, 42%);
    --danger-d-2: hsl(7, 54%, 28%);
    --danger-d-3: hsl(9, 48%, 15%);
    --space-4xs: clamp(0.66rem, calc(0.01vw + 0.65rem), 0.67rem);
    --space-3xs: clamp(0.82rem, calc(0.06vw + 0.8rem), 0.89rem);
    --space-2xs: clamp(1.02rem, calc(0.15vw + 0.98rem), 1.18rem);
    --space-xs: clamp(1.28rem, calc(0.27vw + 1.19rem), 1.58rem);
    --space-s: clamp(1.6rem, calc(0.46vw + 1.45rem), 2.1rem);
    --space-m: clamp(2rem, calc(0.74vw + 1.76rem), 2.8rem);
    --space-l: clamp(2.5rem, calc(1.14vw + 2.14rem), 3.73rem);
    --space-xl: clamp(3.13rem, calc(1.71vw + 2.58rem), 4.97rem);
    --space-2xl: clamp(3.91rem, calc(2.52vw + 3.1rem), 6.63rem);
    --space-3xl: clamp(4.88rem, calc(3.66vw + 3.71rem), 8.84rem);
    --space-4xl: clamp(6.1rem, calc(5.26vw + 4.42rem), 11.78rem);
    --space-5xl: clamp(7.63rem, calc(7.48vw + 5.24rem), 15.71rem);
    --text-xs: clamp(1.19rem, calc(-0.26vw + 1.27rem), 0.9rem);
    --text-s: clamp(1.33rem, calc(-0.12vw + 1.37rem), 1.2rem);
    --text-m: clamp(1.5rem, calc(0.09vw + 1.47rem), 1.6rem);
    --text-l: clamp(1.69rem, calc(0.41vw + 1.56rem), 2.13rem);
    --text-xl: clamp(1.9rem, calc(0.87vw + 1.62rem), 2.84rem);
    --text-2xl: clamp(2.14rem, calc(1.53vw + 1.65rem), 3.79rem);
    --text-3xl: clamp(2.4rem, calc(2.45vw + 1.62rem), 5.05rem);
    --text-4xl: clamp(2.7rem, calc(3.73vw + 1.51rem), 6.73rem);
    --text-5xl: clamp(3.04rem, calc(5.5vw + 1.28rem), 8.98rem);
    --text-6xl: clamp(3.42rem, calc(7.91vw + 0.89rem), 11.97rem);
    --radius-xs: clamp(4px, calc(0vw + 4px), 4px);
    --radius-s: clamp(6px, calc(-0.19vw + 8.59px), 8px);
    --radius-m: clamp(10px, calc(-0.19vw + 12.59px), 12px);
    --radius-l: clamp(16px, calc(-0.37vw + 21.19px), 20px);
    --radius-xl: clamp(26px, calc(-0.56vw + 33.78px), 32px);
    --radius-full: 999rem;
}
:root.cf-theme-dark, :root.cf-theme-light .theme-inverted {
    --primary: hsl(19, 83%, 32%);
    --primary-2: #f79f7f;
    --primary-3: hsl(18, 66%, 77%);
    --secondary: hsl(25, 86%, 32%);
    --tertiary: hsl(30, 1%, 13%);
    --tertiary-2: hsl(0, 0%, 28%);
    --tertiary-3: hsl(0, 0%, 71%);
    --tertiary-4: hsl(0, 0%, 77%);
    --accent: hsl(162, 100%, 22%);
    --bg-body: hsl(19, 83%, 32%);
    --bg-surface: hsla(0, 0%, 15%, 1);
    --text-title: hsla(0, 0%, 100%, 1);
    --text-body: hsla(0, 0%, 75%, 1);
    --light: hsla(0, 0%, 0%, 1);
    --dark: hsla(0, 0%, 100%, 1);
}
.columns-min-5 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(5rem, 1fr));
}
.columns-min-10 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(10rem, 1fr));
}
.columns-min-20 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(20rem, 1fr));
}
.columns-min-30 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(30rem, 1fr));
}
.columns-min-40 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(40rem, 1fr));
}
.columns-min-50 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50rem, 1fr));
}
.columns-min-60 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(60rem, 1fr));
}
.columns-min-70 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(70rem, 1fr));
}