
/* v102 financing hero refinements */

/* Main financing overview: use dark text on the bright approved hero. */
body.page-financing-overview .hero::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.50) 34%,rgba(255,255,255,.18) 58%,rgba(255,255,255,0) 78%)!important;
}
body.page-financing-overview .hero h1,
body.page-financing-overview .hero p,
body.page-financing-overview .hero .hero-kicker,
body.page-financing-overview .hero .hero-side p{
  color:#0b2741!important;
  -webkit-text-fill-color:#0b2741!important;
  text-shadow:none!important;
}
body.page-financing-overview .hero .hero-side{
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(11,39,65,.18)!important;
  backdrop-filter:blur(4px)!important;
}
body.page-financing-overview .hero .hero-side a{
  color:#0b2741!important;
  -webkit-text-fill-color:#0b2741!important;
}

/* Detail financing pages: remove eyebrow spacing and move the copy higher into the open sky/wall area. */
body.jb-financing-page:not(.page-financing-overview) .hero .hero-kicker,
body.jb-financing-page:not(.page-financing-overview) .hero .eyebrow{
  display:none!important;
}
body.jb-financing-page:not(.page-financing-overview) .hero::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.34) 34%,rgba(255,255,255,.12) 54%,rgba(255,255,255,0) 74%)!important;
}
body.jb-financing-page:not(.page-financing-overview) .hero h1,
body.jb-financing-page:not(.page-financing-overview) .hero p,
body.jb-financing-page:not(.page-financing-overview) .hero .hero-side p{
  color:#0b2741!important;
  -webkit-text-fill-color:#0b2741!important;
  text-shadow:none!important;
}
body.jb-financing-page:not(.page-financing-overview) .hero .hero-side{
  background:rgba(255,255,255,.60)!important;
  border-color:rgba(11,39,65,.16)!important;
  backdrop-filter:blur(3px)!important;
}
body.jb-financing-page:not(.page-financing-overview) .hero .hero-side a{
  color:#0b2741!important;
  -webkit-text-fill-color:#0b2741!important;
}
@media (min-width:981px){
  body.jb-financing-page:not(.page-financing-overview) main>.hero>.hero-inner{
    align-items:start!important;
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  body.jb-financing-page:not(.page-financing-overview) .hero > .section-inner > div:first-child{
    transform:translateY(-72px)!important;
  }
  body.jb-financing-page:not(.page-financing-overview) .hero h1{
    margin-top:0!important;
    max-width:14ch!important;
  }
}
@media (max-width:980px){
  body.jb-financing-page:not(.page-financing-overview) .hero > .section-inner > div:first-child{
    transform:none!important;
  }
}
