/*
 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-skip-ink: auto;
	text-underline-offset: 20.5%;
}


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