/* User requested: remove all tan / beige UI backgrounds sitewide. Keep sage, brown text, and photos. */
:root{
  --v4-cream:#fff!important;
  --v4-stone:#fff!important;
  --ss-paper:#fff!important;
  --ss22-paper:#fff!important;
  --ss24-paper:#fff!important;
  --ss43-paper:#fff!important;
  --studio-paper:#fff!important;
  --v27-paper:#fff!important;
  --final-cream:#fff!important;
  --about-paper:#fff!important;
  --about-cream:#fff!important;
  --city-cream:#fff!important;
  --qseo-paper:#fff!important;
  --ss90-cream:#fff!important;
  --ss90-soft:#fff!important;
  --ss91-cream:#fff!important;
  --ss91-paper:#fff!important;
}

/* Main light paper / cream areas */
html body.ss18,
html body.ss18 #main,
html body.ss18 #main.loanHubPage,
html body.ss18 #main.lifeChangesPage,
html body.ss18 #main.questionHubPage,
html body.ss18 #main .loanHubHero,
html body.ss18 #main .loanHubGridWrap,
html body.ss18 #main .loanHubGridWrap.full-card-panel,
html body.ss18 #main .article-content-box,
html body.ss18 #main .catalogueHero,
html body.ss18 #main .servicePageTitle,
html body.ss18 #main .refTitle,
html body.ss18 #main .v4-contact-hero,
html body.ss18 #main .v4-cta,
html body.ss18 #main .v15-home-story,
html body.ss18 #main .designEditorial,
html body.ss18 #main .buyJourney,
html body.ss18 #main .v12-pm-intro,
html body.ss18 #main .v12-pm-process,
html body.ss18 #main .v12-pm-closing,
html body.ss18 #main .v6-consult-explainer,
html body.ss18 #main .v12-evaluation-details,
html body.ss18 #main .v12-evaluation-process,
html body.ss18 #main .v15-about-hero,
html body.ss18 #main .portfolioPageV46,
html body.ss18 #main .projectFilm,
html body.ss18 #main .ss90-platform,
html body.ss18 #main .ss91-design-hero,
html body.ss18 #main.ss24-about,
html body.ss18 #main.ss24-about .ss24-about-heading,
html body.ss18 #main.ss24-about .ss24-about-personal,
html body.ss18 #main.ss24-about .ss24-about-perspectives,
html body.ss18 #main.ss24-about .ss24-about-closing,
html body.ss18 #main .cityEntry,
html body.ss18 #main .reviewGallery,
html body.ss18 .consultationPage,
html body.ss18 .evaluationContactDialog,
html body.ss18 .v8-native-marketing .v8-concept-caption,
html body.ss18 .v8-concierge-hero figure,
html body.ss18 .ss49-buy-exact,
html body.ss18 .ss49-buy-exact .ss49-art-frame,
html body.ss18 .ss49-buy-exact .ss49-mobile-panel,
html body.ss18 .ss49-buy-exact .ss61-mobile-buy,
html body.ss18 .ss49-buy-exact .ss49-button-row,
html body.ss18 > footer .legal{
  background:#fff!important;
  background-color:#fff!important;
}

/* Remove the warm/tan bands around every hub/question/blog card photo. */
html body.ss18 #main .loanHubItem,
html body.ss18 #main .lifeCard,
html body.ss18 #main .blogCard,
html body.ss18 #main .blog-card,
html body.ss18 #main .final-static-answer,
html body.ss18 #main .loanLearn{
  background:#fff!important;
  background-color:#fff!important;
}
html body.ss18 #main .loanHubItem .ss18-card-photo,
html body.ss18 #main .loanHubItem .ss18-card-photo.v27-photo-frame,
html body.ss18 #main .lifeCard figure,
html body.ss18 #main .blogCard figure,
html body.ss18 #main .blog-card figure{
  background:transparent!important;
  background-color:transparent!important;
  padding:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  overflow:hidden!important;
}
html body.ss18 #main .loanHubItem .ss18-card-photo img,
html body.ss18 #main .loanHubItem .ss18-card-photo img.v27-natural-photo,
html body.ss18 #main .lifeCard figure img,
html body.ss18 #main .blogCard figure img,
html body.ss18 #main .blog-card figure img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  background:transparent!important;
  background-color:transparent!important;
}

/* Flip/front question cards that previously used cream. */
html body.ss18 #main .loanFront,
html body.ss18 #main .loanBack:not([style*="background"]),
html body.ss18 #main .loanFace.loanFront{
  background:#fff!important;
  background-color:#fff!important;
}

/* Legacy editorial cream surfaces. */
html body .v4-hero,
html body .v4-quote,
html body .v4-cta,
html body .v4-page .v4-hero,
html body .quietLuxury.qReal,
html body .qTypeHero,
html body .evaluationContactDialog{
  background:#fff!important;
  background-color:#fff!important;
}

/* Keep Search hero's cool side, remove only the tan side. */
html body.ss18 main>.heroDominique{
  background:linear-gradient(105deg,#fff 0 55%,#e5edeb 100%)!important;
}

/* No beige hover panels in navigation. */
html body .ss-dropdown a:hover,
html body .ss-dropdown a:focus,
html body .newMegaDesktop a:hover,
html body .newMegaMobile a:hover{
  background-color:#fff!important;
}

/* Preserve white on mobile as well. */
@media(max-width:800px){
  html body.ss18 #main .loanHubHero,
  html body.ss18 #main .loanHubGridWrap,
  html body.ss18 #main .loanHubGridWrap.full-card-panel,
  html body.ss18 #main .article-content-box,
  html body.ss18 .ss49-buy-exact,
  html body.ss18 .ss49-buy-exact .ss49-mobile-panel,
  html body.ss18 .ss49-buy-exact .ss61-mobile-buy{
    background:#fff!important;
    background-color:#fff!important;
  }
}