/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
/* Apply only to the three foreground Hero pictures, never to captions or UI. */
.homepage .hero-header[data-president-layout]>.hero-president-panel,
.homepage .hero-header[data-president-layout] .hero-promotions,
.homepage .hero-header[data-president-layout] .hero-promotion,
.homepage .hero-header[data-president-layout] .hero-promotion>a{
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.homepage .hero-header[data-president-layout] .hero-president-panel>.hero-president,
.homepage .hero-header[data-president-layout] .hero-promotion img{
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 /* Fade the bottom edge into the actual Hero background without blurring faces. */
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.97) 82%,rgba(0,0,0,.65) 91%,rgba(0,0,0,.22) 97%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.97) 82%,rgba(0,0,0,.65) 91%,rgba(0,0,0,.22) 97%,transparent 100%);
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
}
.homepage .hero-header[data-president-layout] .hero-president-panel>.hero-president{filter:drop-shadow(0 3px 10px #001f2818)!important}
.homepage .hero-header[data-president-layout] .hero-promotion img{filter:none!important}
/* Add a gentle side feather where multi-layer masks are supported. */
@supports (mask-composite:intersect){
 .homepage .hero-header[data-president-layout] .hero-president-panel>.hero-president,
 .homepage .hero-header[data-president-layout] .hero-promotion img{
  -webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.97) 82%,rgba(0,0,0,.65) 91%,rgba(0,0,0,.22) 97%,transparent 100%);
  mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.97) 82%,rgba(0,0,0,.65) 91%,rgba(0,0,0,.22) 97%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
 }
}