/* The state layer.
   Hover, focus, press and selected states live here rather than beside the
   rest style, because an inline style declaration beats every stylesheet rule
   regardless of specificity: a state rule for a property that is also written
   inline is written, correct, and unable to run.
   Where a rule here has to beat an inline declaration it is marked
   !important, which is the only mechanism CSS gives a stylesheet for that. It
   is not a specificity patch.
   As of this drop the theme writes exactly one thing inline: the --focal
   custom property on a photograph wrapper, which is a value and has no state.
   So nothing here needs !important yet, and this file exists so that the
   twentieth instance has somewhere to go instead of being written inline.
   The guard in inc/guard.php reports any collision under WP_DEBUG. */

/* The current page in the nav panel. The panel is identical on every page, so
   the state is selected from the attribute the body carries. */
body[data-ccl-current="us"] .ccl-nav-link[data-ccl-nav="us"],
body[data-ccl-current="sundays"] .ccl-nav-link[data-ccl-nav="sundays"],
body[data-ccl-current="children"] .ccl-nav-link[data-ccl-nav="children"],
body[data-ccl-current="beliefs"] .ccl-nav-link[data-ccl-nav="beliefs"],
body[data-ccl-current="resources"] .ccl-nav-link[data-ccl-nav="resources"],
body[data-ccl-current="visit"] .ccl-nav-link[data-ccl-nav="visit"] {
  color: var(--brick-ember);
}