<div id="svgHeaderElements" class="displayNone">
        <svg>
            <defs>
                <symbol viewBox="0 0 64 64">
                    <path
                        d="M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64Z"
                        fill="url(#paint0_linear)"></path>
                    <path
                        d="M47.8472 19.8323C43.5514 15.8813 36.8167 16.1067 32.8045 20.3383L32.0316 21.151L31.2586 20.3383C27.2452 16.1067 20.5111 15.879 16.2159 19.8323L16.1511 19.8917C15.1312 20.8229 14.3075 21.9482 13.7284 23.2019C13.1493 24.4556 12.8263 25.8123 12.7784 27.1924C12.7306 28.5726 12.9588 29.9484 13.4498 31.2391C13.9407 32.5299 14.6844 33.7096 15.6374 34.7091L17.4056 36.5737L31.9709 49.6056L46.5974 36.5095L48.3615 34.6497C49.3145 33.6502 50.0582 32.4704 50.5491 31.1797C51.0401 29.8889 51.2683 28.5131 51.2205 27.133C51.1726 25.7528 50.8496 24.3961 50.2705 23.1425C49.6913 21.8888 48.8677 20.7634 47.8478 19.8323H47.8472Z"
                        fill="white"></path>
                    <defs>
                        <linearGradient id="paint0_linear" x1="-32" y1="0" x2="-32" y2="64"
                            gradientUnits="userSpaceOnUse">
                            <stop stop-color="#E07959"></stop>
                            <stop offset="1" stop-color="#DB4C52"></stop>
                        </linearGradient>
                    </defs>
                </symbol>
                <symbol id="reportIcon" viewBox="0 0 16 17">
                    <path
                        d="M9.9 2L9.66 0.8C9.57 0.34 9.16 0 8.68 0H1.5C0.95 0 0.5 0.45 0.5 1V16C0.5 16.55 0.95 17 1.5 17C2.05 17 2.5 16.55 2.5 16V10H8.1L8.34 11.2C8.43 11.67 8.84 12 9.32 12H14.5C15.05 12 15.5 11.55 15.5 11V3C15.5 2.45 15.05 2 14.5 2H9.9Z"
                        fill="#C6C6C6"></path>
                </symbol>
            </defs>
        </svg>
    </div>
    <header id="mobileHeader" itemscope="" itemtype="http://schema.org/WPHeader" class="clearfix hideWhenOpened">
        <nav>
            <style>
                .topNav {
                    position: relative;
                    text-align: center;
                }

                .logoWrapper !important {
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    z-index: 1000;
                    /* Adjust the z-index as needed */
                }
            </style>

            <div class="topNav clearfix">
                <button id="mobileNavigation" type="button" aria-label="Mobile Navigation"
                    onclick="ga('send', 'event', 'Hamburger Menu', 'click', 'Menu Icon')">
                    <i class="fa fa-bars" style="color: #FFFFFF" aria-hidden="true"></i>
                </button>
                <div class="logoWrapper" title="NXL" itemscope="" itemtype="http://schema.org/Organization">
                    <a href="">
                        
                        <!-- replace this -->FAKEHUB
                    </a>
                </div>
                <button id="openSearch" type="button" aria-label="Open Search">
                    <i class="fa fa-search" style="color: #FFFFFF" aria-hidden="true"></i>
                </button>
                <button id="headerUserIcon" type="button" aria-label="User Icon"
                    onclick="ga('send', 'event', 'User Menu -  Logged Out', 'click', 'User Menu Icon')">
                    <i class="fa fa-user-circle" style="color: #FFFFFF" aria-hidden="true"></i>
                </button>
            </div>
        </nav>
    </header>


    <div class="bottomNav clearfix">
        <hr>
    </div>

    <div id="mobileContainer" class="container clearfix notPremium">

        <div class="adContainer clearfix middleAdContainer">
            <div class="tjLinksWrapper">