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

@font-face {
  font-family: "Inter";
  src: url("/wp-content/uploads/2026/10/Inter-VariableFont_opszwght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("/wp-content/uploads/2026/10/Archivo-VariableFont_wdthwght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* -- STYLING -- */
/* Tablet portrait and below (Bricks default: 991px) */
@media (max-width: 991px) {
.secondary-hero h1{
  font-size: 48px !important;
}
}
/* Tablet portrait and below (Bricks default: 991px) */
@media (max-width: 776px) {
.secondary-hero h1{
  font-size: var(--text-xxl) !important;
}
}
@media (max-width: 478px) {
  /* Kolb Advantage mission statement */
  .brxe-heading span {
    font-size: inherit !important;
    overflow-wrap: break-word;
  }

  /* Industry overview H2s */
  h2 {
    overflow-wrap: break-word;
    hyphens: auto;
  }

 @media (max-width: 478px) {
  /* Stack the card grids to one column */
  :is(div, .brxe-block):has(> #brxe-knvkke),
  :is(div, .brxe-block):has(> #brxe-xjumse),
  :is(div, .brxe-block):has(> #brxe-ldgntb),
  #brxe-jfhjna {
    grid-template-columns: 1fr !important;
  }

  /* Let cards shrink to the screen width */
  :is(div, .brxe-block):has(> #brxe-knvkke) > *,
  :is(div, .brxe-block):has(> #brxe-xjumse) > *,
  :is(div, .brxe-block):has(> #brxe-ldgntb) > *,
  #brxe-jfhjna > * {
    min-width: 0;
  }
}
/* ============================================================
   Kolb Grading — Gravity Forms (all forms)
   Gravity Forms 3.1 / Orbital theme + Automatic.css
   Replaces all previous Gravity Forms CSS.
   Requires each form's Form Style set to Orbital.

   Why the :is(#gf-kolb, ...) pattern:
   GF sets its colors with an ID selector on each form
   (#gform_wrapper_N) and styles fields with stacked classes.
   :is() takes the weight of its strongest argument, so
   #gf-kolb gives these rules ID-level weight and they win
   without !important. #gf-kolb doesn't need to exist.
   ============================================================ */

/* --- Orbital variable overrides --- */
.gform_wrapper.gform-theme.gform-theme--framework:is(#gf-kolb, .gform-theme) {
  --gf-color-primary: var(--primary);
  --gf-color-primary-rgb: 253, 216, 53;
  --gf-color-primary-contrast: var(--black, #000);
  --gf-ctrl-radius: 0;
  --gf-ctrl-btn-radius: 0;
}

/* --- Field rhythm --- */
.gform_wrapper:is(#gf-kolb, .gform-theme) .gform_fields {
  row-gap: var(--space-s);
}

/* --- Labels --- */
.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield_label {
  font-family: Archivo, sans-serif;
  font-weight: 700;
  font-size: var(--text-s);
  letter-spacing: 0.5px;
  color: var(--base-ultra-dark);
  margin-bottom: 0.375rem;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield_required {
  color: var(--primary-semi-dark);
}

/* --- Inputs --- */
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container input[type="text"],
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container input[type="email"],
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container input[type="tel"],
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container input[type="url"],
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container input[type="number"],
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container select,
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container textarea {
  width: 100%;
  block-size: auto;
  min-block-size: 3.25rem;
  line-height: 1.4;
  background-color: var(--white);
  border: 1px solid var(--neutral-light, #c9c9c9);
  border-radius: 0;
  padding: 0.75rem 1rem;
  font-size: var(--text-m);
  color: var(--base-ultra-dark);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container textarea {
  min-height: 9rem;
  resize: vertical;
}

/* Selects: room for the arrow, which Orbital draws as a background image */
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container select {
  padding-inline-end: 2.75rem;
  background-position: right 1rem center;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container input:focus,
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container select:focus,
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container textarea:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent);
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container ::placeholder {
  color: var(--neutral);
  opacity: 1;
}

/* --- Sub-labels (Name first/last) --- */
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_complex label {
  font-size: var(--text-s);
  color: var(--neutral);
  padding-top: 0.25rem;
}

/* --- Descriptions --- */
.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield_description {
  font-size: var(--text-s);
  color: var(--neutral);
  padding-top: 0.375rem;
}

/* --- Checkboxes and radios --- */
.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield_checkbox,
.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield_radio {
  display: grid;
  gap: 0.5rem;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) input[type="checkbox"],
.gform_wrapper:is(#gf-kolb, .gform-theme) input[type="radio"] {
  accent-color: var(--primary);
  width: 1.125rem;
  height: 1.125rem;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) input[type="checkbox"] {
  border-radius: 0;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .gchoice label {
  font-size: var(--text-m);
  color: var(--base-ultra-dark);
}

/* --- File upload --- */
.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container_fileupload input[type="file"] {
  width: 100%;
  block-size: auto;
  min-block-size: 3.25rem;
  line-height: 1.4;
  padding: 0.625rem 1rem;
  border: 1px dashed var(--neutral-light, #c9c9c9);
  border-radius: 0;
  background-color: var(--white);
  font-size: var(--text-s);
  color: var(--neutral);
  cursor: pointer;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container_fileupload input[type="file"]::file-selector-button {
  margin-right: 1rem;
  padding: 0.5rem 1.25rem;
  border: 0;
  border-radius: 0;
  background: var(--base-ultra-dark);
  color: var(--white);
  font-family: Archivo, sans-serif;
  font-weight: 700;
  font-size: var(--text-xs);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container_fileupload input[type="file"]::file-selector-button:hover {
  background: var(--primary);
  color: var(--black, #000);
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .ginput_container_fileupload input[type="file"]:focus-visible {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent);
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .gform_fileupload_rules {
  font-size: var(--text-s);
  color: var(--neutral);
}

/* --- Validation --- */
.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield_error .ginput_container input,
.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield_error .ginput_container select,
.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield_error .ginput_container textarea {
  border-color: #c0392b;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield_validation_message,
.gform_wrapper:is(#gf-kolb, .gform-theme) .validation_message {
  background: none;
  border: 0;
  padding: 0.375rem 0 0;
  font-size: var(--text-s);
  color: #c0392b;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .gform_validation_errors {
  background: var(--primary-ultra-light);
  border: 0;
  border-left: 3px solid #c0392b;
  border-radius: 0;
  box-shadow: none;
}

/* --- Turnstile field --- */
.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield--type-turnstile {
  margin-block: var(--space-xs);
}

/* Uncomment ONLY if the Cloudflare widget is set to Invisible.
.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield--type-turnstile {
  margin: 0;
  min-height: 0;
}
.gform_wrapper:is(#gf-kolb, .gform-theme) .gfield--type-turnstile iframe {
  display: block;
  height: 0;
}
*/

/* --- Footer ---
   Left padding keeps the skewed button from clipping
   at the container edge. */
.gform_wrapper:is(#gf-kolb, .gform-theme) .gform_footer {
  margin-top: var(--space-m);
  padding: 0 0 0 0.75rem;
}

/* --- Submit button: skewed primary ---------------------------
   Remove the button__primary class from each form's submit
   button, or the ACSS skew stacks with this one.
   Knob: adjust -18deg to match the site buttons exactly. */
.gform_wrapper:is(#gf-kolb, .gform-theme) .gform_footer .gform_button,
.gform_wrapper:is(#gf-kolb, .gform-theme) .gform_footer .gform-button {
  display: inline-block;
  background: var(--primary);
  color: var(--black, #000);
  border: 0;
  border-radius: 0;
  font-family: Archivo, sans-serif;
  font-weight: 800;
  font-size: var(--text-s);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 1rem 2.75rem;
  transform: skewX(-18deg);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.gform_wrapper:is(#gf-kolb, .gform-theme) .gform_footer .gform_button:hover,
.gform_wrapper:is(#gf-kolb, .gform-theme) .gform_footer .gform-button:hover,
.gform_wrapper:is(#gf-kolb, .gform-theme) .gform_footer .gform_button:focus-visible,
.gform_wrapper:is(#gf-kolb, .gform-theme) .gform_footer .gform-button:focus-visible {
  background: var(--black, #000);
  color: var(--primary);
}

/* --- Confirmation --- */
.gform_confirmation_wrapper {
  border-left: 3px solid var(--primary);
  padding: var(--space-s) var(--space-m);
  background: var(--base-ultra-light);
}