/*
 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 {
/* TEXT SIZE SCALE */
--text-xs: clamp(0.72rem, 0.09vi + 0.7rem, 0.77rem);
--text-s: clamp(0.9rem, 0.22vi + 0.86rem, 1.03rem);
--text-m: clamp(1.13rem, 0.42vi + 1.04rem, 1.38rem);
--text-l: clamp(1.41rem, 0.71vi + 1.26rem, 1.83rem);
--text-xl: clamp(1.76rem, 1.14vi + 1.53rem, 2.44rem);

/* HEADING SIZE SCALE */
--heading-h6: clamp(1.19rem, -0.11vi + 1.21rem, 1.12rem);
--heading-h5: clamp(1.33rem, 0.11vi + 1.31rem, 1.4rem);
--heading-h4: clamp(1.5rem, 0.42vi + 1.42rem, 1.75rem);
--heading-h3: clamp(1.69rem, 0.83vi + 1.52rem, 2.19rem);
--heading-h2: clamp(1.9rem, 1.39vi + 1.62rem, 2.73rem);
--heading-h1: clamp(2.14rem, 2.14vi + 1.71rem, 3.42rem);
--heading-title: clamp(2.4rem, 3.12vi + 1.78rem, 4.27rem);	

/* TEXT SIZE UTILITY CLASSES
You now don't need to set ANY typography in Theme Styles - not even body copy. The below code handles it all from here in one place. REMOVE any font sizes or line heights set for body copy in Bricks Theme Style typography settings. */

.text-xl {
    font-size: var(--text-xl);
    line-height: 1.4;
}
.text-l {
    font-size: var(--text-l);
    line-height: 1.5;
}
body, .text-m {
    font-size: var(--text-m);
    line-height: 1.5;
}
.text-s {
    font-size: var(--text-s);
    line-height: 1.6;
}
.text-xs {
    font-size: var(--text-xs);
    line-height: 1.7;
}


/* HEADING SIZE UTILITY CLASSES
REMOVE any font sizes or line heights set for all heading levels in Bricks Theme Style typography settings. */

.site-title {
    font-size: var(--heading-title);
    line-height: 1.05;
}
h1, .h1 {
    font-size: var(--heading-h1);
    line-height: 1.1;
}
h2, .h2 {
    font-size: var(--heading-h2);
    line-height: 1.2;
}
h3, .h3 {
    font-size: var(--heading-h3);
    line-height: 1.3;
}
h4, .h4 {
    font-size: var(--heading-h4);
    line-height: 1.4;
}
h5, .h5 {
    font-size: var(--heading-h5);
    line-height: 1.5;
}
h6, .h6 {
    font-size: var(--heading-h6);
    line-height: 1.6;
}
	
}

.accordion-title-wrapper .brxe-icon {
    transform: rotate(90deg);
    transition: 200ms transform ease-in-out;
}

.brx-open .accordion-title-wrapper .brxe-icon {
    transform: rotate(-90deg);
}