/*
 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{
/* https://www.fluid-type-scale.com/calculate?minFontSize=20&minWidth=320&minRatio=1.25&maxFontSize=22&maxWidth=1280&maxRatio=1.333&steps=6%2C5%2C4%2C3%2C2%2C1%2Ctitle&baseStep=4&prefix=h&decimals=2&useRems=on&remValue=16&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=900  */
--h6: clamp(0.8rem, -0.04vw + 0.81rem, 0.77rem);
--h5: clamp(1rem, 0.05vw + 0.99rem, 1.03rem);
--h4: clamp(1.25rem, 0.21vw + 1.21rem, 1.38rem);
--h3: clamp(1.56rem, 0.45vw + 1.47rem, 1.83rem);
--h2: clamp(1.95rem, 0.82vw + 1.79rem, 2.44rem);
--h1: clamp(2.44rem, 1.36vw + 2.17rem, 3.26rem);
--h-title: clamp(3.05rem, 2.15vw + 2.62rem, 4.34rem);

/* https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=320&minRatio=1.125&maxFontSize=18&maxWidth=1280&maxRatio=1.2&steps=xs%2Cs%2Cm%2Cl%2Cxl&baseStep=m&prefix=text&decimals=2&useRems=on&remValue=16&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=900 */
--text-xs: clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
--text-s: clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
--text-m: clamp(1rem, 0.21vw + 0.96rem, 1.13rem);
--text-l: clamp(1.13rem, 0.37vw + 1.05rem, 1.35rem);
--text-xl: clamp(1.27rem, 0.59vw + 1.15rem, 1.62rem);
}

.h1{
	font-size:var(--h1);
}

.h2{
	font-size:var(--h2);
}
.h3{
	font-size:var(--h3);
}
.h4{
	font-size:var(--h4);
}
.h5{
	font-size:var(--h5);
}
.h6{
	font-size:var(--h6);
}
.h-title{
	font-size:var(--h-title);
}
.text-xs{
	font-size: var(--text-xs);
}

.text-s{
	font-size: var(--text-s);
}
.text-m{
	font-size: var(--text-m);
}
.text-l{
	font-size: var(--text-l);
}
.text-xl{
	font-size: var(--text-xl);
}

.jay-table .table-row:not(.table-header):nth-child(odd){
	background-color:#413f3f;
}
.jay-table  .table-row:not(.table-header):nth-child(even){
	background-color:#2c2c2c;
}

.rtl{
	direction:rtl;
}