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

/* @link https://utopia.fyi/type/calculator?c=300,16,1.067,1440,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
--step--2: clamp(0.8rem, 1.1764rem + -0.4182vw, 1.0979rem);
--step-1:  clamp(1.2338rem, 1.2736rem + 0.3211vw, 1.4625rem);
--step-0: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
--step--1: clamp(1rem, 1.2166rem + -0.2407vw, 1.1715rem);
--step-2: clamp(1.4231rem, 1.2836rem + 0.7439vw, 1.9531rem);
--step-3: clamp(1.5185rem, 1.2756rem + 1.2954vw, 2.3414rem);
--step-4:  clamp(1.6002rem, 1.2035rem + 1.4125vw, 2.400rem);
--step-5: clamp(1.6200rem, 1.1500rem + 2.5276vw, 4.275rem); 

}

@media (max-width: 600px) {
  :root {
    --step--2: clamp(0.75rem, 0.668rem + 0.219vw, 0.875rem);     /* cca 12–14px */
    --step--1: clamp(0.875rem, 0.768rem + 0.263vw, 1rem);        /* cca 14–16px */
    --step-0:  clamp(1rem, 0.868rem + 0.307vw, 1.125rem);        /* cca 16–18px */
    --step-1:  clamp(1.125rem, 0.968rem + 0.385vw, 1.25rem);     /* cca 18–20px */
	--step-2: clamp(1.5rem, 0.9755rem + 0.8692vw, 1.7578rem); 
    --step-3: clamp(1.3rem, 0.9562rem + 1.3789vw, 2.1973rem);  
    --step-4: clamp(1.4rem, 0.9145rem + 1.8357vw, 2.2466rem); 
    --step-5: clamp(1.5rem, 0.8435rem + 2.8775vw, 3.4332rem);  
  }
}

@media screen and (max-width: 728px) {
	html #wpadminbar {
		display:none;
	}
	html {
		margin-top: 0 !important;
	}
	body.bricks-is-frontend.admin-bar #brx-header.sticky {
		top: 0;
	}
}

body.bricks-is-frontend :focus-visible {
  outline: none !important;