/*
 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 Settings */
:root {
	--border-radius: 2rem;
	--gradient-color-one: var(--primary);
	--gradient-color-two: var(--primary-dark);
	--gradient-color-three: var(--primary-ultra-dark);
	--gradient-border-one: var(--primary);
	--gradient-border-two: var(--primary-ultra-light);
	--bg-color: #181818;
	--bg-color-black: #121212;
	--text-ml: calc(var(--text-m) * 1.125);
	--text-ms: calc(var(--text-m) * 0.875);
	
}

.brxe-image {
	border-radius: var(--border-radius);
}

/* Headings */

.accent-heading{
	background: linear-gradient(20deg, var(--accent), var(--accent-dark));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	font-weight: 700;	
}


/* CTA Section */

html {
  	--cta-overlap: min(300px, 10vw);; 
  }
  /* Auto-space adjacent content */
.overlap-cta-section + * {
	padding-block-start: calc(var(--section-space-m) + var(--cta-overlap));
}