/*
  iJRNY: the outlined half of each hero headline.
  Website developed by pressific.com Emily Park, Dileep C. Kaluaratchie and Tech Generation Ltd.

  The heroes are two-tone: the first half solid white, the second half drawn as
  an outline, transparent inside with a 2px white stroke. The de-theme compiler
  reads authored CSS and captures `color`, but it does not carry
  -webkit-text-fill-color or -webkit-text-stroke, so the outline collapsed into
  the solid colour sitting underneath it: #152532, the brand navy, on a dark
  photograph. That is why "Experience the Future of Response" shipped with only
  the first three words legible.

  The colour was never the problem and lightening it would have been the wrong
  fix. These are the values the original serves, read off the restored
  WordPress copy rather than guessed:

      -webkit-text-fill-color:   rgba(255, 255, 255, 0)
      -webkit-text-stroke-color: #ffffff
      -webkit-text-stroke-width: 2px

  Scoped to .df-heading, the Divi Plus advanced-heading module, which is the
  only place the treatment is used. The .infix half is left alone: it is solid
  white with a zero-width stroke, exactly as it already renders.
*/

.df-heading .suffix {
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 2px;
  paint-order: stroke fill;
}

/* The stroke is hairline-thin on a small screen at this size, so the original
   keeps the same 2px against a smaller face. Matching it rather than scaling. */
@media only screen and (max-width: 767px) {
  .df-heading .suffix {
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
    -webkit-text-stroke-color: #ffffff;
    -webkit-text-stroke-width: 2px;
  }
}