Strike Energy

Home

:  Level 1, 40 Kings Park Road, West Perth WA 6005

<style id="ihx-head-css">
  :root {
    --ihx-nav-bg: #004A8C;            /* header fallback colour + inverted badge/button text - EDIT THIS */
    --ihx-nav-text: #FFFFFF;          /* nav font + underline colour - EDIT THIS */
    --ihx-header-gradient: linear-gradient(to top, #004A8C 0%, #192B3B 100%);   /* header band + logo row - EDIT THIS */
    --ihx-logo-height: 56px;          /* desktop logo height - EDIT THIS (keep 64px or under) */
    --ihx-logo-height-mobile: 40px;   /* mobile logo height (under 768px) - EDIT THIS */
    --ihx-footer-gradient: linear-gradient(to top, #004A8C 0%, #192B3B 100%);   /* also update GRADIENT in the footer script */
  }

  /* ---- 1. NAV BAR + HEADER BAND ----
     One fixed <header> holding the logo row and the menu row
     (.bg-company-accent). The gradient runs across both. */
  header.fixed {
    background-color: var(--ihx-nav-bg) !important;
    background-image: var(--ihx-header-gradient) !important;
  }
  /* the menu row has its own white fill - clear it so the gradient runs through */
  header.fixed .bg-company-accent {
    background-color: transparent !important;
  }
  /* white font: menu links, ASX ticker, share price, My account, icons */
  header.fixed a,
  header.fixed button,
  header.fixed span,
  header.fixed p,
  header.fixed svg,
  header.fixed .text-company-accent-text {
    color: var(--ihx-nav-text) !important;
  }
  /* menu underline (active page + hover) - matches the font */
  header.fixed .border-b-company-accent-text,
  header.fixed .group:hover [class*="group-hover:border-b-company-accent-text"] {
    border-bottom-color: var(--ihx-nav-text) !important;
  }
  /* the share price arrow is filled red/green directly - white too */
  header.fixed [class*="fill-status"] {
    fill: var(--ihx-nav-text) !important;
  }
  /* the notification badge is brand blue - invert it so it stays visible */
  header.fixed .bg-company-primary {
    background-color: var(--ihx-nav-text) !important;
    color: var(--ihx-nav-bg) !important;
  }
  /* logged-out "Log in" button has a light grey fill - keep its dark text */
  header.fixed .bg-gray-100,
  header.fixed .bg-gray-100 * {
    color: #384250 !important;
  }
  /* logged-out "Sign up" button is brand blue - invert it so it stays visible */
  header.fixed .bg-hubs-cta {
    background-color: var(--ihx-nav-text) !important;
    border-color: var(--ihx-nav-text) !important;
  }
  header.fixed .bg-hubs-cta,
  header.fixed .bg-hubs-cta * {
    color: var(--ihx-nav-bg) !important;
  }
  /* dropdown menus stay white with their original dark text */
  header.fixed .rounded-hubs-menu,
  header.fixed .rounded-hubs-menu * {
    color: #384250 !important;
  }

  /* ---- 2. HEADER LOGO SIZE ----
     The logo is the only image in the header, so this works whatever
     logo file is uploaded. The footer logo is not affected. */
  header.fixed img {
    height: var(--ihx-logo-height) !important;
    width: auto !important;
    max-height: none !important;   /* the theme caps the logo at 46px */
    max-width: none !important;
    object-fit: contain !important;
  }

  @media (max-width: 767px) {
    header.fixed img {
      height: var(--ihx-logo-height-mobile) !important;
      max-width: 60vw !important;   /* stops the logo pushing the menu button off screen */
    }
  }

  /* ---- 3. FOOTER GRADIENT ----
     The footer colour comes from --footer-background-color, which can't
     carry a gradient, so a background-IMAGE is painted instead */
  footer,
  [class*="footer"],
  [class*="Footer"],
  [data-testid*="footer"],
  [data-section="footer"] {
    background-image: var(--ihx-footer-gradient) !important;
    background-color: transparent !important;
  }

  /* nested wrappers must not repaint their own gradient (causes banding) */
  footer [class*="footer"],
  footer [class*="Footer"],
  [class*="footer"] [class*="footer"],
  [class*="Footer"] [class*="Footer"] {
    background-image: none !important;
    background-color: transparent !important;
  }
</style>

<script>
/* KEEPS THE CSS ABOVE LIVE
   The hub strips this head tag's <style> once the page finishes loading.
   This copies the CSS above into a stylesheet the page cannot remove.
   Edit the CSS above as normal - this picks up whatever is there.
   Must stay directly after the <style> block. */
(function () {
  var src = document.getElementById('ihx-head-css');
  if (!src) return;
  var css = src.textContent;

  // modern browsers: a constructed stylesheet is not part of the page's
  // HTML, so loading and page changes cannot strip it
  try {
    var sheet = new CSSStyleSheet();
    sheet.replaceSync(css);
    document.adoptedStyleSheets = document.adoptedStyleSheets.concat(sheet);
    return;
  } catch (e) {}

  // older browsers: keep a copy at the end of <body> and put it back if removed
  function ensure() {
    if (!document.body || document.getElementById('ihx-head-css-copy')) return;
    var s = document.createElement('style');
    s.id = 'ihx-head-css-copy';
    s.textContent = css;
    document.body.appendChild(s);
  }
  function start() {
    ensure();
    new MutationObserver(ensure).observe(document.body, { childList: true });
  }
  if (document.body) start();
  else document.addEventListener('DOMContentLoaded', start);
})();
</script>

<script>
/* FOOTER GRADIENT - paints the gradient straight onto the footer, so it
   holds even before the stylesheet above is applied */
(function () {
  var GRADIENT   = 'linear-gradient(to top, #004A8C 0%, #192B3B 100%)';
  var FOOTER_RGB = 'rgb(0, 74, 140)';   // current --footer-background-color
  var done = false;

  function paint(el) {
    if (!el || done) return false;
    el.style.setProperty('background-image', GRADIENT, 'important');
    el.style.setProperty('background-color', 'transparent', 'important');
    // stop inner wrappers painting the flat colour over the gradient
    el.querySelectorAll('*').forEach(function (child) {
      if (getComputedStyle(child).backgroundColor === FOOTER_RGB) {
        child.style.setProperty('background-color', 'transparent', 'important');
      }
    });
    done = true;
    return true;
  }

  function findFooter() {
    var f = document.querySelector('footer');
    if (f) return f;

    // fallback: the lowest full-width block painted in the footer colour
    var best = null, bestTop = -1;
    document.querySelectorAll('div,section,aside').forEach(function (el) {
      if (getComputedStyle(el).backgroundColor !== FOOTER_RGB) return;
      var r = el.getBoundingClientRect();
      if (r.height < 80 || r.width < window.innerWidth * 0.8) return;
      var top = r.top + window.scrollY;
      if (top > bestTop) { bestTop = top; best = el; }
    });
    return best;
  }

  function run() {
    if (done) return;
    if (paint(findFooter()) && observer) observer.disconnect();
  }

  var observer = null;
  function start() {
    run();
    if (done) return;
    // the footer mounts after hydration, so watch for it
    observer = new MutationObserver(function () {
      if (window.requestIdleCallback) requestIdleCallback(run, { timeout: 200 });
      else setTimeout(run, 0);
    });
    observer.observe(document.documentElement, { childList: true, subtree: true });
    // hard stop so the observer never lingers
    setTimeout(function () { if (observer) observer.disconnect(); }, 15000);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', start);
  } else {
    start();
  }
})();
</script>

DELIVERING A SECURE ENERGY FUTURE

Strike is a leading independent energy company delivering reliable domestic gas and flexible power generation to Western Australia.

Strike has one of the largest discovered gas portfolios in the onshore Perth Basin and Mid-West, including the expansive Greater Erregulla Permian fields and condensate rich Walyering.

Our Projects