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

HOLIDAY PROGRAMMES

Fun in the Holidays

Get ready for an action-packed week of football with our awesome coaching team on the Links Artificial Turf.

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

Key Info

⚽ Programme Details

Who: Open to everyone (you do not need to be a Tauranga City AFC member).
Ages: 4–13 years old.
Location: Links Ave Reserve Artificial Turf.
Cost: $35 per session | $55 for a full day.

⏰ Session Times

Choose the option that fits your schedule:

Morning Session: 9am – 12pm
Afternoon Session: 12:30pm – 3pm
Full Day: 9am – 3pm

🎒 What to Bring

To ensure the kids stay comfortable and safe regardless of the weather, please pack the following:

Clothing & Gear:

👟 Footwear: Football boots and trainers/sneakers.
🛡️ Protection: Shinpads (mandatory).
👕 Apparel: Training gear, a waterproof jacket, and a spare change of clothes.
🧢 Sun/Cold: A hat or beanie and sunscreen.

Food & Health:

🥤 Hydration: A refillable water bottle (water stations available on-site).
🍎 Fuel: Plenty of snacks (and lunch if staying for the full day).
📋 Health: Any specific medical requirements/medications.

🌟 Why Join Us?

Our holiday programmes focus on building confidence, making new friends, and developing skills through play.

📧 Questions? Contact us at hello@tcafc.co.nz

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