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


* {
	box-sizing: border-box;
}

body {
	overflow-x: hidden;
}

html.fonts-loaded {
	margin-top: 0 !important;
}

.clear-both {
	clear: both;
}

.flow > * + * {
	margin-block-start: var(--space-s, 1em);
}

.mi > * + * {
	margin-inline-start: var(--space-s, 1em);
}

.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1150px;
}

.full-bleed-section {
	margin-left: calc(50% - 50vw);
	max-width: 100vw;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100vw;
}

.page-container {
	padding-left: var(--space-s-2xl);
	padding-right: var(--space-s-2xl);
}

.container--wide {
	max-width: 1280px;
}

.container--narrow {
	max-width: 1025px;
}

.container--tiny {
	max-width: 820px;
}

.container--relative {
	position: relative;
}

.fng-full-block {
	margin-left: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.grid {
	  display: grid;
  grid-template-columns: repeat(
    var(--grid-placement, auto-fill),
    minmax(var(--grid-min-item-size, 16rem), 1fr)
  );
  gap: var(--gutter, var(--space-s));
}

.grid[data-layout='thirds'] {
  --grid-placement: auto-fit;
  --grid-min-item-size: clamp(16rem, 30%, 30rem);
}

/* Global Color */

.text-primary {
	color: var(--color-primary);
}

.text-white {
	color: var(--color-white);
}

/* */

:where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-color: #A8BAC6 !important;
	text-decoration-thickness: 11.5% !important;
	text-underline-offset: 20.5%;
}

/* Buttton / Anchor Links Styles */

.wp-block-button .wp-element-button,
.fng-button {
	background-color: var(--color-primary) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-sizing: border-box;
	color: var(--color-secondary) !important;
	display: inline-block;
	min-height: 60px !important;
	min-width: 229px !important;
	padding: 0.9375rem 2.6875rem !important;
	text-align: center;
	text-decoration: none !important;
	transition: background 300ms ease-in !important;
	letter-spacing: 0.08775rem;
}

.wp-block-button .wp-element-button:hover,
.fng-button:hover {
	background-color: var(--color-secondary) !important;
	border: 0 !important;
	color: var(--color-white) !important;
}

.fng-button:where(:not(.components-button)) {
	background-color: var(--color-primary);
	border: 0;
	border-radius: 0 !important;
	color: var(--color-white);
	padding: 0.9375rem 0.25rem;
	text-decoration: none;
	transition: background 300ms ease-in;
}

.fng-button:hover:where(:not(.components-button)) {
	background-color: var(--color-primary);
	border: 1px solid var(--color-white);
	color: var(--color-white);
}

.wp-block-button .wp-element-button,
.fng-button[data-attributes="navigation"] {
	border-radius: 0 !important;
	color: var(--color-secondary) !important;
	padding: 0.9375rem 0.25rem !important;
	min-height: 60px !important;
	min-width: 230px !important;
}

.wp-block-button .wp-element-button:hover,
.fng-button[data-attributes="navigation"]:hover {
	color: var(--color-white) !important;
}

.wp-block-button .wp-element-button,
.fng-secondary-button {
	background-color: var(--color-secondary-accent-grey-mid) !important;
	border: 2px solid var(--color-secondary-accent-grey-mid) !important;
	border-radius: 0 !important;
	box-sizing: border-box;
	color: var(--color-secondary) !important;
	display: inline-block;
	min-height: 60px !important;
	min-width: 230px !important;
	padding: 0.9375rem 2.6875rem !important;
	text-align: center;
	text-decoration: none !important;
	transition: background 300ms ease-in !important;
	letter-spacing: 0.08775rem;
}

.wp-block-button .wp-element-button:hover,
.fng-secondary-button:hover {
	background-color: var(--color-primary) !important;
	border: 2px solid var(--color-primary) !important;
	color: var(--color-white) !important;
}

.fng-secondary-button:where(:not(.components-button)) {
	background-color: var(--color-secondary-accent-grey-mid);
	border: 2px solid var(--color-secondary-accent-grey-mid);
	border-radius: 0 !important;
	color: var(--color-secondary);
	padding: 0.9375rem 2.6875rem;
	text-decoration: none;
	transition: background 300ms ease-in;
}

.fng-secondary-button:hover:where(:not(.components-button)) {
	background-color: var(--color-primary);
	border: 2px solid var(--color-primary);
	color: var(--color-white);
}

/* Gravity Forms Styles */

#gform_1 #gform_fields_1 {
  grid-column-gap: 8px;
}

#gform_wrapper_1 #field_1_2{
  grid-column: span 7;
}

#gform_wrapper_1.gform-theme--foundation #field_submit  {
	grid-column: span 5;
}

#gform_wrapper_1 .ginput_container_email {
	height: 100%;
}

#gform_wrapper_1 #input_1_2 {
  border: 1px solid var(--color-secondary-accent-grey-mid-dark);
  color: var(--color-secondary-accent-grey-mid-dark);
  font-size: 20px;
  height: 100%;
}

#gform_wrapper_1 #input_1_2::placeholder{
  color: var(--color-secondary-accent-grey-mid-dark);
}

#gform_wrapper_1 .custom--gf-button {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.08775rem;
}

/*  Gravity Forms Progress Bars CSS */

.gform-theme--framework .gf_progressbar .percentbar_blue
{
	background-color: var(--color-primary) !important; 
}

#gform_page_2_1 > div.gform-page-footer.gform_page_footer.top_label {
	justify-content: end;
}

.custom--gf-button,
.custom--next-button,
.custom--prev-button {
	color: #151513 !important;
	text-transform: uppercase !important;
	font-size: 20px !important;
	font-weight: bold !important;
}

@media all and (min-width: 1025px) {
	.mi.start-mi {
		--space-s: 1em;
	}
	.flow.zero-flow > * + * {
		margin-block-start: 0;
	}
 }