/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 22 2026 | 15:46:27 */
/* ============================================================
   NEP ACA Referral Form — hero
   Staging page id 17284; production is 17387, so both are scoped.
   (The local copy of this snippet is scoped to 17307 instead.)

   The hero's lavender panel is sized by an invisible 500x420 spacer
   image inside .btn-glass-panel. The HubSpot form card that overlaps
   it is taller than that, so the card hung 254px past the bottom of
   the panel. The spacer now matches the card, and the section below
   is pulled up so the gap under the panel reads the same as the 40px
   inset on its left and right.
   ============================================================ */

@media (min-width: 961px) {
  .page-id-17284 .btn-glass-panel .el-image,
  .page-id-17387 .btn-glass-panel .el-image {
    height: 720px !important;
  }

  /* the overlap row is pulled up to match, so the card keeps its 40px
     inset from the top of the panel instead of riding down with it */
  .page-id-17284 .uk-grid:has(> div > #aca-demo),
  .page-id-17387 .uk-grid:has(> div > #aca-demo) {
    margin-top: -700px !important;
  }
}

@media (min-width: 961px) {
  /* bump the next section up: the panel's 40px side inset is the measure,
     so the gap under it should read the same rather than 114px */
  .page-id-17284 .uk-section:has(#aca-demo),
  .page-id-17387 .uk-section:has(#aca-demo) {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 961px) {
  /* the panel is taller now, so .uk-flex-middle was centring the copy in it;
     keep the lockup, heading and intro at the top instead */
  .page-id-17284 .btn-glass-panel .uk-grid.uk-flex-middle,
  .page-id-17387 .btn-glass-panel .uk-grid.uk-flex-middle {
    align-items: flex-start !important;
  }
}

@media (min-width: 961px) {
  /* top-aligned, but not flush: the reference sits the lockup about 150px
     below the top of the panel, against the card's 40px */
  .page-id-17284 .btn-glass-panel .uk-width-expand,
  .page-id-17387 .btn-glass-panel .uk-width-expand {
    padding-top: 110px;
  }
}

