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>

Unlocking a World‑Class Gas Resource

One contiguous position in the Northern Territory

Carpentaria Project

Western Beetaloo

McArthur Basin permits

Latest news

Exclusive access to webinars, videos and management through the Beetaloo Energy Investor Hub