.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

.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; } }

We are Tauranga’s premier football club, based in the heart of the Mount, where we’ve been serving our community since 1964.

At TCAFC, we are community-focused and deeply passionate about ensuring that everyone—regardless of age, gender, or ability—has the opportunity to play, coach, referee, and support the beautiful game. We believe football is more than a sport; it is a vehicle for personal growth, fostering social connection, confidence, leadership, and positive learning habits.

Our clubrooms are located at Links Avenue Reserve, with additional match venues at Ocean Downs Reserve and Macville Park. We are especially proud to offer our members use of the Bay of Plenty’s first dedicated state-of-the-art artificial turf, opened in 2025 to benefit our players and the wider football community.

The winter season runs from March to September, with pre-season training beginning in late January for our Premier teams and February for all other grades. For more information and the latest updates, check out our FAQ Page and follow our social media channels on Facebook and Instagram.

Mini Blues

Our Mini Blues programme is the perfect introduction to football, providing a fun, engaging, and safe environment for our youngest players to fall in love with the beautiful game.

Designed specifically for early development, the programme focuses on building basic skills and confidence through play-based learning and discovery.

Mini Blues participate in small-sided games held every Saturday morning, ensuring plenty of touches on the ball and maximum involvement for every child.

To keep things simple for busy families, there are no required midweek team trainings; however, for those keen for extra time on the pitch, our Skills Hub offers additional development opportunities.

Learn more

Junior & Youth

The Winter Season runs through Terms 2 and 3.

Junior Football (Ages 8–13): Whether moving up from Mini Blues or starting fresh, this is the key stage for skill development. Teams train midweek and play Saturdays.

Youth Football (Ages 14–19): We offer teams for all players and training is set by coaches once teams are formed, with games played on Saturdays.

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.

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

Ages 8-9

Ages 10-11

Ages 12-13

Ages 14-15

Seniors

We’ve got you covered with Men’s and Women’s teams entered in every WaiBOP Bay League. Teams train during the week and compete against clubs across the Bay of Plenty on Saturdays. We currently have entries in Men’s Bay 1, 2, 3, and Over 35s, as well as Women's W-League and Women’s Bay 1.

Registrations open in January, with pre-season typically kicking off in mid-February and the official season starting in early April.

For players looking for a more social experience, our Sunday Relics also train midweek and play every second Sunday.

Senior Women

Senior Men

National Leauge

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.

National League

🌟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 sponosring

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!

Link 2
Link 3

Link 1
Link 2
Link 3

Follow us on socials