/*
 * Senior HR Forum v1.8.11.
 */

/* ===================== Previous / next tiles: the label is real text now (inc/v1811.php) ===================== */
.shf-article--v18 .shf-article__nav--prev::before,
.shf-article--v18 .shf-article__nav--next::before { content: none; }
.shf-article--v18 .shf-article__nav .shf-article__nav-label { color: var(--shf-teal, #0B6A85); white-space: nowrap; }

/* ===================== Follow buttons: one resting colour in every state ===================== */
/* WordPress' global link styles (theme.json) give a focused or active link the primary colour with
   !important. The Facebook button is still a "#" placeholder, so a click leaves it focused, and on the
   dark band its "f" turned teal on teal. These rules keep the resting colour (white on dark, teal on
   light) for :focus, :active and :visited, and the light-cyan hover / keyboard-focus style on top. */
.shf-follow.shf-follow--dark a.shf-follow__btn,
.shf-follow.shf-follow--dark a.shf-follow__btn:is(:link, :visited, :focus, :active) { color: #fff !important; }
.shf-follow.shf-follow--light a.shf-follow__btn,
.shf-follow.shf-follow--light a.shf-follow__btn:is(:link, :visited, :focus, :active) { color: var(--shf-teal, #0B6A85) !important; }
.shf-follow.shf-follow--dark a.shf-follow__btn:is(:hover, :focus-visible),
.shf-follow.shf-follow--light a.shf-follow__btn:is(:hover, :focus-visible) { color: var(--shf-ink, #0B1A33) !important; }
.shf-follow a.shf-follow__btn svg,
.shf-follow a.shf-follow__btn svg path { fill: currentColor; }