/* Hand-written rules that sit on top of the Webflow export in liftiq.css.
   Keep them here so a fresh Webflow export never overwrites them. */

/* The audience picker leads the contact forms, so it no longer needs the top
   padding that separated it from the fields above it. */
.form-contact-us > .flex-w {
  padding-top: 0;
}

/* The advertiser group is only a handle for showing and hiding the whole field
   stack at once; display: contents leaves its children laid out by the form's
   own flex/grid, so the spacing is unchanged from before it was wrapped. */
[data-inquiry-group="advertiser"] {
  display: contents;
}

[data-inquiry-group][hidden] {
  display: none !important;
}

/* Shown in place of the fields once Publisher is picked. */
[data-inquiry-group="publisher"] {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

/* Continue sits alone on its row now that the picker moved above the fields. */
.form-actions-end {
  justify-content: flex-end;
}

/* Step 1 gained a row when the picker moved above the fields, which pushed the
   Continue button out through the bottom of the blue box. The box was pinned to a
   fixed height on desktop, so let it size to its content the way it already does
   below 992px, keeping the old height as the floor. */
.form-bg-wrapper {
  height: auto;
  min-height: 40.5rem;
}

@media screen and (max-width: 479px) {
  .form-bg-wrapper {
    height: auto;
    min-height: 46.25rem;
  }
}

@media screen and (max-width: 479px) {
  [data-inquiry-group="publisher"] {
    align-items: stretch;
  }
}