/* Drive clinic photography for all non-home Elementor page heroes. */
body:not(.home){
  --df-inner-banner:url('./assets/images/inner-clinic-treatment-room.jpg');
  --df-inner-banner-position:center 52%;
}

/* Consultation-led pages */
body.page-id-10,
body.page-id-14,
body.page-id-19,
body.page-id-146,
body.parent-pageid-146{
  --df-inner-banner:url('./assets/images/inner-clinic-consultation.jpg');
  --df-inner-banner-position:center 43%;
}

/* Contact and FAQ pages */
body.page-id-15,
body.page-id-20{
  --df-inner-banner:url('./assets/images/inner-clinic-office.jpg');
  --df-inner-banner-position:center 48%;
}

/* Facial directory and every facial procedure */
body.page-id-13,
body.page-id-84,
body.parent-pageid-84{
  --df-inner-banner:url('./assets/images/inner-clinic-facial-room.jpg');
  --df-inner-banner-position:center 55%;
}

/* The supplied physiotherapy department photography remains contextual. */
body.page-id-202{
  --df-inner-banner:url('./assets/images/physiotherapy-team-a.jpg');
  --df-inner-banner-position:center 28%;
}

body:not(.home) .df-page-hero{
  position:relative!important;
  isolation:isolate;
  display:flex!important;
  align-items:center!important;
  min-height:clamp(540px,68vh,720px)!important;
  padding-top:170px!important;
  padding-bottom:105px!important;
  overflow:hidden!important;
  border-radius:0 0 40px 40px!important;
  background-color:#090909!important;
  background-image:
    linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.71) 47%,rgba(5,5,5,.45) 100%),
    linear-gradient(0deg,rgba(5,5,5,.65) 0%,rgba(5,5,5,.05) 58%),
    var(--df-inner-banner)!important;
  background-position:center,center,var(--df-inner-banner-position)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

body:not(.home) .df-page-hero:after{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  background:radial-gradient(circle at 78% 18%,rgba(179,154,106,.22),transparent 34%);
  pointer-events:none;
}

body:not(.home) .df-page-hero>.e-con-inner{
  position:relative!important;
  z-index:1!important;
  width:min(1180px,100%)!important;
}

body:not(.home) .df-page-hero .df-heading .elementor-heading-title,
body:not(.home) .df-page-hero .df-eyebrow .elementor-heading-title,
body:not(.home) .df-page-hero .df-copy,
body:not(.home) .df-page-hero .df-copy p{
  text-shadow:0 2px 24px rgba(0,0,0,.45);
}

body:not(.home) .df-page-hero .df-copy,
body:not(.home) .df-page-hero .df-copy p{
  color:rgba(255,250,242,.88)!important;
}

@media(max-width:767px){
  body:not(.home) .df-page-hero{
    min-height:560px!important;
    padding:132px 20px 78px!important;
    border-radius:0 0 26px 26px!important;
    background-image:
      linear-gradient(0deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.62) 58%,rgba(5,5,5,.42) 100%),
      var(--df-inner-banner)!important;
    background-position:center,var(--df-inner-banner-position)!important;
  }
  body.page-id-202{--df-inner-banner-position:center 20%}
  body.page-id-15,body.page-id-20{--df-inner-banner-position:center 44%}
}