/*
 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: 4rem;
	--body-background: #fff;
	--bg-color: #f1f7fd;
	--gradient-color-1: var(--accent-trans-60);
	--gradient-color-2: var(--accent-trans-20);
}

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



/* Button Hover */

.brxe-button:has(i):hover i{
	transform: translatex(calc(var(--btn-padding-inline) * 0.25));
}
.brxe-button i{
	transition: all .25s ease;
}

/* Accent Heading */

.accent-heading{
	color: var(--accent);
}

/* Overlay Header */

#brx-content > :first-child {
	padding-block-start: calc(var(--section-space-s) + 60px);
}

/* 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));
}