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


/**
https://www.fluid-type-scale.com/calculate?minFontSize=65&minWidth=360&minRatio=1.5&maxFontSize=100&maxWidth=1400&maxRatio=1.5&steps=xxs%2Cxs%2Cs%2Cm%2Cl%2Cxl%2Cxxl&baseStep=xl&prefix=space&decimals=2&previewFont=Poppins&previewText=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipiscing+elit.&previewWidth=1920
**/

:root {
--space-xxs: clamp(8.56px, 0.44vw + 6.96px, 13.17px);
--space-xs: clamp(12.84px, 0.66vw + 10.45px, 19.75px);
--space-s: clamp(19.26px, 1vw + 15.67px, 29.63px);
--space-m: clamp(28.89px, 1.5vw + 23.5px, 44.44px);
--space-l: clamp(43.33px, 2.24vw + 35.26px, 66.67px);
--space-xl: clamp(65px, 3.37vw + 52.88px, 100px);
--space-xxl: clamp(97.5px, 5.05vw + 79.33px, 150px);
}

/**
https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=360&minRatio=1.25&maxFontSize=18&maxWidth=1400&maxRatio=1.4&steps=xs%2Cs%2Cm%2Cl%2Cxl%2Cxxl%2Ctitle&baseStep=m&prefix=text&decimals=2&previewFont=Poppins&previewText=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipiscing+elit.&previewWidth=1920
**/

:root {
--text-xs: clamp(10.24px, -0.1vw + 10.61px, 9.18px);
--text-s: clamp(12.8px, 0.01vw + 12.78px, 12.86px);
--text-m: clamp(16px, 0.19vw + 15.31px, 18px);
--text-l: clamp(20px, 0.5vw + 18.2px, 25.2px);
--text-xl: clamp(25px, 0.99vw + 21.44px, 35.28px);
--text-xxl: clamp(31.25px, 1.74vw + 24.97px, 49.39px);
--text-title: clamp(39.06px, 2.89vw + 28.65px, 69.15px);
}