.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; } /* Layout 5: Logo left, Nav truly centered on page, Actions right */ .header-row--layout5 { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; } .header-layout5-logo { display: flex; align-items: center; } .header-layout5-nav { display: flex; justify-content: center; 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-layout5-actions { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; } .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%; } .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; } }

Coaching Vacancy

Part-Time Artistic Swimming Coach

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

About the role

Coaching a small number swimmers and training hours per week
Sessions available on Monday and Wednesday evenings and/or Saturdays (flexible combinations)
Supporting swimmer development in a positive, inclusive, and well-organised environment
This is a paid position, offering a small hourly rate, suitable for emerging coaches, former athletes, or those looking to stay involved in the sport.

About you

Background in artistic swimming (as a coach and/or athlete)
Comfortable working as part of a team
Enthusiastic, reliable, and keen to contribute to a community-based club
Willingness to learn and develop as a coach
This role is ideal for former athletes, emerging coaches, or those looking to stay involved in artistic swimming while making a meaningful contribution.

Eligibility:

Only applicants currently based in NZ or coming to NZ with the legal right to work need apply.

Please feel free to send your CV if you are interested in casual coaching, as we are always looking for future coaches.

tgaartisticswimming@gmail.com