Grounds

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

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

Duty Teams

After 1pm on Friday's, we post a copy of the draw to our Facebook page (a Facebook feed is on our website homepage). If your team is highlighted in a colour, this means:

Yellow - Setup fields
Green - Packup fields
Blue - Setup & Packup fields

It's a great help is supporters are doing this while your coach/manager is getting the team ready for kick-off.
PLEASE NOTE: DO NOT CUT THE CHAINS OR LOCKS

Fixtures

Please make sure your re-check the fixtures after 1pm Fridays as they can change. Always use the WaiBOP website or download their app. We are in the Western BOP leagues.

Referees

Every team will need to referee at least half a game. Please don't leave this to your coach to do. Sometimes the opposition team will have someone that's keen to referee the entire game - have a chat before kick-off. You can do the quick online Community Referee course via the WaiBOP website.

Check your grade rules

Always check the rules for your grade, as there are slight changes in some grades.A summary of these can be found on the WaiBOP website

The Retreating Line - if you don't know what this is, it's a fundamental part of the game.

Fixtures

Any ground cancellations for home games will be posted on facebook/tcafc.

Away games - please check your oppositions Facebook page.

We always try to make cancellations early in the morning, and it's not just about the current weather conditions. Grounds can get water-logged and to ensure they aren't damaged long term the Council may need to close them.

We also have a Facebook feed on our website home page tcafc.co.nz

Sideline Behaviour Policy

Whether you're on pitch or sideline, you're representing Tauranga City AFC. We expect all members to remain positive, let the players and coaches do their thing and respect the referees. If you aren't happy with any sideline behaviour, from our members or another club, please email hello@tcafc.co.nz immediately. A copy of our policy can be found in the Downloads on this page.

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!

Winter Football

Our Club

Follow us on socials

Simple Club Management By Friendly Manager