/* Dark overlays so white headings/text stay legible over the office photos.
   Internal page-title banners (#pxl-page-title-default use a per-page bg image),
   and the home hero image widget. */

/* Internal pages: page-title / breadcrumb banner */
#pxl-page-title-default { position: relative; }
#pxl-page-title-default::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.72) 100%);
    z-index: 1;
    pointer-events: none;
}
#pxl-page-title-default > * { position: relative; z-index: 2; }

/* Home hero: subtle gradient over the office image so the WINDOWS wordmark pops */
.pinlayout-7747 .pinlayout-element-bc96bd7 { position: relative; }
.pinlayout-7747 .pinlayout-element-bc96bd7::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 3;
    pointer-events: none;
}

/* Sticky header clone: the theme's fixed sticky bar renders its content at a
   ~15px gutter, while the normal header + page content sit at ~70px. Pull the
   sticky content in so it lines up with everything else on scroll. */
@media (min-width: 992px) {
  .pxl-header-pinlayout-sticky .e-con.e-con-boxed > .e-con-inner {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
}