.fsn-location-dropdown {
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.fsn-location-dropdown.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0);
}

.fsn-location-trigger {
    background: rgba(255,255,255,0.1);
    padding: 8px 16px;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}

.fsn-location-trigger:hover {
    background: rgba(255,255,255,0.2);
}

/* Styling for the active city in the dropdown */
.fsn-city-option.is-active {
    background-color: var(--primary);
    color: white !important;
}

/* Ensure the injected checkmark looks sharp */
.fsn-check-icon {
    display: flex;
    align-items: center;
    opacity: 0.8;
}

/* --- Optimized Dropdown UI --- */
.fsn-location-dropdown {
    will-change: transform, opacity; /* Hardware acceleration */
    transition: all 0.25s cubic-bezier(0.2, 1, 0.2, 1);
}

.fsn-city-option {
    position: relative;
    padding-right: 40px !important; /* Reserve space for checkmark */
}

/* Pre-insert checkmark icon via CSS to avoid JS DOM manipulation */
.fsn-city-option::after {
    content: '✓';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.fsn-city-option.is-active::after {
    opacity: 1;
}

/* Page Transition Effect */
body {
    transition: opacity 0.3s ease;
}

body.is-switching {
    opacity: 0.6;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
	.brxe-woocommerce-mini-cart .cart-detail{
  width: 300px !important;
    max-width: 300px !important;
}
}


function updateHeaderHeight() {
        // Get the height of #brx-header
        const headerHeight = document.querySelector('#brx-header').offsetHeight;
          
        // Store the height in the CSS custom property --header-height
        document.documentElement.style.setProperty('--brxw-header-height', headerHeight + 'px');
    }

    // Execute the function as soon as the document is ready
    document.addEventListener('DOMContentLoaded', function() {
        updateHeaderHeight();  // Initial update of header height when the document is ready

        // Update the header height on window resize and orientation change
        window.addEventListener('resize', updateHeaderHeight);
        window.addEventListener('orientationchange', updateHeaderHeight);
});

YMCA x Fitset Ninja Community Open House

We're throwing open the doors at MNP Place on Saturday, August 8 for a free YMCA Community Open House. Bring the kids, try the course, meet the coaches, and see what all the hype is about.

Ever watched a kid fly across an obstacle course and thought, my kid would love that?

Now’s their chance.

Fitset Ninja is hosting an exclusive free Open House for the Y staff, families and volunteers on Saturday, August 8. Bring the kids, try the course, meet the coaches, and see what all the hype is about.

We’ve been building confident, resilient kids through ninja training in Alberta since 2018. This summer we’re in Kelowna, and we want you to come see it for yourself.

Here’s what to expect:

  • Free time on the full ninja obstacle course
  • Coached instruction so every kid hits the ground running
  • An on-the-day offer for anyone who wants to keep the fun going all summer

Walk-ins are welcome but capacity is limited. Put your name on the list and we’ll save you a spot!

The Details

  • Saturday, August 8
  • Two 90 min sessions: 10.30am – 12pm, or 12pm – 1.30pm
  • MNP Place Indoor Turf, 4105 Gordan Drive, Kelowna
  • For YMCA staff, families and volunteers

"*" indicates required fields

Name*
Pick from one of 2 sessions. Each session includes coach instruction and some free play on the obstacles.
Please enter a number from 1 to 5.
Participants are those who will be on the course. Minimum age 5 years. Spectators (parents, anyone cheering from the sidelines) don’t need to be registered.
I'd like to receive news and updates from Fitset Ninja Kelowna