/* Approved Lash Guide presentation layer. */
html,
body{
  background:#f7f1f6;
}

body{
  background:
    radial-gradient(ellipse 72% 25% at 10% 14%,rgba(255,255,255,.78),transparent 78%),
    radial-gradient(ellipse 64% 28% at 88% 72%,rgba(218,197,211,.20),transparent 80%),
    linear-gradient(180deg,#fffdfd 0%,#fbf7fa 54%,#f4edf2 100%);
}

header,
.tabs-wrap{
  background:rgba(255,253,254,.84);
  border-color:rgba(184,160,175,.20);
  box-shadow:0 12px 42px rgba(142,117,133,.025);
}

.page-hero,
.main,
.cta-banner,
footer{
  background:transparent;
}

.tab,
.acc,
.brief,
.wa-notice{
  background:rgba(255,255,255,.40);
  border-color:rgba(184,160,175,.24);
  box-shadow:0 18px 52px rgba(142,117,133,.035);
}

.tab.active,
.btn-cta,
.nav-book{
  background:linear-gradient(135deg,#bca7b5 0%,#a58d9d 52%,#8d7585 100%);
  border-color:rgba(255,255,255,.20);
  box-shadow:0 8px 22px rgba(142,117,133,.16);
}

.footer-tagline,
.footer-bottom,
footer{
  border-color:transparent;
}

.lash-guide-page .page-hero{
  padding-left:24px!important;
  padding-right:24px!important;
  text-align:left!important;
}

.lash-guide-page .page-hero-inner{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

.lash-guide-page .group-title{font-size:21px!important;}
.lash-guide-page .cta-heading{font-size:23px!important;}

@media(min-width:640px){
  .lash-guide-page .page-hero{padding-left:40px!important;padding-right:40px!important;}
  .lash-guide-page .group-title{font-size:22px!important;}
  .lash-guide-page .cta-heading{font-size:24px!important;}
}

@media(min-width:900px){
  .lash-guide-page .page-hero{padding-left:10%!important;padding-right:10%!important;}
  .lash-guide-page .group-title{font-size:23px!important;}
  .lash-guide-page .cta-heading{font-size:26px!important;}
}