.header-block { font-family: var(--site-page-builder-font-families-bodyFontFamily); width: 100%; border: var(--border); box-sizing: border-box; z-index: 1000; } /* Positioning styles */ .header-positioning-scroll { position: relative; } .header-positioning-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .header-positioning-sticky { position: sticky; top: 0; z-index: 1000; } .header-container { display: flex; max-width: var(--site-page-builder-max-width); margin: 0 auto; padding: var(--padding); box-sizing: border-box; } .go-full-width { max-width: 100%; } .header-inside { width: 100%; } .header-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; } /* Layout 3: Centered logo with social right */ .header-top--centered { justify-content: center; } /* Layout 2: Logo left, buttons + social right (stacked) */ .header-top--layout2 { justify-content: space-between; } .header-right--layout2 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem; } /* Layout 3: Logo centered, social right */ .header-top--layout3 { position: relative; justify-content: center; } .header-social-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .header-logo--centered { text-align: center; } .header-nav-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; background: var(--nav-bar-background); padding: var(--nav-bar-padding); margin: var(--nav-bar-margin); border-radius: var(--nav-bar-border-radius); border: var(--nav-bar-border); box-shadow: var(--nav-bar-box-shadow); box-sizing: border-box; } /* Fullwidth nav row - background goes full width, content stays centered */ .header-nav-row--fullwidth { width: 100%; border-radius: 0; margin-left: 0; margin-right: 0; box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; } .header-nav-row-inner { display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: 100%; max-width: var(--site-page-builder-max-width); margin: 0 auto; } .header-nav-actions { display: flex; align-items: center; gap: 0.5rem; } /* Layout 4: Single row with logo and nav on left, actions right */ .header-row--layout4 { display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .header-left-group { display: flex; align-items: center; gap: 1rem; flex: 1; min-width: 0; } /* Layout 4 inline nav - applies nav bar styles */ .header-nav-inline { flex: 1; min-width: 0; background: var(--nav-bar-background); padding: var(--nav-bar-padding); border-radius: var(--nav-bar-border-radius); border: var(--nav-bar-border); box-shadow: var(--nav-bar-box-shadow); box-sizing: border-box; } .header-right-actions { display: flex; align-items: center; gap: 1rem; flex-shrink: 0; } .header-logo { display: flex; align-items: center; flex-shrink: 0; padding: var(--logo-padding); margin: var(--logo-margin); } .header-logo img { width: var(--logo-width); height: var(--logo-height); object-fit: var(--logo-object-fit); object-position: var(--logo-position); } .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 1.5rem; } /* Navigation Styles */ .header-navigation-wrapper { display: flex; align-items: center; justify-content: var(--nav-alignment, flex-start); width: 100%; } /* Navigation Section */ .header-navigation { display: flex; align-items: center; } .header-block-nav-list { display: flex; list-style: none; margin: 0; padding: 0; gap: 0.5rem; flex-wrap: wrap; } .header-block-nav-item { position: relative; } .header-block-nav-link { text-decoration: none; font-weight: 500; transition: color 0.2s ease; display: flex; align-items: center; gap: 0.25rem; cursor: pointer; color: var(--nav-items-color, var(--site-page-builder-texts-linkColor)); font-family: var(--nav-items-font-family, inherit); font-size: var(--nav-items-font-size, 1rem); padding: var(--nav-items-padding, 0.5rem 0.75rem); } .header-block-nav-link:hover { color: var(--nav-items-hover-color, var(--site-page-builder-texts-linkColor)); } .header-block-nav-link.active { color: var(--nav-items-selected-color, var(--site-page-builder-texts-linkColor)); } /* Add dropdown arrow for items with children */ .has-children .header-block-nav-link::after { content: '▼'; font-size: 0.5rem; transition: transform 0.2s ease; } /* Dropdown Menu */ .header-block-dropdown-menu { position: absolute; top: 100%; left: 0; min-width: 200px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; list-style: none; padding: 0; margin: 0; z-index: 1001; background-color: var(--dropdown-bg-color, #ffffff); border-radius: var(--dropdown-border-radius); box-shadow: var(--dropdown-box-shadow); } .header-block-nav-item:hover .header-block-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); } .header-block-dropdown-item { position: relative; } .header-block-dropdown-link { display: block; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease; color: var(--dropdown-item-color, var(--site-page-builder-texts-textColor)); font-family: var(--dropdown-item-font-family, inherit); font-size: var(--dropdown-item-font-size, 0.875rem); padding: var(--dropdown-item-padding, 0.75rem 1rem); background-color: var(--dropdown-item-bg-color, transparent); } .header-block-dropdown-link:hover { color: var(--dropdown-item-hover-color, var(--site-page-builder-texts-linkColor)); background-color: var(--dropdown-item-hover-bg-color, #f3f4f6); } .header-block-dropdown-link.active { color: var(--dropdown-item-hover-color, var(--site-page-builder-texts-linkColor)); background-color: var(--dropdown-item-hover-bg-color, #f3f4f6); } /* Sub-dropdown Menu (third level) */ .sub-header-block-dropdown-menu { position: absolute; top: 0; left: 100%; min-width: 180px; opacity: 0; visibility: hidden; transform: translateX(-10px); transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; list-style: none; padding: 0.5rem 0; margin: 0; z-index: 1002; background-color: var(--dropdown-bg-color, #ffffff); border-radius: var(--dropdown-border-radius); box-shadow: var(--dropdown-box-shadow); } .header-block-dropdown-item:hover .sub-header-block-dropdown-menu { opacity: 1; visibility: visible; transform: translateX(0); cursor: pointer; } .sub-header-block-dropdown-link { display: block; text-decoration: none; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; color: var(--dropdown-item-color, var(--site-page-builder-texts-textColor)); font-family: var(--dropdown-item-font-family, inherit); font-size: var(--dropdown-item-font-size, 0.875rem); padding: var(--dropdown-item-padding, 0.75rem 1rem); background-color: var(--dropdown-item-bg-color, transparent); } .sub-header-block-dropdown-link:hover { color: var(--dropdown-item-hover-color, var(--site-page-builder-texts-linkColor)); background-color: var(--dropdown-item-hover-bg-color, #f3f4f6); } /* Action Buttons */ .header-action-buttons { display: flex; flex-direction: row; gap: 0.5rem; flex-shrink: 0; flex-wrap: nowrap; } .header-action-buttons a { text-decoration: none; } .action-button { display: inline-flex; text-decoration: none; font-weight: 500; padding: 0.5rem 1rem; border-radius: 10rem; white-space: nowrap; flex-shrink: 0; } .action-button--primary { background-color: var(--site-page-builder-buttons-primary-backgroundColor); color: var(--site-page-builder-buttons-primary-textColor); } .action-button--secondary { background-color: var(--site-page-builder-buttons-secondary-backgroundColor); color: var(--site-page-builder-buttons-secondary-textColor); } /* Responsive header styles */ /* Responsive Header Styles */ .header-responsive { display: none; justify-content: space-between; align-items: center; width: 100%; } .header-responsive-logo { max-width: 50%; flex-shrink: 0; } .header-responsive-logo .header-logo { max-width: 100%; } .header-responsive-logo .header-logo img { max-width: 100%; height: auto; } .header-responsive-menu-btn { display: flex; align-items: center; justify-content: center; background: var(--hamburger-button-background); border: none; cursor: pointer; border-radius: var(--hamburger-button-border-radius); padding: var(--hamburger-button-padding); z-index: 1003; } .header-responsive-menu-btn .hamburger-icon { width: 18px; height: 14px; position: relative; transform: rotate(0deg); transition: 0.3s ease-in-out; } .header-responsive-menu-btn .hamburger-icon span { display: block; position: absolute; height: 2px; width: 100%; background-color: var(--hamburger-icon-color); border-radius: 1px; opacity: 1; left: 0; transform: rotate(0deg); transition: 0.25s ease-in-out; } .header-responsive-menu-btn .hamburger-icon span:nth-child(1) { top: 0; } .header-responsive-menu-btn .hamburger-icon span:nth-child(2) { top: 6px; } .header-responsive-menu-btn .hamburger-icon span:nth-child(3) { top: 12px; } .header-responsive-nav { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 1002; overflow-y: auto; max-height: 80vh; background: var(--hamburger-menu-background); border-radius: var(--hamburger-menu-border-radius); padding: var(--hamburger-menu-padding); box-shadow: var(--hamburger-menu-box-shadow); } .header-responsive-nav.active { display: block; } .header-responsive-nav .header-block-nav-list { display: flex; flex-direction: column; gap: 0; list-style: none; margin: 0; padding: 0; } .header-responsive-nav .header-block-nav-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header-responsive-nav .header-block-nav-item:last-child { border-bottom: none; } .header-responsive-nav .header-block-nav-link-wrapper { display: flex; justify-content: space-between; align-items: center; } .header-responsive-nav .header-block-nav-link { padding: 0.75rem 1rem; font-size: var(--nav-items-font-size, 1rem); flex: 1; text-decoration: none; color: var(--nav-items-color, var(--site-page-builder-texts-linkColor)); cursor: pointer; } /* Override parent header navigation chevron on link */ .header-responsive-nav .header-block-nav-link::after { content: none !important; } .header-responsive-nav .nav-toggle-btn { padding: 0.75rem 1rem; background: none; border: none; cursor: pointer; color: var(--nav-items-color, var(--site-page-builder-texts-linkColor)); font-size: 0.625rem; display: flex; align-items: center; justify-content: center; } /* Chevron for toggle button */ .header-responsive-nav .nav-toggle-btn::after { content: '▼'; } /* Rotate chevron when expanded */ .header-responsive-nav .nav-toggle-btn.expanded::after { transform: rotate(180deg); } .header-responsive-nav .header-block-dropdown-menu { position: static; display: none; background: transparent; box-shadow: none; padding: 0 0 0 1rem; min-width: auto; list-style: none; margin: 0; } .header-responsive-nav .header-block-dropdown-menu.expanded { display: block; } .header-responsive-nav .header-block-dropdown-link { padding: 0.5rem 1rem; font-size: var(--nav-items-font-size, 0.875rem); display: block; text-decoration: none; color: var(--nav-items-color, var(--site-page-builder-texts-linkColor)); cursor: pointer; } .header-responsive-nav .sub-header-block-dropdown-menu { position: static; opacity: 1; visibility: visible; transform: none; background: transparent; box-shadow: none; padding: 0 0 0 1rem; min-width: auto; list-style: none; margin: 0; } .header-responsive-nav .sub-header-block-dropdown-link { padding: 0.5rem 1rem; font-size: var(--nav-items-font-size, 0.875rem); display: block; text-decoration: none; color: var(--nav-items-color, var(--site-page-builder-texts-linkColor)); cursor: pointer; } .header-responsive-nav .mobile-action-buttons { display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 0.5rem; } .header-responsive-nav .mobile-action-button { display: block; text-align: center; text-decoration: none; font-weight: 500; padding: 0.75rem 1rem; border-radius: 0.5rem; } .header-responsive-nav .mobile-action-button--primary { background-color: var(--site-page-builder-buttons-primary-backgroundColor); color: var(--site-page-builder-buttons-primary-textColor); } .header-responsive-nav .mobile-action-button--secondary { background-color: var(--site-page-builder-buttons-secondary-backgroundColor); color: var(--site-page-builder-buttons-secondary-textColor); } /* Desktop/Mobile visibility */ .header-desktop { display: block; } .header-responsive { display: none; } /* Mobile responsive */ @media only screen and (max-width: 768px) { /* Hide desktop layout, show responsive */ .header-desktop { display: none; } .header-responsive { display: flex; } /* Hide fullwidth nav row on mobile */ .header-nav-row--fullwidth { display: none; } .header-inside { position: relative; } } .has-background-overlay { position: relative; } .has-background-overlay::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--overlay-color); opacity: var(--overlay-opacity); z-index: 1; pointer-events: none; border-radius: inherit; } .has-background-overlay > * { position: relative; z-index: 2; } /* Images should stay below overlay */ .has-background-overlay > .image-block { z-index: 0; } (function() { function setActiveNavItem(currentPageUrl) { if (!currentPageUrl) { var siteBuilder = window.__SITE_BUILDER__; currentPageUrl = siteBuilder ? siteBuilder.currentPageUrl : null; } if (!currentPageUrl) { currentPageUrl = window.location.pathname; } if (!currentPageUrl) return; // Normalize: remove trailing slash (except for root "/") if (currentPageUrl !== '/' && currentPageUrl.endsWith('/')) { currentPageUrl = currentPageUrl.slice(0, -1); } var navLinks = document.querySelectorAll('.header-block-nav-link'); navLinks.forEach(function(link) { var href = link.getAttribute('href'); if (!href || href === '#') return; // Remove existing active class link.classList.remove('active'); if (href === currentPageUrl) { link.classList.add('active'); } else if (href !== '/' && currentPageUrl.startsWith(href + '/')) { // Mark parent nav item active when on a child page link.classList.add('active'); } }); // Also check dropdown links var dropdownLinks = document.querySelectorAll('.header-block-dropdown-link, .sub-header-block-dropdown-link'); dropdownLinks.forEach(function(link) { var href = link.getAttribute('href'); if (!href || href === '#') return; link.classList.remove('active'); if (href === currentPageUrl) { link.classList.add('active'); } }); } // Listen for page change messages from parent (preview mode) window.addEventListener('message', function(event) { if (event.data && event.data.type === 'SET_ACTIVE_PAGE') { setActiveNavItem(event.data.currentPageUrl); } }); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { setActiveNavItem(); }); } else { setActiveNavItem(); } })(); function toggleMobileMenu(button) { const wrapper = button.closest('.header-responsive'); const mobileNav = wrapper.querySelector('.header-responsive-nav'); if (mobileNav) { mobileNav.classList.toggle('active'); } } function toggleMobileMenuItem(button) { // Toggle expanded class on the button button.classList.toggle('expanded'); // Find the dropdown menu (next sibling of parent wrapper) const wrapper = button.closest('.header-block-nav-link-wrapper'); const listItem = wrapper.parentElement; const dropdown = listItem.querySelector('.header-block-dropdown-menu'); if (dropdown) { dropdown.classList.toggle('expanded'); } } .base-block { margin: var(--base-block-margin); max-width: var(--base-block-max-width); height: var(--base-block-height); display: block; text-align: var(--base-block-text-align); } @media only screen and (max-width:768px) { /* Make base block height auto if it contains image-block as direct child for responsive support */ .base-block:has(> .image-block) { height: auto; } }

TEAMS FOR ALL AGES AND ABILITIES

Junior & Youth Football

Mini Blues

Mini Blues is a fun, safe introduction to football for young players, focused on building basic skills and confidence through play-based learning, with small-sided games every Saturday morning and no required midweek trainings, plus optional extra development through our Skills Hub.

Junior 8-9

For U8–U9 players, the winter season runs through Terms 2 and 3 and focuses on building core skills, confidence, and enjoyment of the game at this important development stage. Teams train once midweek and play on Saturdays, with optional extra development available through our Skills Hub.

Junior 10-11

For U10–U11 players, the winter season runs through Terms 2 and 3 and is focused on sharpening skills, building match awareness. In this grade, the pitch size increases to help players develop spatial awareness. At this level, teams play in WaiBOP-facilitated leagues, introducing more tactical elements like the offside rule via the retreating line.

Junior 12-13

This grade serves as the bridge to Youth football, moving to a larger 9v9 format. At this level, teams play on a larger pitch where they transition from junior skills to youth-level tactical awareness.

Youth 14-15

Players transition to larger formats and more competitive structures. At this level, teams play in regional leagues where official disciplinary measures and league standings are fully introduced.

Player Development

Skills Hub

For players seeking extra development, our Skills Hub offers year-round programmes for ages 4–13, led by qualified coaches to complement team practices.

Learn More

Fantails

MILO Fantails is a programme designed to attract new female players aged 4–12 years old to the beautiful game through sessions focused on helping girls make friends, have fun, improve their skills and be active through football.

Learn More

Academy

Our Academy teams are operated by FC Tauranga Moana, the leading Academy in the Bay of Plenty with a Youth Development Partnership with Auckland FC.

Learn More

Senior Football

Senior Women

Our women’s programme competes in the WaiBOP Bay Leagues, with teams entered in the Women’s W-League and Women’s Bay 1. Teams train during the week and play on Saturdays against clubs from across the Bay of Plenty. Registrations open in January, pre-season starts mid-February, and the season gets underway in early April.

Senior Men

We offer men’s teams across the WaiBOP Bay Leagues, with entries in Men’s Bay 1, 2, 3, and Over 35s. Teams train during the week and compete against clubs from across the Bay of Plenty on Saturdays. Registrations open in January, pre-season begins mid-February, and the official season starts in early April. For a more social option, our Sunday Relics train midweek and play every second Sunday.

National League

Our Men’s First Team is the only WaiBOP representative in the Northern Regional Phase of the National League, competing weekly against the country's elite. The top four teams from this league progress to the National League Championship phase. Playing in parallel is our U23 Men’s Reserves, a high-level environment that also allows for over-age players. If you are interested in joining either of these squads, please email barry@tcafc.co.nz.

Our Women’s First and Reserve sides compete in the NRFL Premiership, widely regarded as the top women's league in the country. These premier teams are part of Te Ara Wāhine, a Tauranga wāhine youth and senior football collaboration supported by WaiBOP.

Learn more

.base-block { margin: var(--base-block-margin); max-width: var(--base-block-max-width); height: var(--base-block-height); display: block; text-align: var(--base-block-text-align); } @media only screen and (max-width:768px) { /* Make base block height auto if it contains image-block as direct child for responsive support */ .base-block:has(> .image-block) { height: auto; } }

Thanks to our Sponsors

We can't do what we do with out the help of these business, so please when your choosing your business please support them like they support us!

🌟WANT TO SPONSOR?

Are you a local business owner looking to support the community?

We are always looking for partners to help keep our programs accessible and high-quality. Various options are available to suit your budget.We’d love to discuss how we can promote your business to our football family.

I'm interested in sponsoring

Winter Football

Our Club

Follow us on socials

Simple Club Management By Friendly Manager