/* ==========================================================================
   CartCraft FX - the bare joint on /process-tools/ (round 31)

   The reasoning is written out in inc/ccx-lpfix31.php. In short: the strip
   of flat navy between the band of ideas and the band under it is the top
   margin of the second band, and neither field reaches into it because a
   field is measured from the band it sits on. The distance is kept and
   moved inside the band, so the band starts where the one above it ends and
   its own canvas covers the strip.

   WEIGHT

   The value being replaced comes from the page builder as a custom property
   on the band,

     .elementor-21301 .elementor-element.elementor-element-7c0000c1
       { --margin-top: 140px }          three classes, no element

   read through  .e-con { --margin-block-start: var(--margin-top) }  and
   then  .e-con { margin-block-start: var(--margin-block-start) }.  The
   custom property is set here rather than the margin itself, so the
   builder's own two declarations keep doing the work and only the value at
   the head of the chain changes. The padding is set the same way and lands
   on the inner box of the band, which is where a boxed container carries
   it; the outer box - and with it the canvas, which fills the outer box -
   grows all the same.

   The band class is therefore written four times. Three classes and one
   element would NOT be enough: a class outranks an element type whatever
   the counts of the other kind are, so 3 classes + body still loses to 3
   classes. Measured, not assumed - the first attempt was written that way
   and the margin did not move by a pixel.

   MEASURED VALUES

   The two figures are the two the band already carries, read off the built
   page: 72px up to 767 and 140px from 768. They are restated, not altered -
   the point of the correction is that the page does not move.
   ========================================================================== */

body .cclp-get.cclp-get.cclp-get.cclp-get {
  --margin-top: 0px;
  --padding-top: 72px;
}

@media (min-width: 768px) {
  body .cclp-get.cclp-get.cclp-get.cclp-get {
    --margin-top: 0px;
    --padding-top: 140px;
  }
}

/* The canvas of this band is laid out in the band's box, and the box has
   just grown at the top. The field is rebuilt by its own size observer, so
   nothing has to be said to it; this is only the note that the two belong
   together. */