/*
 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: 1180px;
}

.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);
	padding-right: var(--space-s);
}

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

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

.container--relative {
	position: relative;
}

.zb-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);
}


.wp-block-button .wp-element-button,
.zibbi-button {
	background-color: var(--color-primary) !important;
	border: 1px solid var(--color-primary) !important;
	border-radius: 4px !important;
	box-sizing: border-box;
	color: var(--bricks-text-dark) !important;
	display: inline-block;
	min-height: 50px !important;
	min-width: 160px !important;
	padding: 14px 43.5px !important;
	text-align: center;
	text-decoration: none !important;
	transition: background 300ms ease-in !important;
}

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

.zibbi-button:where(:not(.components-button)) {
	background-color: var(--color-primary);
	border: 1px solid var(--color-primary);
	border-radius: 4px;
	color: var(--color-base);
	padding: 14px 43.5px;
	text-decoration: none;
	transition: background 300ms ease-in;
}

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

/* Gravity Forms Styles */

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

#gform_wrapper_1 #field_1_1,
#gform_wrapper_3 #field_3_1{
  grid-column: span 9;
}

#gform_wrapper_1 #input_1_1,
#gform_wrapper_3 #field_3_1{
  border: 1px solid #d4d4d4;
  color: var(--bricks-text-dark)
}

#gform_wrapper_1 #input_1_1::placeholder,
#gform_wrapper_3 #input_3_1::placeholder{
  color: #cfcfcf;
}
#field_submit {
  grid-column: span 3;
}

#gform_wrapper_1 #gform_submit_button_1,
#gform_wrapper_3 #gform_submit_button_3 {
  background: transparent;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  color: #d4d4d4;
  padding: 12px 24px;
  height: 100%;
}


#gform_wrapper_1 #gform_submit_button_1:hover,
#gform_wrapper_3 #gform_submit_button_3:hover{
  border-color: var(--bricks-text-dark);
  color: var(--bricks-text-dark);
}

.brxe-social-icons li, .brxe-social-icons li a {
  flex: 0.125;
}

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