/*
 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 {
	--background-color: #F8FAFD;
	--border-radius: 2rem;
	--gradient-color-one: var(--secondary-ultra-dark);
	--gradient-color-two: var(--secondary);
	--gradient-color-three: var(--secondary);
}

/* IMG Border Radius */
.brxe-image, img, figure img, figure {
	border-radius: var(--border-radius);
}

/* Overlay Header */

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

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

/* Accent Heading */

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

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

.accent-heading-animation{
	color: var( --primary );
	background: linear-gradient(90deg, var(--secondary), var(--secondary-light), var(--secondary), var(--secondary-light));
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
@keyframes gradient{
	0% {
		background-position: 0 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0 50%;
	}
}