Beetaloo Energy Australia

Home

<style>
  /* ---- 1. The nav bar stays WHITE ---------------------------------------
     The nav row is the ONLY element on the hub carrying .bg-company-accent
     (verified page-wide: exactly one match), so whitening it cannot leak into
     anything else. Its labels and chevrons carry text-company-accent-text —
     the ON-accent colour, i.e. white — so on a white bar they have to be
     flipped back to the accent itself or they disappear. */
  header .bg-company-accent {
    background-color: #FFFFFF !important;
  }
  header .bg-company-accent .text-company-accent-text {
    color: var(--company-accent, #303133) !important;
  }

  /* ---- 2. The SELECTED nav item in the brand primary --------------------
     Why this is defensible rather than a one-off override: the platform
     ALREADY marks the active dropdown CHILD with text-company-primary. Only
     the top-level item stayed on the accent, so the two levels of the same nav
     disagreed about what "selected" looks like. This makes them agree.

     How the active item is identified: every top-level nav item wraps its
     label in a border-b-2 div. Inactive items carry
         border-b-transparent  group-hover:border-b-company-accent-text
     and the active one carries
         border-b-company-accent-text          (no group-hover: variant)
     so "has the class, without the group-hover: variant" IS the active state.
     There is no aria-current on this nav, so this is the only hook available.

     The mobile menu uses a different markup pattern and is untouched. */
  header .group > .border-b-company-accent-text:not(.group-hover\:border-b-company-accent-text) {
    color: var(--company-primary) !important;
    border-bottom-color: var(--company-primary) !important;
  }
  /* A dropdown trigger keeps its chevron OUTSIDE the label div, and the icon
     carries its own text-company-accent-text rather than inheriting, so it has
     to be named explicitly or the label goes orange and the arrow stays put. */
  header .group:has(> .border-b-company-accent-text:not(.group-hover\:border-b-company-accent-text)),
  header .group:has(> .border-b-company-accent-text:not(.group-hover\:border-b-company-accent-text)) svg {
    color: var(--company-primary) !important;
  }

  /* ---- 3. HOVER in the brand primary ------------------------------------
     Same treatment as selected, so the nav has one hover language instead of
     two. Label, chevron and underline together — the underline utility is a
     group-hover: variant, so it is scoped to :hover here rather than
     recoloured unconditionally, which would leave every item underlined. */
  header .bg-company-accent .group:hover,
  header .bg-company-accent .group:hover .text-company-accent-text,
  header .bg-company-accent .group:hover > div,
  header .bg-company-accent .group:hover svg {
    color: var(--company-primary) !important;
  }
  header .bg-company-accent .group:hover > .group-hover\:border-b-company-accent-text {
    border-bottom-color: var(--company-primary) !important;
  }
  /* Dropdown children. Their SELECTED state is already text-company-primary
     (platform default), and their hover was text-hubs-secondary — a grey that
     now reads as the odd one out. Matching it up. */
  header a.hover\:text-hubs-secondary:hover {
    color: var(--company-primary) !important;
  }
</style>

Latest news