.af-cs { position: relative; display: inline-block; line-height: 1; font-family: inherit; --af-accent: #f26b2b; } .af-cs .af-cs__btn { display: grid; place-items: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .35); box-shadow: none; cursor: pointer; transition: background-color .2s; } .af-cs .af-cs__btn:hover, .af-cs.is-open .af-cs__btn { background: rgba(255, 255, 255, .6); } .af-cs .af-cs__btn:focus-visible { outline: 2px solid var(--af-accent); outline-offset: 3px; } .af-cs .af-cs__flag { display: block; flex: none; width: 28px; height: 14px; border-radius: 2px; overflow: hidden; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08); } .af-cs .af-cs__flag svg { display: block; width: 100%; height: 100%; } .af-cs .af-cs__menu { position: absolute; top: calc(100% + 10px); right: 0; z-index: 9999; min-width: 230px; max-width: calc(100vw - 32px); padding: 8px; background: #fff; border-radius: 14px; box-shadow: 0 12px 32px rgba(0, 0, 0, .16), 0 2px 6px rgba(0, 0, 0, .06); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .18s, transform .18s, visibility 0s .18s; } .af-cs.af-cs--left .af-cs__menu { right: auto; left: 0; } .af-cs.is-open .af-cs__menu { opacity: 1; visibility: visible; transform: none; transition: opacity .18s, transform .18s; } .af-cs .af-cs__label { padding: 8px 12px 6px; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #8a8a8a; } .af-cs ul { margin: 0; padding: 0; list-style: none; } .af-cs li { margin: 0; padding: 0; } .af-cs .af-cs__link { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 9px; font-size: 15px; color: #1f1f1f !important; text-decoration: none !important; transition: background-color .15s; } .af-cs .af-cs__link:hover, .af-cs .af-cs__link:focus-visible { background: #f4f4f4; outline: none; } .af-cs .af-cs__link[aria-current] { font-weight: 600; } .af-cs .af-cs__name { flex: 1; } .af-cs .af-cs__check { width: 16px; height: 16px; color: var(--af-accent); } @media (prefers-reduced-motion: reduce) { .af-cs .af-cs__btn, .af-cs .af-cs__menu { transition: none; } } (function () { var SITES = [ { code: 'AU', name: 'Australia', url: 'https://advantagefeeders.com.au' }, { code: 'NZ', name: 'New Zealand', url: 'https://advantagefeeders.co.nz' }, { code: 'UK', name: 'United Kingdom', url: 'https://advantagefeeders.co.uk' }, { code: 'IE', name: 'Ireland', url: 'https://advantagefeeders.ie' }, { code: 'CA', name: 'Canada', url: 'https://advantagefeeders.ca' }, { code: 'US', name: 'United States', url: 'https://advantagefeeders.com' } ]; var FALLBACK = 'AU'; // shown when domain matches none above (staging, local) function svg(viewBox, inner) { return '' + inner + ''; } function star(cx, cy, r, n, attrs) { var pts = [], inner = n === 5 ? .382 : .444; for (var i = 0; i < n * 2; i++) { var a = Math.PI * i / n - Math.PI / 2, rr = i % 2 ? r * inner : r; pts.push((cx + rr * Math.cos(a)).toFixed(2) + ',' + (cy + rr * Math.sin(a)).toFixed(2)); } return ''; } var UJ = '' + '' + '' + '' + ''; var CANTON = '' + UJ + ''; var W = 'fill="#fff"', NZ_STAR = 'fill="#C8102E" stroke="#fff" stroke-width=".7"'; var us = ''; for (var i = 1; i < 13; i += 2) us += ''; us += ''; for (var row = 0; row < 9; row++) { for (var x = row % 2 ? 4 : 2; x < 24; x += 4) us += ''; } var FLAGS = { AU: svg('0 0 60 30', CANTON + star(15, 22.5, 4.2, 7, W) + star(45, 25, 2.1, 7, W) + star(45, 5, 2.1, 7, W) + star(37.4, 13.2, 2.1, 7, W) + star(50.6, 11.3, 2.1, 7, W) + star(48.5, 16.4, 1.2, 5, W)), NZ: svg('0 0 60 30', CANTON + star(45, 24.5, 2.3, 5, NZ_STAR) + star(45, 6.5, 2, 5, NZ_STAR) + star(39, 13.5, 1.8, 5, NZ_STAR) + star(51.5, 12, 1.9, 5, NZ_STAR)), UK: svg('0 0 60 30', UJ), IE: svg('0 0 3 1', ''), CA: svg('0 0 9600 4800', ''), US: svg('0 0 60 30', us) }; var CHECK = ''; function bare(h) { return h.replace(/^https?:\/\//, '').replace(/^www\./, '').replace(/\/.*$/, ''); } var host = bare(location.hostname); // Matches the domain and any subdomain of it, e.g. zone2.advantagefeeders.ca = Canada var active = SITES.filter(function (s) { var d = bare(s.url); return host === d || host.slice(-(d.length + 1)) === '.' + d; })[0] || SITES.filter(function (s) { return s.code === FALLBACK; })[0]; function render(root) { root.setAttribute('data-ready', ''); root.innerHTML = '' + '' + FLAGS[active.code] + '' + ''; } function init() { document.querySelectorAll('[data-af-cs]:not([data-ready])').forEach(render); } init(); if (window.afCsBound) return; window.afCsBound = true; function setOpen(root, open) { if (open) { root.classList.remove('af-cs--left'); if (root.querySelector('.af-cs__menu').getBoundingClientRect().left < 16) root.classList.add('af-cs--left'); } root.classList.toggle('is-open', open); root.querySelector('.af-cs__btn').setAttribute('aria-expanded', open); } function closeOthers(target) { document.querySelectorAll('.af-cs.is-open').forEach(function (root) { if (!root.contains(target)) setOpen(root, false); }); } document.addEventListener('click', function (e) { closeOthers(e.target); var btn = e.target.closest && e.target.closest('.af-cs__btn'); if (btn) { var root = btn.closest('.af-cs'); setOpen(root, !root.classList.contains('is-open')); } }); document.addEventListener('focusin', function (e) { closeOthers(e.target); }); document.addEventListener('keydown', function (e) { if (e.key !== 'Escape') return; document.querySelectorAll('.af-cs.is-open').forEach(function (root) { var hadFocus = root.contains(document.activeElement); setOpen(root, false); if (hadFocus) root.querySelector('.af-cs__btn').focus(); }); }); if (window.jQuery) window.jQuery(document).on('elementor/popup/show', init); })();