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

/* set font heading 
 * https://www.fluid-type-scale.com/calculate?minFontSize=40&minWidth=360&minRatio=1.25&maxFontSize=70&maxWidth=1400&maxRatio=1.25&steps=h6%2Ch5%2Ch4%2Ch3%2Ch2%2Ch1%2Ctitle&baseStep=title&prefix=heading&decimals=2&useRems=on&remValue=16&previewFont=Poppins&previewText=Make+your+next++move+with+Rolfe+East&previewWidth=1920
 * */
:root {
--h6: clamp(10.49px, 0.76vw + 7.76px, 18.35px);
--h5: clamp(13.11px, 0.95vw + 9.7px, 22.94px);
--h4: clamp(16.38px, 1.18vw + 12.13px, 28.67px);
--h3: clamp(20.48px, 1.48vw + 15.16px, 35.84px);
--h2: clamp(25.6px, 1.85vw + 18.95px, 44.8px);
--h1: clamp(32px, 2.31vw + 23.69px, 56px);
--h-title: clamp(40px, 2.88vw + 29.62px, 70px);
}
	

/* set font sizes 
 * https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=360&minRatio=1.25&maxFontSize=18&maxWidth=1400&maxRatio=1.25&steps=xs%2Cs%2Cm%2Cl%2Cxl%2Cxxl&baseStep=m&prefix=text&decimals=2&useRems=on&remValue=16&previewFont=Poppins&previewText=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipiscing+elit.&previewWidth=1920
 * */
:root {
--text-xs: clamp(10.24px, 0.12vw + 9.8px, 11.52px);
--text-s: clamp(12.8px, 0.15vw + 12.25px, 14.4px);
--text-m: clamp(16px, 0.19vw + 15.31px, 18px);
--text-l: clamp(20px, 0.24vw + 19.13px, 22.5px);
--text-xl: clamp(25px, 0.3vw + 23.92px, 28.13px);
--text-xxl: clamp(31.25px, 0.38vw + 29.9px, 35.16px);
}

/* set spacing 
https://www.fluid-type-scale.com/calculate?minFontSize=65&minWidth=360&minRatio=1.5&maxFontSize=100&maxWidth=1400&maxRatio=1.5&steps=tiny%2Cxxs%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-tiny: clamp(5.71px, 0.3vw + 4.64px, 8.78px);
--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);
}


.status_new {
	background-color: #C0C9EC;
}

.status_started {
	background-color: #FED7D6;
}

.status_complete {
	background-color: #FAFEE0;
}