/*
 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: #020024;
	--gradient-color-two: #090979;
	--gradient-color-three: #0092ff;
	--f-light-progress-bar-fill-color: var(--primary);
}

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

*:has(> .background){
	position: relative;
	isolation: isolate;
}

[class*="btn--"] {
  flex-shrink: 0;
}


.brxe-text strong, p strong{
	color: var(--heading-color);
	font-weight: 600;
}

.fluentform .ff-el-progress-bar.ff-el-progress-bar{
	color: var(--primary-ultra-dark);
}


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

.btn--primary:hover svg{
	transform: rotate(-45deg);
}


.btn--primary svg{
	transition: var(--transition);
}

.btn--primary{
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.btn--primary::after{
	content: "";
	position: absolute;
	z-index: -1;
	left: -10%;
	top: -10%;
	transform: skew(-25deg);
	background: var(--primary-hover);
	height: 120%;
	width: 0%;
	transition: width var(--transition-duration) var(--transition-timing) var(--transition-delay);
}

.btn--primary:hover::after{
	width: 120%;
}

.fr-modal {
	opacity: 0;
	visibility: hidden;
}