1 2<!doctype html> 3<html lang="en-NZ"> 4<head> 5 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 5-6
5 6 <script async src="https://www.googletagmanager.com/gtag/js?id=
6AW-974121003
vendor: 14 bytes, lines 6-7
6"></script> 7
7<script> 8
vendor: 140 bytes, lines 8-12
8window.dataLayer = window.dataLayer || []; 9 function gtag(){dataLayer.push(arguments);} 10 gtag('js', new Date()); 11 12 gtag('config', '
12AW-974121003
vendor: 6 bytes, lines 12-13
12'); 13
13</script>
13 14 15 <meta charset="UTF-8"> 16 <meta name="viewport" content="width=device-width, initial-scale=1"> 17 <link rel="profile" href="https://gmpg.org/xfn/11"> 18 19 <link 20 rel="preload" 21 href="https://yello.co.nz/wp-content/themes/yello/fonts/inter-v20-latin-300.woff2" 22 as="font" 23 type="font/woff2" 24 crossOrigin="anonymous" 25 /> 26 27 <link 28 rel="preload" 29 href="https://yello.co.nz/wp-content/themes/yello/fonts/inter-v20-latin-regular.woff2" 30 as="font" 31 type="font/woff2" 32 crossOrigin="anonymous" 33 /> 34 35 <link 36 rel="preload" 37 href="https://yello.co.nz/wp-content/themes/yello/fonts/inter-v20-latin-600.woff2" 38 as="font" 39 type="font/woff2" 40 crossOrigin="anonymous" 41 /> 42 43 <link 44 rel="preload" 45 href="https://yello.co.nz/wp-content/themes/yello/fonts/inter-v20-latin-700.woff2" 46 as="font" 47 type="font/woff2" 48 crossOrigin="anonymous" 49 /> 50 51 <style> 52 /* inter light */ 53 @font-face { 54 font-display: optional; 55 font-family: 'Inter'; 56 font-style: normal; 57 font-weight: 300; 58 src: url('https://yello.co.nz/wp-content/themes/yello/fonts/inter-v20-latin-300.woff2') format('woff2'); 59 } 60 /* inter regular */ 61 @font-face { 62 font-display: optional; 63 font-family: 'Inter'; 64 font-style: normal; 65 font-weight: 400; 66 src: url('https://yello.co.nz/wp-content/themes/yello/fonts/inter-v20-latin-regular.woff2') format('woff2'); 67 } 68 /* inter-500 - latin */ 69 @font-face { 70 font-display: swap; 71 font-family: 'Inter'; 72 font-style: normal; 73 font-weight: 500; 74 src: url('https://yello.co.nz/wp-content/themes/yello/fonts/inter-v20-latin-500.woff2') format('woff2'); 75 } 76 /* inter semi-bold */ 77 @font-face { 78 font-display: optional; 79 font-family: 'Inter'; 80 font-style: normal; 81 font-weight: 600; 82 src: url('https://yello.co.nz/wp-content/themes/yello/fonts/inter-v20-latin-600.woff2') format('woff2'); 83 } 84 /* inter bold */ 85 @font-face { 86 font-display: optional; 87 font-family: 'Inter'; 88 font-style: normal; 89 font-weight: 700; 90 src: url('https://yello.co.nz/wp-content/themes/yello/fonts/inter-v20-latin-700.woff2') format('woff2'); 91 } 92 93 @media screen and (min-width: 1310px) { 94 header { 95 background-image: url('https://yello.co.nz/wp-content/themes/yello/assets/yello-fern-white.png'); 96 } 97 } 98 99 @font-face { 100 font-display: swap; 101 font-family: 'Cooper Black Regular'; 102 src: url('https://yello.co.nz/wp-content/themes/yello/fonts/Cooper Black Regular-subset.woff') format('woff'); 103 font-weight: normal; 104 font-style: normal; 105 } 106 107 .cooper, .yello { 108 font-family:'Cooper Black Regular',Sans-Serif; 109 } 110 </style> 111 112 <style media="screen"> 113 /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ 114@layer properties; 115@layer theme, base, components, utilities; 116@layer theme { 117 :root, :host { 118 --font-sans: 'Inter', 'sans-serif'; 119 --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", 120 "Courier New", monospace; 121 --color-green-600: oklch(62.7% 0.194 149.214); 122 --color-slate-50: oklch(98.4% 0.003 247.858); 123 --color-slate-200: oklch(92.9% 0.013 255.508); 124 --color-gray-50: oklch(98.5% 0.002 247.839); 125 --color-black: #000; 126 --color-white: #fff; 127 --spacing: 0.25rem; 128 --container-2xl: 42rem; 129 --text-xs: 0.75rem; 130 --text-xs--line-height: calc(1 / 0.75); 131 --text-sm: 0.875rem; 132 --text-sm--line-height: calc(1.25 / 0.875); 133 --text-base: 1rem; 134 --text-base--line-height: calc(1.5 / 1); 135 --text-lg: 1.125rem; 136 --text-lg--line-height: calc(1.75 / 1.125); 137 --text-xl: 1.25rem; 138 --text-xl--line-height: calc(1.75 / 1.25); 139 --text-2xl: 1.5rem; 140 --text-2xl--line-height: calc(2 / 1.5); 141 --text-3xl: 1.875rem; 142 --text-3xl--line-height: calc(2.25 / 1.875); 143 --text-4xl: 2.25rem; 144 --text-4xl--line-height: calc(2.5 / 2.25); 145 --text-5xl: 3rem; 146 --text-5xl--line-height: 1; 147 --text-6xl: 3.75rem; 148 --text-6xl--line-height: 1; 149 --font-weight-light: 300; 150 --font-weight-medium: 500; 151 --font-weight-semibold: 600; 152 --font-weight-bold: 700; 153 --tracking-tight: -0.025em; 154 --tracking-wide: 0.025em; 155 --tracking-wider: 0.05em; 156 --tracking-widest: 0.1em; 157 --leading-tight: 1.25; 158 --radius-sm: 0.25rem; 159 --radius-lg: 0.5rem; 160 --ease-in: cubic-bezier(0.4, 0, 1, 1); 161 --ease-out: cubic-bezier(0, 0, 0.2, 1); 162 --default-transition-duration: 150ms; 163 --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 164 --default-font-family: var(--font-sans); 165 --default-mono-font-family: var(--font-mono); 166 --color-yello: #F4E94D; 167 --color-blk: #404040; 168 --color-gris: #D9D9D9; 169 --color-gris-light: #FAFAFA; 170 --color-gris-solid: #F4F4F5; 171 } 172} 173@layer base { 174 *, ::after, ::before, ::backdrop, ::file-selector-button { 175 box-sizing: border-box; 176 margin: 0; 177 padding: 0; 178 border: 0 solid; 179 } 180 html, :host { 181 line-height: 1.5; 182 -webkit-text-size-adjust: 100%; 183 tab-size: 4; 184 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); 185 font-feature-settings: var(--default-font-feature-settings, normal); 186 font-variation-settings: var(--default-font-variation-settings, normal); 187 -webkit-tap-highlight-color: transparent; 188 } 189 hr { 190 height: 0; 191 color: inherit; 192 border-top-width: 1px; 193 } 194 abbr:where([title]) { 195 -webkit-text-decoration: underline dotted; 196 text-decoration: underline dotted; 197 } 198 h1, h2, h3, h4, h5, h6 { 199 font-size: inherit; 200 font-weight: inherit; 201 } 202 a { 203 color: inherit; 204 -webkit-text-decoration: inherit; 205 text-decoration: inherit; 206 } 207 b, strong { 208 font-weight: bolder; 209 } 210 code, kbd, samp, pre { 211 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); 212 font-feature-settings: var(--default-mono-font-feature-settings, normal); 213 font-variation-settings: var(--default-mono-font-variation-settings, normal); 214 font-size: 1em; 215 } 216 small { 217 font-size: 80%; 218 } 219 sub, sup { 220 font-size: 75%; 221 line-height: 0; 222 position: relative; 223 vertical-align: baseline; 224 } 225 sub { 226 bottom: -0.25em; 227 } 228 sup { 229 top: -0.5em; 230 } 231 table { 232 text-indent: 0; 233 border-color: inherit; 234 border-collapse: collapse; 235 } 236 :-moz-focusring { 237 outline: auto; 238 } 239 progress { 240 vertical-align: baseline; 241 } 242 summary { 243 display: list-item; 244 } 245 ol, ul, menu { 246 list-style: none; 247 } 248 img, svg, video, canvas, audio, iframe, embed, object { 249 display: block; 250 vertical-align: middle; 251 } 252 img, video { 253 max-width: 100%; 254 height: auto; 255 } 256 button, input, select, optgroup, textarea, ::file-selector-button { 257 font: inherit; 258 font-feature-settings: inherit; 259 font-variation-settings: inherit; 260 letter-spacing: inherit; 261 color: inherit; 262 border-radius: 0; 263 background-color: transparent; 264 opacity: 1; 265 } 266 :where(select:is([multiple], [size])) optgroup { 267 font-weight: bolder; 268 } 269 :where(select:is([multiple], [size])) optgroup option { 270 padding-inline-start: 20px; 271 } 272 ::file-selector-button { 273 margin-inline-end: 4px; 274 } 275 ::placeholder { 276 opacity: 1; 277 } 278 @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { 279 ::placeholder { 280 color: currentcolor; 281 @supports (color: color-mix(in lab, red, red)) { 282 color: color-mix(in oklab, currentcolor 50%, transparent); 283 } 284 } 285 } 286 textarea { 287 resize: vertical; 288 } 289 ::-webkit-search-decoration { 290 -webkit-appearance: none; 291 } 292 ::-webkit-date-and-time-value { 293 min-height: 1lh; 294 text-align: inherit; 295 } 296 ::-webkit-datetime-edit { 297 display: inline-flex; 298 } 299 ::-webkit-datetime-edit-fields-wrapper { 300 padding: 0; 301 } 302 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-d
302ay-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { 303 padding-block: 0; 304 } 305 ::-webkit-calendar-picker-indicator { 306 line-height: 1; 307 } 308 :-moz-ui-invalid { 309 box-shadow: none; 310 } 311 button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { 312 appearance: button; 313 } 314 ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { 315 height: auto; 316 } 317 [hidden]:where(:not([hidden="until-found"])) { 318 display: none !important; 319 } 320} 321@layer utilities { 322 .pointer-events-none { 323 pointer-events: none; 324 } 325 .visible { 326 visibility: visible; 327 } 328 .absolute { 329 position: absolute; 330 } 331 .relative { 332 position: relative; 333 } 334 .-top-9 { 335 top: calc(var(--spacing) * -9); 336 } 337 .top-0 { 338 top: calc(var(--spacing) * 0); 339 } 340 .top-3 { 341 top: calc(var(--spacing) * 3); 342 } 343 .top-full { 344 top: 100%; 345 } 346 .bottom-0 { 347 bottom: calc(var(--spacing) * 0); 348 } 349 .left-0 { 350 left: calc(var(--spacing) * 0); 351 } 352 .left-1 { 353 left: calc(var(--spacing) * 1); 354 } 355 .left-1\/2 { 356 left: calc(1/2 * 100%); 357 } 358 .left-2 { 359 left: calc(var(--spacing) * 2); 360 } 361 .-z-10 { 362 z-index: calc(10 * -1); 363 } 364 .col-span-1 { 365 grid-column: span 1 / span 1; 366 } 367 .col-span-full { 368 grid-column: 1 / -1; 369 } 370 .row-span-2 { 371 grid-row: span 2 / span 2; 372 } 373 .row-start-2 { 374 grid-row-start: 2; 375 } 376 .container { 377 width: 100%; 378 @media (width >= 390px) { 379 max-width: 390px; 380 } 381 @media (width >= 640px) { 382 max-width: 640px; 383 } 384 @media (width >= 768px) { 385 max-width: 768px; 386 } 387 @media (width >= 783px) { 388 max-width: 783px; 389 } 390 @media (width >= 1024px) { 391 max-width: 1024px; 392 } 393 @media (width >= 1280px) { 394 max-width: 1280px; 395 } 396 @media (width >= 1310px) { 397 max-width: 1310px; 398 } 399 @media (width >= 1536px) { 400 max-width: 1536px; 401 } 402 @media (width >= 1800px) { 403 max-width: 1800px; 404 } 405 } 406 .-mx-4 { 407 margin-inline: calc(var(--spacing) * -4); 408 } 409 .mx-2 { 410 margin-inline: calc(var(--spacing) * 2); 411 } 412 .mx-auto { 413 margin-inline: auto; 414 } 415 .my-8 { 416 margin-block: calc(var(--spacing) * 8); 417 } 418 .my-28 { 419 margin-block: calc(var(--spacing) * 28); 420 } 421 .mt-1 { 422 margin-top: calc(var(--spacing) * 1); 423 } 424 .mt-3 { 425 margin-top: calc(var(--spacing) * 3); 426 } 427 .mt-4 { 428 margin-top: calc(var(--spacing) * 4); 429 } 430 .mt-5 { 431 margin-top: calc(var(--spacing) * 5); 432 } 433 .mt-8 { 434 margin-top: calc(var(--spacing) * 8); 435 } 436 .mt-9 { 437 margin-top: calc(var(--spacing) * 9); 438 } 439 .mt-10 { 440 margin-top: calc(var(--spacing) * 10); 441 } 442 .mt-12 { 443 margin-top: calc(var(--spacing) * 12); 444 } 445 .mt-16 { 446 margin-top: calc(var(--spacing) * 16); 447 } 448 .mt-20 { 449 margin-top: calc(var(--spacing) * 20); 450 } 451 .mt-auto { 452 margin-top: auto; 453 } 454 .mr-2 { 455 margin-right: calc(var(--spacing) * 2); 456 } 457 .mb-3 { 458 margin-bottom: calc(var(--spacing) * 3); 459 } 460 .mb-4 { 461 margin-bottom: calc(var(--spacing) * 4); 462 } 463 .mb-8 { 464 margin-bottom: calc(var(--spacing) * 8); 465 } 466 .mb-12 { 467 margin-bottom: calc(var(--spacing) * 12); 468 } 469 .mb-14 { 470 margin-bottom: calc(var(--spacing) * 14); 471 } 472 .mb-20 { 473 margin-bottom: calc(var(--spacing) * 20); 474 } 475 .ml-1 { 476 margin-left: calc(var(--spacing) * 1); 477 } 478 .ml-2 { 479 margin-left: calc(var(--spacing) * 2); 480 } 481 .ml-4 { 482 margin-left: calc(var(--spacing) * 4); 483 } 484 .block { 485 display: block; 486 } 487 .flex { 488 display: flex; 489 } 490 .grid { 491 display: grid; 492 } 493 .hidden { 494 display: none; 495 } 496 .inline { 497 display: inline; 498 } 499 .inline-block { 500 display: inline-block; 501 } 502 .inline-flex { 503 display: inline-flex; 504 } 505 .table { 506 display: table; 507 } 508 .size-4 { 509 width: calc(var(--spacing) * 4); 510 height: calc(var(--spacing) * 4); 511 } 512 .size-12 { 513 width: calc(var(--spacing) * 12); 514 height: calc(var(--spacing) * 12); 515 } 516 .h-8 { 517 height: calc(var(--spacing) * 8); 518 } 519 .h-36 { 520 height: calc(var(--spacing) * 36); 521 } 522 .h-40 { 523 height: calc(var(--spacing) * 40); 524 } 525 .h-96 { 526 height: calc(var(--spacing) * 96); 527 } 528 .h-\[38vh\] { 529 height: 38vh; 530 } 531 .h-\[50px\] { 532 height: 50px; 533 } 534 .h-\[50vh\] { 535 height: 50vh; 536 } 537 .h-\[150px\] { 538 height: 150px; 539 } 540 .h-\[200px\] { 541 height: 200px; 542 } 543 .h-auto { 544 height: auto; 545 } 546 .h-full { 547 height: 100%; 548 } 549 .h-screen { 550 height: 100vh; 551 } 552 .w-50 { 553 width: calc(var(--spacing) * 50); 554 } 555 .w-75 { 556 width: calc(var(--spacing) * 75); 557 } 558 .w-\[42\%\] { 559 width: 42%; 560 } 561 .w-\[58\%\] { 562 width: 58%; 563 } 564 .w-full { 565 width: 100%; 566 } 567 .max-w-44 { 568 max-width: calc(var(--spacing) * 44); 569 } 570 .min-w-0 { 571 min-width: calc(var(--spacing) * 0); 572 } 573 .flex-1 { 574 flex: 1; 575 } 576 .flex-shrink { 577 flex-shrink: 1; 578 } 579 .shrink-0 { 580 flex-shrink: 0; 581 } 582 .flex-grow { 583 flex-grow: 1; 584 } 585 .grow { 586 flex-grow: 1; 587 } 588 .border-collapse { 589 border-collapse: collapse; 590 } 591 .-translate-x-1 { 592 --tw-translate-x: calc(var(--spacing) * -1); 593 translate: var(--tw-translate-x) var(--tw-translate-y); 594 } 595 .-translate-x-1\/2 { 596 --tw-translate-x: calc(calc(1/2 * 100%) * -1); 597 translate: var(--tw-translate-x) var(--tw-translate-y); 598 } 599 .transform { 600 transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); 601 } 602 .cursor-pointer { 603 cursor: pointer; 604 } 605 .cursor-text { 606 cursor: text; 607 } 608 .resize { 609 resize: both; 610 } 611 .auto-rows-fr { 612 grid-auto-rows: minmax(0, 1fr); 613 } 614 .grid-cols-1 { 615 grid-template-columns: repeat(1, minmax(0, 1fr)); 616 } 617 .grid-rows-none {
618 grid-template-rows: none; 619 } 620 .flex-col { 621 flex-direction: column; 622 } 623 .flex-col-reverse { 624 flex-direction: column-reverse; 625 } 626 .flex-row { 627 flex-direction: row; 628 } 629 .place-content-center { 630 place-content: center; 631 } 632 .items-center { 633 align-items: center; 634 } 635 .justify-between { 636 justify-content: space-between; 637 } 638 .justify-start { 639 justify-content: flex-start; 640 } 641 .justify-items-center { 642 justify-items: center; 643 } 644 .gap-1 { 645 gap: calc(var(--spacing) * 1); 646 } 647 .gap-2 { 648 gap: calc(var(--spacing) * 2); 649 } 650 .gap-3 { 651 gap: calc(var(--spacing) * 3); 652 } 653 .gap-3\.5 { 654 gap: calc(var(--spacing) * 3.5); 655 } 656 .gap-4 { 657 gap: calc(var(--spacing) * 4); 658 } 659 .gap-8 { 660 gap: calc(var(--spacing) * 8); 661 } 662 .space-y-7 { 663 :where(& > :not(:last-child)) { 664 --tw-space-y-reverse: 0; 665 margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); 666 margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))); 667 } 668 } 669 .space-y-8 { 670 :where(& > :not(:last-child)) { 671 --tw-space-y-reverse: 0; 672 margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); 673 margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); 674 } 675 } 676 .gap-x-5 { 677 column-gap: calc(var(--spacing) * 5); 678 } 679 .gap-x-8 { 680 column-gap: calc(var(--spacing) * 8); 681 } 682 .gap-y-5 { 683 row-gap: calc(var(--spacing) * 5); 684 } 685 .gap-y-8 { 686 row-gap: calc(var(--spacing) * 8); 687 } 688 .gap-y-12 { 689 row-gap: calc(var(--spacing) * 12); 690 } 691 .gap-y-14 { 692 row-gap: calc(var(--spacing) * 14); 693 } 694 .self-center { 695 align-self: center; 696 } 697 .self-end { 698 align-self: flex-end; 699 } 700 .overflow-auto { 701 overflow: auto; 702 } 703 .overflow-hidden { 704 overflow: hidden; 705 } 706 .rounded { 707 border-radius: 0.25rem; 708 } 709 .rounded-lg { 710 border-radius: var(--radius-lg); 711 } 712 .border { 713 border-style: var(--tw-border-style); 714 border-width: 1px; 715 } 716 .border-2 { 717 border-style: var(--tw-border-style); 718 border-width: 2px; 719 } 720 .border-4 { 721 border-style: var(--tw-border-style); 722 border-width: 4px; 723 } 724 .border-t { 725 border-top-style: var(--tw-border-style); 726 border-top-width: 1px; 727 } 728 .border-\[\#ccc\] { 729 border-color: #ccc; 730 } 731 .border-black { 732 border-color: var(--color-black); 733 } 734 .border-blk { 735 border-color: var(--color-blk); 736 } 737 .border-gris { 738 border-color: var(--color-gris); 739 } 740 .border-slate-200 { 741 border-color: var(--color-slate-200); 742 } 743 .border-transparent { 744 border-color: transparent; 745 } 746 .border-yello { 747 border-color: var(--color-yello); 748 } 749 .border-t-black { 750 border-top-color: var(--color-black); 751 } 752 .bg-black { 753 background-color: var(--color-black); 754 } 755 .bg-blk { 756 background-color: var(--color-blk); 757 } 758 .bg-green-600 { 759 background-color: var(--color-green-600); 760 } 761 .bg-gris { 762 background-color: var(--color-gris); 763 } 764 .bg-gris-solid { 765 background-color: var(--color-gris-solid); 766 } 767 .bg-transparent { 768 background-color: transparent; 769 } 770 .bg-white { 771 background-color: var(--color-white); 772 } 773 .bg-yello { 774 background-color: var(--color-yello); 775 } 776 .fill-black { 777 fill: var(--color-black); 778 } 779 .fill-white { 780 fill: var(--color-white); 781 } 782 .object-cover { 783 object-fit: cover; 784 } 785 .object-bottom { 786 object-position: bottom; 787 } 788 .p-4 { 789 padding: calc(var(--spacing) * 4); 790 } 791 .p-5 { 792 padding: calc(var(--spacing) * 5); 793 } 794 .px-1 { 795 padding-inline: calc(var(--spacing) * 1); 796 } 797 .px-2 { 798 padding-inline: calc(var(--spacing) * 2); 799 } 800 .px-3 { 801 padding-inline: calc(var(--spacing) * 3); 802 } 803 .px-4 { 804 padding-inline: calc(var(--spacing) * 4); 805 } 806 .px-6 { 807 padding-inline: calc(var(--spacing) * 6); 808 } 809 .px-8 { 810 padding-inline: calc(var(--spacing) * 8); 811 } 812 .px-10 { 813 padding-inline: calc(var(--spacing) * 10); 814 } 815 .py-1 { 816 padding-block: calc(var(--spacing) * 1); 817 } 818 .py-1\.5 { 819 padding-block: calc(var(--spacing) * 1.5); 820 } 821 .py-2 { 822 padding-block: calc(var(--spacing) * 2); 823 } 824 .py-3 { 825 padding-block: calc(var(--spacing) * 3); 826 } 827 .py-5 { 828 padding-block: calc(var(--spacing) * 5); 829 } 830 .py-8 { 831 padding-block: calc(var(--spacing) * 8); 832 } 833 .py-20 { 834 padding-block: calc(var(--spacing) * 20); 835 } 836 .py-24 { 837 padding-block: calc(var(--spacing) * 24); 838 } 839 .pt-1 { 840 padding-top: calc(var(--spacing) * 1); 841 } 842 .pt-1\.5 { 843 padding-top: calc(var(--spacing) * 1.5); 844 } 845 .pt-3 { 846 padding-top: calc(var(--spacing) * 3); 847 } 848 .pt-3\.5 { 849 padding-top: calc(var(--spacing) * 3.5); 850 } 851 .pt-4 { 852 padding-top: calc(var(--spacing) * 4); 853 } 854 .pt-5 { 855 padding-top: calc(var(--spacing) * 5); 856 } 857 .pt-8 { 858 padding-top: calc(var(--spacing) * 8); 859 } 860 .pr-4 { 861 padding-right: calc(var(--spacing) * 4); 862 } 863 .pr-\[3vw\] { 864 padding-right: 3vw; 865 } 866 .pb-3 { 867 padding-bottom: calc(var(--spacing) * 3); 868 } 869 .pb-6 { 870 padding-bottom: calc(var(--spacing) * 6); 871 } 872 .pb-16 { 873 padding-bottom: calc(var(--spacing) * 16); 874 } 875 .pb-20 { 876 padding-bottom: calc(var(--spacing) * 20); 877 } 878 .pb-36 { 879 padding-bottom: calc(var(--spacing) * 36); 880 } 881 .pl-2 { 882 padding-left: calc(var(--spacing) * 2); 883 } 884 .pl-4 { 885 padding-left: calc(var(--spacing) * 4); 886 } 887 .text-center { 888 text-align: center; 889 } 890 .text-2xl { 891 font-size: var(--text-2xl); 892 line-height: var(--tw-leading, var(--text-2xl--line-height)); 893 } 894 .text-4xl { 895 font-size: var(--text-4xl); 896 line-height: var(--tw-leading, var(--text-4xl--line-height)); 897 } 898 .text-base { 899 font-size: var(--text-base);
900 line-height: var(--tw-leading, var(--text-base--line-height)); 901 } 902 .text-lg { 903 font-size: var(--text-lg); 904 line-height: var(--tw-leading, var(--text-lg--line-height)); 905 } 906 .text-sm { 907 font-size: var(--text-sm); 908 line-height: var(--tw-leading, var(--text-sm--line-height)); 909 } 910 .text-xl { 911 font-size: var(--text-xl); 912 line-height: var(--tw-leading, var(--text-xl--line-height)); 913 } 914 .text-xs { 915 font-size: var(--text-xs); 916 line-height: var(--tw-leading, var(--text-xs--line-height)); 917 } 918 .text-\[22px\] { 919 font-size: 22px; 920 } 921 .text-\[28px\] { 922 font-size: 28px; 923 } 924 .leading-8 { 925 --tw-leading: calc(var(--spacing) * 8); 926 line-height: calc(var(--spacing) * 8); 927 } 928 .leading-10 { 929 --tw-leading: calc(var(--spacing) * 10); 930 line-height: calc(var(--spacing) * 10); 931 } 932 .leading-none { 933 --tw-leading: 1; 934 line-height: 1; 935 } 936 .leading-tight { 937 --tw-leading: var(--leading-tight); 938 line-height: var(--leading-tight); 939 } 940 .font-bold { 941 --tw-font-weight: var(--font-weight-bold); 942 font-weight: var(--font-weight-bold); 943 } 944 .font-light { 945 --tw-font-weight: var(--font-weight-light); 946 font-weight: var(--font-weight-light); 947 } 948 .font-medium { 949 --tw-font-weight: var(--font-weight-medium); 950 font-weight: var(--font-weight-medium); 951 } 952 .font-semibold { 953 --tw-font-weight: var(--font-weight-semibold); 954 font-weight: var(--font-weight-semibold); 955 } 956 .tracking-tight { 957 --tw-tracking: var(--tracking-tight); 958 letter-spacing: var(--tracking-tight); 959 } 960 .tracking-wide { 961 --tw-tracking: var(--tracking-wide); 962 letter-spacing: var(--tracking-wide); 963 } 964 .tracking-wider { 965 --tw-tracking: var(--tracking-wider); 966 letter-spacing: var(--tracking-wider); 967 } 968 .tracking-widest { 969 --tw-tracking: var(--tracking-widest); 970 letter-spacing: var(--tracking-widest); 971 } 972 .text-nowrap { 973 text-wrap: nowrap; 974 } 975 .text-pretty { 976 text-wrap: pretty; 977 } 978 .text-wrap { 979 text-wrap: wrap; 980 } 981 .whitespace-nowrap { 982 white-space: nowrap; 983 } 984 .text-\[\#555\] { 985 color: #555; 986 } 987 .text-black { 988 color: var(--color-black); 989 } 990 .text-blk { 991 color: var(--color-blk); 992 } 993 .text-green-600 { 994 color: var(--color-green-600); 995 } 996 .text-gris { 997 color: var(--color-gris); 998 } 999 .text-white { 1000 color: var(--color-white); 1001 } 1002 .uppercase { 1003 text-transform: uppercase; 1004 } 1005 .underline { 1006 text-decoration-line: underline; 1007 } 1008 .opacity-0 { 1009 opacity: 0%; 1010 } 1011 .ring { 1012 --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); 1013 box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
1013dow); 1014 } 1015 .ring-offset-2 { 1016 --tw-ring-offset-width: 2px; 1017 --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 1018 } 1019 .ring-offset-yello { 1020 --tw-ring-offset-color: var(--color-yello); 1021 } 1022 .outline { 1023 outline-style: var(--tw-outline-style); 1024 outline-width: 1px; 1025 } 1026 .transition { 1027 transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; 1028 transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); 1029 transition-duration: var(--tw-duration, var(--default-transition-duration)); 1030 } 1031 .transition-all { 1032 transition-property: all; 1033 transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); 1034 transition-duration: var(--tw-duration, var(--default-transition-duration)); 1035 } 1036 .transition-colors { 1037 transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; 1038 transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); 1039 transition-duration: var(--tw-duration, var(--default-transition-duration)); 1040 } 1041 .transition-opacity { 1042 transition-property: opacity; 1043 transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); 1044 transition-duration: var(--tw-duration, var(--default-transition-duration)); 1045 } 1046 .transition-transform { 1047 transition-property: transform, translate, scale, rotate; 1048 transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); 1049 transition-duration: var(--tw-duration, var(--default-transition-duration)); 1050 } 1051 .duration-200 { 1052 --tw-duration: 200ms; 1053 transition-duration: 200ms; 1054 } 1055 .duration-300 { 1056 --tw-duration: 300ms; 1057 transition-duration: 300ms; 1058 } 1059 .duration-\[2s\] { 1060 --tw-duration: 2s; 1061 transition-duration: 2s; 1062 } 1063 .ease-in { 1064 --tw-ease: var(--ease-in); 1065 transition-timing-function: var(--ease-in); 1066 } 1067 .ease-out { 1068 --tw-ease: var(--ease-out); 1069 transition-timing-function: var(--ease-out); 1070 } 1071 .outline-none { 1072 --tw-outline-style: none; 1073 outline-style: none; 1074 } 1075 .group-hover\:translate-x-2 { 1076 &:is(:where(.group):hover *) { 1077 @media (hover: hover) { 1078 --tw-translate-x: calc(var(--spacing) * 2); 1079 translate: var(--tw-translate-x) var(--tw-translate-y); 1080 } 1081 } 1082 } 1083 .group-hover\:scale-105 { 1084 &:is(:where(.group):hover *) { 1085 @media (hover: hover) { 1086 --tw-scale-x: 105%; 1087 --tw-scale-y: 105%; 1088 --tw-scale-z: 105%; 1089 scale: var(--tw-scale-x) var(--tw-scale-y); 1090 } 1091 } 1092 } 1093 .group-hover\:fill-black { 1094 &:is(:where(.group):hover *) { 1095 @media (hover: hover) { 1096 fill: var(--color-black); 1097 } 1098 } 1099 } 1100 .group-hover\:fill-white { 1101 &:is(:where(.group):hover *) { 1102 @media (hover: hover) { 1103 fill: var(--color-white); 1104 } 1105 } 1106 } 1107 .group-hover\:opacity-100 { 1108 &:is(:where(.group):hover *) { 1109 @media (hover: hover) { 1110 opacity: 100%; 1111 } 1112 } 1113 } 1114 .before\:absolute { 1115 &::before { 1116 content: var(--tw-content); 1117 position: absolute; 1118 } 1119 } 1120 .before\:inset-0 { 1121 &::before { 1122 content: var(--tw-content); 1123 inset: calc(var(--spacing) * 0); 1124 } 1125 } 1126 .before\:z-10 { 1127 &::before { 1128 content: var(--tw-content); 1129 z-index: 10; 1130 } 1131 } 1132 .hover\:border-black { 1133 &:hover { 1134 @media (hover: hover) { 1135 border-color: var(--color-black); 1136 } 1137 } 1138 } 1139 .hover\:bg-black { 1140 &:hover { 1141 @media (hover: hover) { 1142 background-color: var(--color-black); 1143 } 1144 } 1145 } 1146 .hover\:bg-gray-50 { 1147 &:hover { 1148 @media (hover: hover) { 1149 background-color: var(--color-gray-50); 1150 } 1151 } 1152 } 1153 .hover\:bg-slate-50 { 1154 &:hover { 1155 @media (hover: hover) { 1156 background-color: var(--color-slate-50); 1157 } 1158 } 1159 } 1160 .hover\:bg-yello { 1161 &:hover { 1162 @media (hover: hover) { 1163 background-color: var(--color-yello); 1164 } 1165 } 1166 } 1167 .hover\:text-black { 1168 &:hover { 1169 @media (hover: hover) { 1170 color: var(--color-black); 1171 } 1172 } 1173 } 1174 .hover\:text-blk { 1175 &:hover { 1176 @media (hover: hover) { 1177 color: var(--color-blk); 1178 } 1179 } 1180 } 1181 .hover\:text-white { 1182 &:hover { 1183 @media (hover: hover) { 1184 color: var(--color-white); 1185 } 1186 } 1187 } 1188 .hover\:underline { 1189 &:hover { 1190 @media (hover: hover) { 1191 text-decoration-line: underline; 1192 } 1193 } 1194 } 1195 .focus\:border-2 { 1196 &:focus { 1197 border-style: var(--tw-border-style); 1198 border-width: 2px; 1199 } 1200 } 1201 .focus\:border-black { 1202 &:focus { 1203 border-color: var(--color-black); 1204 } 1205 } 1206 .focus\:bg-yello { 1207 &:focus { 1208 background-color: var(--color-yello); 1209 } 1210 } 1211 .focus\:text-blk { 1212 &:focus { 1213 color: var(--color-blk); 1214 } 1215 } 1216 .focus\:outline-none { 1217 &:focus { 1218 --tw-outline-style: none; 1219 outline-style: none; 1220 } 1221 } 1222 .focus-visible\:ring { 1223 &:focus-visible { 1224 --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); 1225 box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
1225dow); 1226 } 1227 } 1228 .focus-visible\:ring-black { 1229 &:focus-visible { 1230 --tw-ring-color: var(--color-black); 1231 } 1232 } 1233 .active\:border-2 { 1234 &:active { 1235 border-style: var(--tw-border-style); 1236 border-width: 2px; 1237 } 1238 } 1239 .active\:border-black { 1240 &:active { 1241 border-color: var(--color-black); 1242 } 1243 } 1244 .max-menu\:hidden { 1245 @media (width < 1310px) { 1246 display: none; 1247 } 1248 } 1249 .max-lg\:hidden { 1250 @media (width < 1024px) { 1251 display: none; 1252 } 1253 } 1254 .max-md\:grid { 1255 @media (width < 768px) { 1256 display: grid; 1257 } 1258 } 1259 .max-md\:w-full { 1260 @media (width < 768px) { 1261 width: 100%; 1262 } 1263 } 1264 .max-md\:grid-cols-3 { 1265 @media (width < 768px) { 1266 grid-template-columns: repeat(3, minmax(0, 1fr)); 1267 } 1268 } 1269 .max-md\:gap-4 { 1270 @media (width < 768px) { 1271 gap: calc(var(--spacing) * 4); 1272 } 1273 } 1274 .max-md\:rounded-sm { 1275 @media (width < 768px) { 1276 border-radius: var(--radius-sm); 1277 } 1278 } 1279 .max-md\:last\:border-b { 1280 @media (width < 768px) { 1281 &:last-child { 1282 border-bottom-style: var(--tw-border-style); 1283 border-bottom-width: 1px; 1284 } 1285 } 1286 } 1287 .max-xs\:flex-col { 1288 @media (width < 390px) { 1289 flex-direction: column; 1290 } 1291 } 1292 .xs\:text-base { 1293 @media (width >= 390px) { 1294 font-size: var(--text-base); 1295 line-height: var(--tw-leading, var(--text-base--line-height)); 1296 } 1297 } 1298 .sm\:grid-cols-2 { 1299 @media (width >= 640px) { 1300 grid-template-columns: repeat(2, minmax(0, 1fr)); 1301 } 1302 } 1303 .sm\:px-3 { 1304 @media (width >= 640px) { 1305 padding-inline: calc(var(--spacing) * 3); 1306 } 1307 } 1308 .sm\:py-3 { 1309 @media (width >= 640px) { 1310 padding-block: calc(var(--spacing) * 3); 1311 } 1312 } 1313 .sm\:pl-4 { 1314 @media (width >= 640px) { 1315 padding-left: calc(var(--spacing) * 4); 1316 } 1317 } 1318 .md\:col-span-2 { 1319 @media (width >= 768px) { 1320 grid-column: span 2 / span 2; 1321 } 1322 } 1323 .md\:col-span-3 { 1324 @media (width >= 768px) { 1325 grid-column: span 3 / span 3; 1326 } 1327 } 1328 .md\:col-span-4 { 1329 @media (width >= 768px) { 1330 grid-column: span 4 / span 4; 1331 } 1332 } 1333 .md\:col-span-6 { 1334 @media (width >= 768px) { 1335 grid-column: span 6 / span 6; 1336 } 1337 } 1338 .md\:col-span-12 { 1339 @media (width >= 768px) { 1340 grid-column: span 12 / span 12; 1341 } 1342 } 1343 .md\:col-span-full { 1344 @media (width >= 768px) { 1345 grid-column: 1 / -1; 1346 } 1347 } 1348 .md\:col-start-1 { 1349 @media (width >= 768px) { 1350 grid-column-start: 1; 1351 } 1352 } 1353 .md\:col-start-2 { 1354 @media (width >= 768px) { 1355 grid-column-start: 2; 1356 } 1357 } 1358 .md\:col-start-4 { 1359 @media (width >= 768px) { 1360 grid-column-start: 4; 1361 } 1362 } 1363 .md\:col-start-6 { 1364 @media (width >= 768px) { 1365 grid-column-start: 6; 1366 } 1367 } 1368 .md\:col-start-7 { 1369 @media (width >= 768px) { 1370 grid-column-start: 7; 1371 } 1372 } 1373 .md\:col-end-5 { 1374 @media (width >= 768px) { 1375 grid-column-end: 5; 1376 } 1377 } 1378 .md\:col-end-7 { 1379 @media (width >= 768px) { 1380 grid-column-end: 7; 1381 } 1382 } 1383 .md\:col-end-12 { 1384 @media (width >= 768px) { 1385 grid-column-end: 12; 1386 } 1387 } 1388 .md\:col-end-13 { 1389 @media (width >= 768px) { 1390 grid-column-end: 13; 1391 } 1392 } 1393 .md\:mx-0 { 1394 @media (width >= 768px) { 1395 margin-inline: calc(var(--spacing) * 0); 1396 } 1397 } 1398 .md\:mx-auto { 1399 @media (width >= 768px) { 1400 margin-inline: auto; 1401 } 1402 } 1403 .md\:my-12 { 1404 @media (width >= 768px) { 1405 margin-block: calc(var(--spacing) * 12); 1406 } 1407 } 1408 .md\:mt-9 { 1409 @media (width >= 768px) { 1410 margin-top: calc(var(--spacing) * 9); 1411 } 1412 } 1413 .md\:mt-12 { 1414 @media (width >= 768px) { 1415 margin-top: calc(var(--spacing) * 12); 1416 } 1417 } 1418 .md\:mt-36 { 1419 @media (width >= 768px) { 1420 margin-top: calc(var(--spacing) * 36); 1421 } 1422 } 1423 .md\:mt-\[46px\] { 1424 @media (width >= 768px) { 1425 margin-top: 46px; 1426 } 1427 } 1428 .md\:mt-\[72px\] { 1429 @media (width >= 768px) { 1430 margin-top: 72px; 1431 } 1432 } 1433 .md\:-mr-8 { 1434 @media (width >= 768px) { 1435 margin-right: calc(var(--spacing) * -8); 1436 } 1437 } 1438 .md\:mb-16 { 1439 @media (width >= 768px) { 1440 margin-bottom: calc(var(--spacing) * 16); 1441 } 1442 } 1443 .md\:mb-24 { 1444 @media (width >= 768px) { 1445 margin-bottom: calc(var(--spacing) * 24); 1446 } 1447 } 1448 .md\:mb-36 { 1449 @media (width >= 768px) { 1450 margin-bottom: calc(var(--spacing) * 36); 1451 } 1452 } 1453 .md\:mb-40 { 1454 @media (width >= 768px) { 1455 margin-bottom: calc(var(--spacing) * 40); 1456 } 1457 } 1458 .md\:block { 1459 @media (width >= 768px) { 1460 display: block; 1461 } 1462 } 1463 .md\:flex { 1464 @media (width >= 768px) { 1465 display: flex; 1466 } 1467 } 1468 .md\:inline { 1469 @media (width >= 768px) { 1470 display: inline; 1471 } 1472 } 1473 .md\:h-\[38vh\] { 1474 @media (width >= 768px) { 1475 height: 38vh; 1476 } 1477 } 1478 .md\:h-full { 1479 @media (width >= 768px) { 1480 height: 100%; 1481 } 1482 } 1483 .md\:w-fit {
1484 @media (width >= 768px) { 1485 width: fit-content; 1486 } 1487 } 1488 .md\:max-w-2xl { 1489 @media (width >= 768px) { 1490 max-width: var(--container-2xl); 1491 } 1492 } 1493 .md\:max-w-\[316px\] { 1494 @media (width >= 768px) { 1495 max-width: 316px; 1496 } 1497 } 1498 .md\:flex-1 { 1499 @media (width >= 768px) { 1500 flex: 1; 1501 } 1502 } 1503 .md\:grid-cols-2 { 1504 @media (width >= 768px) { 1505 grid-template-columns: repeat(2, minmax(0, 1fr)); 1506 } 1507 } 1508 .md\:grid-cols-3 { 1509 @media (width >= 768px) { 1510 grid-template-columns: repeat(3, minmax(0, 1fr)); 1511 } 1512 } 1513 .md\:grid-cols-12 { 1514 @media (width >= 768px) { 1515 grid-template-columns: repeat(12, minmax(0, 1fr)); 1516 } 1517 } 1518 .md\:flex-row { 1519 @media (width >= 768px) { 1520 flex-direction: row; 1521 } 1522 } 1523 .md\:justify-center { 1524 @media (width >= 768px) { 1525 justify-content: center; 1526 } 1527 } 1528 .md\:justify-start { 1529 @media (width >= 768px) { 1530 justify-content: flex-start; 1531 } 1532 } 1533 .md\:justify-items-normal { 1534 @media (width >= 768px) { 1535 justify-items: normal; 1536 } 1537 } 1538 .md\:gap-x-9 { 1539 @media (width >= 768px) { 1540 column-gap: calc(var(--spacing) * 9); 1541 } 1542 } 1543 .md\:space-x-8 { 1544 @media (width >= 768px) { 1545 :where(& > :not(:last-child)) { 1546 --tw-space-x-reverse: 0; 1547 margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); 1548 margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); 1549 } 1550 } 1551 } 1552 .md\:px-3 { 1553 @media (width >= 768px) { 1554 padding-inline: calc(var(--spacing) * 3); 1555 } 1556 } 1557 .md\:py-0 { 1558 @media (width >= 768px) { 1559 padding-block: calc(var(--spacing) * 0); 1560 } 1561 } 1562 .md\:py-4 { 1563 @media (width >= 768px) { 1564 padding-block: calc(var(--spacing) * 4); 1565 } 1566 } 1567 .md\:py-10 { 1568 @media (width >= 768px) { 1569 padding-block: calc(var(--spacing) * 10); 1570 } 1571 } 1572 .md\:py-16 { 1573 @media (width >= 768px) { 1574 padding-block: calc(var(--spacing) * 16); 1575 } 1576 } 1577 .md\:py-32 { 1578 @media (width >= 768px) { 1579 padding-block: calc(var(--spacing) * 32); 1580 } 1581 } 1582 .md\:pt-0 { 1583 @media (width >= 768px) { 1584 padding-top: calc(var(--spacing) * 0); 1585 } 1586 } 1587 .md\:pt-\[44px\] { 1588 @media (width >= 768px) { 1589 padding-top: 44px; 1590 } 1591 } 1592 .md\:text-center { 1593 @media (width >= 768px) { 1594 text-align: center; 1595 } 1596 } 1597 .md\:text-2xl { 1598 @media (width >= 768px) { 1599 font-size: var(--text-2xl); 1600 line-height: var(--tw-leading, var(--text-2xl--line-height)); 1601 } 1602 } 1603 .md\:text-5xl { 1604 @media (width >= 768px) { 1605 font-size: var(--text-5xl); 1606 line-height: var(--tw-leading, var(--text-5xl--line-height)); 1607 } 1608 } 1609 .md\:text-6xl { 1610 @media (width >= 768px) { 1611 font-size: var(--text-6xl); 1612 line-height: var(--tw-leading, var(--text-6xl--line-height)); 1613 } 1614 } 1615 .md\:text-lg { 1616 @media (width >= 768px) { 1617 font-size: var(--text-lg); 1618 line-height: var(--tw-leading, var(--text-lg--line-height)); 1619 } 1620 } 1621 .md\:text-sm { 1622 @media (width >= 768px) { 1623 font-size: var(--text-sm); 1624 line-height: var(--tw-leading, var(--text-sm--line-height)); 1625 } 1626 } 1627 .md\:text-xl { 1628 @media (width >= 768px) { 1629 font-size: var(--text-xl); 1630 line-height: var(--tw-leading, var(--text-xl--line-height)); 1631 } 1632 } 1633 .md\:text-\[36px\] { 1634 @media (width >= 768px) { 1635 font-size: 36px; 1636 } 1637 } 1638 .md\:leading-5 { 1639 @media (width >= 768px) { 1640 --tw-leading: calc(var(--spacing) * 5); 1641 line-height: calc(var(--spacing) * 5); 1642 } 1643 } 1644 .md\:leading-11 { 1645 @media (width >= 768px) { 1646 --tw-leading: calc(var(--spacing) * 11); 1647 line-height: calc(var(--spacing) * 11); 1648 } 1649 } 1650 .md\:leading-\[44px\] { 1651 @media (width >= 768px) { 1652 --tw-leading: 44px; 1653 line-height: 44px; 1654 } 1655 } 1656 .md\:font-bold { 1657 @media (width >= 768px) { 1658 --tw-font-weight: var(--font-weight-bold); 1659 font-weight: var(--font-weight-bold); 1660 } 1661 } 1662 .md\:text-blk { 1663 @media (width >= 768px) { 1664 color: var(--color-blk); 1665 } 1666 } 1667 .md\:nth-last-\[-n\+2\]\:border-b { 1668 @media (width >= 768px) { 1669 &:nth-last-child(-n+2) { 1670 border-bottom-style: var(--tw-border-style); 1671 border-bottom-width: 1px; 1672 } 1673 } 1674 } 1675 .lg\:col-span-3 { 1676 @media (width >= 1024px) { 1677 grid-column: span 3 / span 3; 1678 } 1679 } 1680 .lg\:col-span-4 { 1681 @media (width >= 1024px) { 1682 grid-column: span 4 / span 4; 1683 } 1684 } 1685 .lg\:col-span-full { 1686 @media (width >= 1024px) { 1687 grid-column: 1 / -1; 1688 } 1689 } 1690 .lg\:col-start-1 { 1691 @media (width >= 1024px) { 1692 grid-column-start: 1; 1693 } 1694 } 1695 .lg\:col-start-2 { 1696 @media (width >= 1024px) { 1697 grid-column-start: 2; 1698 } 1699 } 1700 .lg\:col-start-3 { 1701 @media (width >= 1024px) { 1702 grid-column-start: 3; 1703 } 1704 } 1705 .lg\:col-start-4 { 1706 @media (width >= 1024px) { 1707 grid-column-start: 4; 1708 } 1709 } 1710 .lg\:col-start-5 { 1711 @media (width >= 1024px) { 1712 grid-column-start: 5; 1713 } 1714 } 1715 .lg\:col-start-7 { 1716 @media (width >= 1024px) { 1717 grid-column-start: 7; 1718 } 1719 } 1720 .lg\:col-start-8 { 1721 @media (width >= 1024px) { 1722 grid-column-start: 8; 1723 } 1724 } 1725 .lg\:col-end-7 { 1726 @media (width >= 1024px) { 1727 grid-column-end: 7; 1728 } 1729 } 1730 .lg\:col-end-8 { 1731 @media (width >= 1024px) { 1732 grid-column-end: 8; 1733 } 1734 } 1735 .lg\:col-end-11 { 1736 @media (width >= 1024px) { 1737 grid-column-end: 11; 1738 } 1739 } 1740 .lg\:col-end-12 { 1741 @media (width >= 1024px) { 1742 grid-column-end: 12; 1743 } 1744 } 1745 .lg\:col-end-13 { 1746 @media (width >= 1024px) { 1747 grid-column-end: 13; 1748 } 1749 } 1750 .lg\:row-start-1 { 1751 @media (width >= 1024px) { 1752 grid-row-start: 1; 1753 } 1754 } 1755 .lg\:row-start-2 { 1756 @media (width >= 1024px) { 1757 grid-row-start: 2; 1758 } 1759 } 1760 .lg\:my-6 { 1761 @media (width >= 1024px) { 1762 margin-block: calc(var(--spacing) * 6); 1763 } 1764 } 1765 .lg\:mt-0 { 1766 @media (width >= 1024px) { 1767 margin-top: calc(var(--spacing) * 0); 1768 } 1769 } 1770 .lg\:mt-4 { 1771 @media (width >= 1024px) { 1772 margin-top: calc(var(--spacing) * 4); 1773 } 1774 } 1775 .lg\:mt-6 { 1776 @media (width >= 1024px) { 1777 margin-top: calc(var(--spacing) * 6); 1778 } 1779 } 1780 .lg\:mt-16 { 1781 @media (width >= 1024px) { 1782 margin-top: calc(var(--spacing) * 16); 1783 } 1784 } 1785 .lg\:-mr-10 { 1786 @media (width >= 1024px) { 1787 margin-right: calc(var(--spacing) * -10); 1788 } 1789 } 1790 .lg\:mb-4 { 1791 @media (width >= 1024px) { 1792 margin-bottom: calc(var(--spacing) * 4); 1793 } 1794 } 1795 .lg\:mb-24 { 1796 @media (width >= 1024px) { 1797 margin-bottom: calc(var(--spacing) * 24); 1798 } 1799 } 1800 .lg\:mb-36 { 1801 @media (width >= 1024px) { 1802 margin-bottom: calc(var(--spacing) * 36); 1803 } 1804 } 1805 .lg\:hidden { 1806 @media (width >= 1024px) { 1807 display: none; 1808 } 1809 } 1810 .lg\:h-\[480px\] { 1811 @media (width >= 1024px) { 1812 height: 480px; 1813 } 1814 } 1815 .lg\:grid-cols-12 { 1816 @media (width >= 1024px) { 1817 grid-template-columns: repeat(12, minmax(0, 1fr)); 1818 } 1819 } 1820 .lg\:border-r { 1821 @media (width >= 1024px) { 1822 border-right-style: var(--tw-border-style); 1823 border-right-width: 1px; 1824 } 1825 } 1826 .lg\:px-10 { 1827 @media (width >= 1024px) { 1828 padding-inline: calc(var(--spacing) * 10); 1829 } 1830 } 1831 .lg\:text-2xl { 1832 @media (width >= 1024px) { 1833 font-size: var(--text-2xl); 1834 line-height: var(--tw-leading, var(--text-2xl--line-height)); 1835 } 1836 } 1837 .lg\:text-5xl { 1838 @media (width >= 1024px) { 1839 font-size: var(--text-5xl); 1840 line-height: var(--tw-leading, var(--text-5xl--line-height)); 1841 } 1842 } 1843 .xl\:col-start-2 { 1844 @media (width >= 1280px) { 1845 grid-column-start: 2; 1846 } 1847 } 1848 .xl\:col-start-5 { 1849 @media (width >= 1280px) { 1850 grid-column-start: 5; 1851 } 1852 } 1853 .xl\:col-start-7 { 1854 @media (width >= 1280px) { 1855 grid-column-start: 7; 1856 } 1857 } 1858 .xl\:col-end-7 { 1859 @media (width >= 1280px) { 1860 grid-column-end: 7; 1861 } 1862 } 1863 .xl\:col-end-11 { 1864 @media (width >= 1280px) { 1865 grid-column-end: 11; 1866 } 1867 } 1868 .xl\:col-end-12 { 1869 @media (width >= 1280px) { 1870 grid-column-end: 12; 1871 } 1872 } 1873 .menu\:hidden { 1874 @media (width >= 1310px) { 1875 display: none; 1876 } 1877 } 1878 .menu\:pb-0 { 1879 @media (width >= 1310px) { 1880 padding-bottom: calc(var(--spacing) * 0); 1881 } 1882 } 1883 .\32 xl\:col-start-8 { 1884 @media (width >= 1536px) { 1885 grid-column-start: 8; 1886 } 1887 } 1888 .\32 xl\:mt-10 { 1889 @media (width >= 1536px) { 1890 margin-top: calc(var(--spacing) * 10); 1891 } 1892 } 1893 .\32 xl\:-mr-36 { 1894 @media (width >= 1536px) { 1895 margin-right: calc(var(--spacing) * -36); 1896 } 1897 } 1898 .\32 xl\:h-96 { 1899 @media (width >= 1536px) { 1900 height: calc(var(--spacing) * 96); 1901 } 1902 } 1903 .\32 xl\:p-8 { 1904 @media (width >= 1536px) { 1905 padding: calc(var(--spacing) * 8); 1906 } 1907 } 1908 .\32 xl\:px-36 { 1909 @media (width >= 1536px) { 1910 padding-inline: calc(var(--spacing) * 36); 1911 } 1912 } 1913 .\32 xl\:py-20 { 1914 @media (width >= 1536px) { 1915 padding-block: calc(var(--spacing) * 20); 1916 } 1917 } 1918 .\32 xl\:text-3xl { 1919 @media (width >= 1536px) { 1920 font-size: var(--text-3xl); 1921 line-height: var(--tw-leading, var(--text-3xl--line-height)); 1922 } 1923 } 1924 .\32 xl\:text-6xl { 1925 @media (width >= 1536px) { 1926 font-size: var(--text-6xl); 1927 line-height: var(--tw-leading, var(--text-6xl--line-height)); 1928 } 1929 } 1930 .\33 xl\:col-start-3 { 1931 @media (width >= 1800px) { 1932 grid-column-start: 3; 1933 } 1934 } 1935 .\33 xl\:col-start-4 { 1936 @media (width >= 1800px) { 1937 grid-column-start: 4; 1938 } 1939 } 1940 .\33 xl\:col-end-10 { 1941 @media (width >= 1800px) { 1942 grid-column-end: 10; 1943 } 1944 } 1945 .\33 xl\:col-end-11 { 1946 @media (width >= 1800px) { 1947 grid-column-end: 11; 1948 } 1949 } 1950 .\33 xl\:my-52 { 1951 @media (width >= 1800px) { 1952 margin-block: calc(var(--spacing) * 52); 1953 } 1954 } 1955 .\33 xl\:mb-14 { 1956 @media (width >= 1800px) { 1957 margin-bottom: calc(var(--spacing) * 14); 1958 } 1959 } 1960 .\33 xl\:h-full { 1961 @media (width >= 1800px) { 1962 height: 100%; 1963 } 1964 } 1965 .\33 xl\:gap-x-24 { 1966 @media (width >= 1800px) { 1967 column-gap: calc(var(--spacing) * 24); 1968 } 1969 } 1970 .\33 xl\:gap-y-28 { 1971 @media (width >= 1800px) { 1972 row-gap: calc(var(--spacing) * 28); 1973 } 1974 } 1975 .\33 xl\:py-16 { 1976 @media (width >= 1800px) { 1977 padding-block: calc(var(--spacing) * 16); 1978 } 1979 } 1980 .\33 xl\:py-32 { 1981 @media (width >= 1800px) { 1982 padding-block: calc(var(--spacing) * 32); 1983 } 1984 } 1985 .\33 xl\:py-44 { 1986 @media (width >= 1800px) { 1987 padding-block: calc(var(--spacing) * 44); 1988 } 1989 } 1990 .\33 xl\:text-6xl { 1991 @media (width >= 1800px) { 1992 font-size: var(--text-6xl); 1993 line-height: var(--tw-leading, var(--text-6xl--line-height)); 1994 } 1995 } 1996 .\33 xl\:text-base { 1997 @media (width >= 1800px) { 1998 font-size: var(--text-base);
1999 line-height: var(--tw-leading, var(--text-base--line-height)); 2000 } 2001 } 2002} 2003.skip-link { 2004 position: absolute; 2005 width: 1px; 2006 height: 1px; 2007 padding: 0; 2008 margin: -1px; 2009 overflow: hidden; 2010 clip-path: inset(50%); 2011 white-space: nowrap; 2012 border-width: 0; 2013 z-index: 99999; 2014 border-radius: 0.25rem; 2015 background-color: var(--color-white); 2016 --tw-outline-style: none; 2017 outline-style: none; 2018 &:focus { 2019 position: static; 2020 width: auto; 2021 height: auto; 2022 padding: 0; 2023 margin: 0; 2024 overflow: visible; 2025 clip-path: none; 2026 white-space: normal; 2027 } 2028 &:focus { 2029 position: absolute; 2030 } 2031 &:focus { 2032 top: calc(var(--spacing) * 1); 2033 } 2034 &:focus { 2035 left: calc(var(--spacing) * 1); 2036 } 2037 &:focus { 2038 padding-inline: calc(var(--spacing) * 4); 2039 } 2040 &:focus { 2041 padding-block: calc(var(--spacing) * 3); 2042 } 2043 &:focus { 2044 --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); 2045 box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
2045dow); 2046 } 2047 &:focus { 2048 --tw-ring-color: var(--color-black); 2049 } 2050} 2051:root { 2052 --header-height: 80px; 2053} 2054header { 2055 background-position: right; 2056 background-repeat: no-repeat; 2057 height: var(--header-height); 2058 .admin-bar & { 2059 top: 32px; 2060 @media (width >= 783px) { 2061 top: 46px; 2062 } 2063 } 2064} 2065.main-menu { 2066 display: none; 2067 @media (width >= 1024px) { 2068 padding-right: 120px; 2069 } 2070 @media (width >= 1310px) { 2071 display: flex; 2072 } 2073} 2074.main-menu > li { 2075 position: relative; 2076 margin-right: calc(var(--spacing) * 5); 2077 &:last-child { 2078 margin-right: calc(var(--spacing) * 0); 2079 } 2080} 2081.main-menu > li > a { 2082 display: inline-block; 2083 padding-inline: calc(var(--spacing) * 2); 2084 font-size: var(--text-base); 2085 line-height: var(--tw-leading, var(--text-base--line-height)); 2086 --tw-leading: calc(var(--spacing) * 10); 2087 line-height: calc(var(--spacing) * 10); 2088 --tw-font-weight: var(--font-weight-semibold); 2089 font-weight: var(--font-weight-semibold); 2090 --tw-tracking: var(--tracking-wider); 2091 letter-spacing: var(--tracking-wider); 2092 text-transform: uppercase; 2093 transition-property: opacity; 2094 transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); 2095 transition-duration: var(--tw-duration, var(--default-transition-duration)); 2096 --tw-duration: 300ms; 2097 transition-duration: 300ms; 2098 &:hover { 2099 @media (hover: hover) { 2100 opacity: 70%; 2101 } 2102 } 2103 @media (width >= 768px) { 2104 font-size: var(--text-sm); 2105 line-height: var(--tw-leading, var(--text-sm--line-height)); 2106 } 2107 @media (width >= 768px) { 2108 --tw-leading: calc(var(--spacing) * 10); 2109 line-height: calc(var(--spacing) * 10); 2110 } 2111} 2112@media (width >= 1260px) { 2113 .sub-menu { 2114 position: absolute; 2115 z-index: 10; 2116 display: none; 2117 width: max-content; 2118 background-color: var(--color-yello); 2119 opacity: 0%; 2120 } 2121 .main-menu li:hover > .sub-menu, .main-menu li:focus-within > .sub-menu { 2122 visibility: visible; 2123 display: block; 2124 opacity: 100%; 2125 } 2126 .sub-menu > li > a { 2127 display: block; 2128 padding-inline: calc(var(--spacing) * 2); 2129 --tw-leading: calc(var(--spacing) * 10); 2130 line-height: calc(var(--spacing) * 10); 2131 --tw-font-weight: var(--font-weight-semibold); 2132 font-weight: var(--font-weight-semibold); 2133 --tw-tracking: var(--tracking-wider); 2134 letter-spacing: var(--tracking-wider); 2135 text-transform: uppercase; 2136 transition-property: opacity; 2137 transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); 2138 transition-duration: var(--tw-duration, var(--default-transition-duration)); 2139 --tw-duration: 300ms; 2140 transition-duration: 300ms; 2141 &:hover { 2142 @media (hover: hover) { 2143 background-color: var(--color-gris-light); 2144 } 2145 } 2146 @media (width >= 768px) { 2147 font-size: var(--text-sm); 2148 line-height: var(--tw-leading, var(--text-sm--line-height)); 2149 } 2150 @media (width >= 768px) { 2151 --tw-leading: calc(var(--spacing) * 10); 2152 line-height: calc(var(--spacing) * 10); 2153 } 2154 } 2155} 2156.mobile-menu { 2157 .sub-menu { 2158 padding-left: calc(var(--spacing) * 5); 2159 } 2160 a { 2161 display: block; 2162 padding-block: calc(var(--spacing) * 1); 2163 --tw-leading: calc(var(--spacing) * 10); 2164 line-height: calc(var(--spacing) * 10); 2165 --tw-tracking: var(--tracking-wider); 2166 letter-spacing: var(--tracking-wider); 2167 } 2168 .current_page_item { 2169 text-decoration-line: underline; 2170 text-underline-offset: 8px; 2171 } 2172} 2173.hero { 2174 --hero-height: auto; 2175 @media (width >= 1260px) { 2176 --hero-height: calc(var(--vh, 1vh) * 100 - var(--header-height)); 2177 min-height: var(--hero-height); 2178 } 2179 .admin-bar & { 2180 min-height: calc(var(--hero-height) - 32px); 2181 @media (max-width: 782px) { 2182 min-height: calc(var(--hero-height) - 46px); 2183 } 2184 } 2185} 2186@keyframes fadein8 { 2187 100% { 2188 opacity: .8; 2189 } 2190} 2191@keyframes fadein9 { 2192 100% { 2193 opacity: .9; 2194 } 2195} 2196@keyframes fadein1 { 2197 100% { 2198 opacity: 1; 2199 } 2200} 2201.fadein8 { 2202 animation-name: fadein8; 2203 animation-duration: 1s; 2204 animation-fill-mode: forwards; 2205} 2206.fadein9 { 2207 animation-name: fadein9; 2208 animation-duration: 1s; 2209 animation-fill-mode: forwards; 2210} 2211#menu-modal.is-open { 2212 z-index: 99999; 2213 position: fixed; 2214 top: 0; 2215 bottom: 0; 2216 left: 0; 2217 right: 0; 2218} 2219@keyframes mmfadeIn { 2220 from { 2221 opacity: 0; 2222 transform: scale(0.95); 2223 } 2224 to { 2225 opacity: 1; 2226 transform: scale(1); 2227 } 2228} 2229@keyframes mmfadeOut { 2230 from { 2231 opacity: 1; 2232 transform: scale(1); 2233 } 2234 to { 2235 opacity: 0; 2236 transform: scale(0.95); 2237 } 2238} 2239#menu-modal { 2240 display: none; 2241} 2242#menu-modal.is-open { 2243 display: block; 2244} 2245#menu-modal[aria-hidden="false"] .modal-overlay { 2246 animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); 2247} 2248#menu-modal[aria-hidden="true"] .modal-overlay { 2249 animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); 2250} 2251#menu-modal .modal-overlay { 2252 will-change: transform; 2253}
2254.inner-pages-menu { 2255 margin-top: calc(var(--spacing) * 4); 2256 font-size: var(--text-base); 2257 line-height: var(--tw-leading, var(--text-base--line-height)); 2258 --tw-leading: calc(var(--spacing) * 8); 2259 line-height: calc(var(--spacing) * 8); 2260 color: var(--color-blk); 2261 li { 2262 border-left-style: var(--tw-border-style); 2263 border-left-width: 1px; 2264 border-color: var(--color-gris); 2265 padding-left: calc(var(--spacing) * 8); 2266 &:hover { 2267 @media (hover: hover) { 2268 margin-left: calc(1px * -1); 2269 } 2270 } 2271 &:hover { 2272 @media (hover: hover) { 2273 border-left-style: var(--tw-border-style); 2274 border-left-width: 3px; 2275 } 2276 } 2277 &:hover { 2278 @media (hover: hover) { 2279 border-color: var(--color-yello); 2280 } 2281 } 2282 &:hover { 2283 @media (hover: hover) { 2284 background-color: var(--color-gris-light); 2285 } 2286 } 2287 &:hover { 2288 @media (hover: hover) { 2289 padding-left: 31px; 2290 } 2291 } 2292 } 2293 .current-menu-item { 2294 margin-left: calc(1px * -1); 2295 border-left-style: var(--tw-border-style); 2296 border-left-width: 3px; 2297 border-color: var(--color-yello); 2298 background-color: var(--color-gris-light); 2299 &:hover { 2300 @media (hover: hover) { 2301 padding-left: calc(var(--spacing) * 8); 2302 } 2303 } 2304 } 2305 a { 2306 display: block; 2307 padding-block: calc(var(--spacing) * 2); 2308 @media (width >= 768px) { 2309 padding-block: calc(var(--spacing) * 0); 2310 } 2311 } 2312} 2313.inner-pages-menu-container { 2314 position: sticky; 2315 top: calc(16px + var(--wp-admin--admin-bar--height, 0px)); 2316} 2317.content > p:first-child { 2318 font-size: var(--text-lg); 2319 line-height: var(--tw-leading, var(--text-lg--line-height)); 2320} 2321#main .content h2 { 2322 margin-top: calc(var(--spacing) * 14); 2323 font-size: var(--text-lg); 2324 line-height: var(--tw-leading, var(--text-lg--line-height)); 2325 --tw-font-weight: var(--font-weight-bold); 2326 font-weight: var(--font-weight-bold); 2327 color: var(--color-black); 2328 @media (width >= 768px) { 2329 font-size: var(--text-2xl); 2330 line-height: var(--tw-leading, var(--text-2xl--line-height)); 2331 } 2332} 2333.content a { 2334 text-decoration-line: underline; 2335 &:hover { 2336 @media (hover: hover) { 2337 color: color-mix(in srgb, #000 70%, transparent); 2338 @supports (color: color-mix(in lab, red, red)) { 2339 color: color-mix(in oklab, var(--color-black) 70%, transparent); 2340 } 2341 } 2342 } 2343} 2344.content { 2345 ul { 2346 list-style-type: disc; 2347 padding-left: calc(var(--spacing) * 6); 2348 } 2349 li { 2350 margin-block: calc(var(--spacing) * 2); 2351 padding-left: calc(var(--spacing) * 1); 2352 } 2353} 2354#main .book-now { 2355 display: inline-flex; 2356 align-items: center; 2357 background-color: var(--color-yello); 2358 padding-inline: calc(var(--spacing) * 5); 2359 padding-block: calc(var(--spacing) * 3); 2360 font-size: var(--text-sm); 2361 line-height: var(--tw-leading, var(--text-sm--line-height)); 2362 --tw-font-weight: var(--font-weight-semibold); 2363 font-weight: var(--font-weight-semibold); 2364 --tw-tracking: var(--tracking-widest); 2365 letter-spacing: var(--tracking-widest); 2366 color: var(--color-black); 2367 text-transform: uppercase; 2368 text-decoration-line: none; 2369 --tw-ring-offset-width: 2px; 2370 --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 2371 &:hover { 2372 @media (hover: hover) { 2373 background-color: var(--color-black); 2374 } 2375 } 2376 &:hover { 2377 @media (hover: hover) { 2378 color: var(--color-white); 2379 } 2380 } 2381 &:focus { 2382 --tw-outline-style: none; 2383 outline-style: none; 2384 } 2385 &:focus-visible { 2386 --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); 2387 box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
2387dow); 2388 } 2389 &:focus-visible { 2390 --tw-ring-color: var(--color-black); 2391 } 2392} 2393.faq, .prose { 2394 ul { 2395 list-style-type: disc; 2396 padding-left: calc(var(--spacing) * 6); 2397 } 2398 li { 2399 margin-block: calc(var(--spacing) * 2); 2400 padding-left: calc(var(--spacing) * 1); 2401 } 2402} 2403.prose { 2404 h2 { 2405 margin-top: calc(var(--spacing) * 14); 2406 font-size: var(--text-lg); 2407 line-height: var(--tw-leading, var(--text-lg--line-height)); 2408 --tw-font-weight: var(--font-weight-bold); 2409 font-weight: var(--font-weight-bold); 2410 color: var(--color-black); 2411 @media (width >= 768px) { 2412 font-size: var(--text-2xl); 2413 line-height: var(--tw-leading, var(--text-2xl--line-height)); 2414 } 2415 } 2416 a { 2417 text-decoration-line: underline; 2418 &:hover { 2419 @media (hover: hover) { 2420 color: color-mix(in srgb, #000 70%, transparent); 2421 @supports (color: color-mix(in lab, red, red)) { 2422 color: color-mix(in oklab, var(--color-black) 70%, transparent); 2423 } 2424 } 2425 } 2426 } 2427} 2428.footer-menu { 2429 font-size: var(--text-base); 2430 line-height: var(--tw-leading, var(--text-base--line-height)); 2431 --tw-leading: calc(var(--spacing) * 8); 2432 line-height: calc(var(--spacing) * 8); 2433 a { 2434 display: inline-block; 2435 padding-block: calc(var(--spacing) * 2); 2436 text-underline-offset: 8px; 2437 &:hover { 2438 @media (hover: hover) { 2439 text-decoration-line: underline; 2440 } 2441 } 2442 @media (width >= 768px) { 2443 padding-block: calc(var(--spacing) * 0); 2444 } 2445 } 2446} 2447.testimonial::before { 2448 content: "â"; 2449 margin-left: -0.46em; 2450} 2451.form-input:focus ~ .form-label, .form-input:not(:placeholder-shown).form-input:not(:focus) ~ .form-label { 2452 top: -0.5rem; 2453 font-size: 0.8rem; 2454} 2455.has-yello-color { 2456 border-color: #F4E94D !important; 2457} 2458.has-custom-grey-color { 2459 border-color: #e2e8f0 !important; 2460} 2461.hf-message { 2462 margin-top: calc(var(--spacing) * 4); 2463 --tw-font-weight: var(--font-weight-semibold); 2464 font-weight: var(--font-weight-semibold); 2465} 2466@property --tw-translate-x { 2467 syntax: "*"; 2468 inherits: false; 2469 initial-value: 0; 2470} 2471@property --tw-translate-y { 2472 syntax: "*"; 2473 inherits: false; 2474 initial-value: 0; 2475} 2476@property --tw-translate-z { 2477 syntax: "*"; 2478 inherits: false; 2479 initial-value: 0; 2480} 2481@property --tw-rotate-x { 2482 syntax: "*"; 2483 inherits: false; 2484} 2485@property --tw-rotate-y { 2486 syntax: "*"; 2487 inherits: false; 2488} 2489@property --tw-rotate-z { 2490 syntax: "*"; 2491 inherits: false; 2492} 2493@property --tw-skew-x { 2494 syntax: "*"; 2495 inherits: false; 2496} 2497@property --tw-skew-y { 2498 syntax: "*"; 2499 inherits: false; 2500} 2501@property --tw-space-y-reverse { 2502 syntax: "*"; 2503 inherits: false; 2504 initial-value: 0; 2505} 2506@property --tw-border-style { 2507 syntax: "*"; 2508 inherits: false; 2509 initial-value: solid; 2510} 2511@property --tw-leading { 2512 syntax: "*"; 2513 inherits: false; 2514} 2515@property --tw-font-weight { 2516 syntax: "*"; 2517 inherits: false; 2518} 2519@property --tw-tracking { 2520 syntax: "*"; 2521 inherits: false; 2522} 2523@property --tw-shadow { 2524 syntax: "*"; 2525 inherits: false; 2526 initial-value: 0 0 #0000; 2527} 2528@property --tw-shadow-color { 2529 syntax: "*"; 2530 inherits: false; 2531} 2532@property --tw-shadow-alpha { 2533 syntax: "<percentage>"; 2534 inherits: false; 2535 initial-value: 100%; 2536} 2537@property --tw-inset-shadow { 2538 syntax: "*"; 2539 inherits: false; 2540 initial-value: 0 0 #0000; 2541} 2542@property --tw-inset-shadow-color { 2543 syntax: "*"; 2544 inherits: false; 2545} 2546@property --tw-inset-shadow-alpha { 2547 syntax: "<percentage>"; 2548 inherits: false; 2549 initial-value: 100%; 2550} 2551@property --tw-ring-color { 2552 syntax: "*"; 2553 inherits: false; 2554} 2555@property --tw-ring-shadow { 2556 syntax: "*"; 2557 inherits: false; 2558 initial-value: 0 0 #0000; 2559} 2560@property --tw-inset-ring-color { 2561 syntax: "*"; 2562 inherits: false; 2563} 2564@property --tw-inset-ring-shadow { 2565 syntax: "*"; 2566 inherits: false; 2567 initial-value: 0 0 #0000; 2568} 2569@property --tw-ring-inset { 2570 syntax: "*"; 2571 inherits: false; 2572} 2573@property --tw-ring-offset-width { 2574 syntax: "<length>"; 2575 inherits: false; 2576 initial-value: 0px; 2577} 2578@property --tw-ring-offset-color { 2579 syntax: "*"; 2580 inherits: false; 2581 initial-value: #fff; 2582} 2583@property --tw-ring-offset-shadow { 2584 syntax: "*"; 2585 inherits: false; 2586 initial-value: 0 0 #0000; 2587} 2588@property --tw-outline-style { 2589 syntax: "*"; 2590 inherits: false; 2591 initial-value: solid; 2592} 2593@property --tw-duration { 2594 syntax: "*"; 2595 inherits: false; 2596} 2597@property --tw-ease { 2598 syntax: "*"; 2599 inherits: false; 2600} 2601@property --tw-scale-x { 2602 syntax: "*"; 2603 inherits: false; 2604 initial-value: 1; 2605} 2606@property --tw-scale-y { 2607 syntax: "*"; 2608 inherits: false; 2609 initial-value: 1; 2610} 2611@property --tw-scale-z { 2612 syntax: "*"; 2613 inherits: false; 2614 initial-value: 1; 2615} 2616@property --tw-content { 2617 syntax: "*"; 2618 initial-value: ""; 2619 inherits: false; 2620} 2621@property --tw-space-x-reverse { 2622 syntax: "*"; 2623 inherits: false; 2624 initial-value: 0; 2625} 2626@layer properties { 2627 @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { 2628 *, ::before, ::after, ::backdrop { 2629 --tw-translate-x: 0; 2630 --tw-translate-y: 0; 2631 --tw-translate-z: 0; 2632 --tw-rotate-x: initial; 2633 --tw-rotate-y: initial; 2634 --tw-rotate-z: initial; 2635 --tw-skew-x: initial; 2636 --tw-skew-y: initial; 2637 --tw-space-y-reverse: 0; 2638 --tw-border-style: solid; 2639 --tw-leading: initial; 2640 --tw-font-weight: initial; 2641 --tw-tracking: initial; 2642 --tw-shadow: 0 0 #0000; 2643 --tw-shadow-color: initial; 2644 --tw-shadow-alpha: 100%; 2645 --tw-inset-shadow: 0 0 #0000; 2646 --tw-inset-shadow-color: initial; 2647 --tw-inset-shadow-alpha: 100%; 2648 --tw-ring-color: initial; 2649 --tw-ring-shadow: 0 0 #0000; 2650 --tw-inset-ring-color: initial; 2651 --tw-inset-ring-shadow: 0 0 #0000; 2652 --tw-ring-inset: initial; 2653 --tw-ring-offset-width: 0px; 2654 --tw-ring-offset-color: #fff; 2655 --tw-ring-offset-shadow: 0 0 #0000; 2656 --tw-outline-style: solid; 2657 --tw-duration: initial; 2658 --tw-ease: initial; 2659 --tw-scale-x: 1; 2660 --tw-scale-y: 1; 2661 --tw-scale-z: 1; 2662 --tw-content: ""; 2663 --tw-space-x-reverse: 0; 2664 } 2665 } 2666} 2667 </style> 2668 2669 <title>Wanaka Taxi | Great rates and flexible payment options | yello!</title> 2670 2671<!-- The SEO Framework by Sybre Waaijer --> 2672<meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1" /> 2673<link rel="canonical" href="https://yello.co.nz/taxi/" /> 2674<meta name="description" content="Book a Wanaka taxi with Yello! to get you home safe and sound. Yello! offer affordable Wanaka taxi fares, diverse payment options, and caters to groups." /> 2675<meta property="og:type" content="website" /> 2676<meta property="og:locale" content="en_GB" /> 2677<meta property="og:site_name" content="Yello" /> 2678<meta property="og:title" content="Wanaka Taxi | Great rates and flexible payment options | yello!" /> 2679<meta property="og:description" content="Book a Wanaka taxi with Yello! to get you home safe and sound. Yello! offer affordable Wanaka taxi fares, diverse payment options, and caters to groups." /> 2680<meta property="og:url" content="https://yello.co.nz/taxi/" /> 2681<meta property="og:image" content="https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-1024x768.jpg" /> 2682<meta name="twitter:card" content="summary_large_image" /> 2683<meta name="twitter:title" content="Wanaka Taxi | Great rates and flexible payment options | yello!" /> 2684<meta name="twitter:description" content="Book a Wanaka taxi with Yello! to get you home safe and sound. Yello! offer affordable Wanaka taxi fares, diverse payment options, and caters to groups." /> 2685<meta name="twitter:image" content="https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-1024x768.jpg" />
2686<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://yello.co.nz/#/schema/WebSite","url":"https://yello.co.nz/","name":"Yello","inLanguage":"en-NZ","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://yello.co.nz/search/{search_term_string}/"},"query-input":"required name=search_term_string"},"publisher":{"@type":"Organization","@id":"https://yello.co.nz/#/schema/Organization","name":"Yello","url":"https://yello.co.nz/"}},{"@type":"WebPage","@id":"https://yello.co.nz/taxi/","url":"https://yello.co.nz/taxi/","name":"Wanaka Taxi | Great rates and flexible payment options | yello!","description":"Book a Wanaka taxi with Yello! to get you home safe and sound. Yello! offer affordable Wanaka taxi fares, diverse payment options, and caters to groups.","inLanguage":"en-NZ","isPartOf":{"@id":"https://yello.co.nz/#/schema/WebSite"},"breadcrumb":{"@type":"BreadcrumbList","@id":"https://yello.co.nz/#/schema/BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":"https://yello.co.nz/","name":"Yello"},{"@type":"ListItem","position":2,"name":"Wanaka Taxi | Great rates and flexible payment options | yello!"}]},"potentialAction":{"@type":"ReadAction","target":"https://yello.co.nz/taxi/"}}]}</script>
2686 2687<!-- / The SEO Framework by Sybre Waaijer | 97.05ms meta | 66.93ms boot --> 2688 2689<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://yello.co.nz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fyello.co.nz%2Ftaxi%2F" /> 2690<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://yello.co.nz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fyello.co.nz%2Ftaxi%2F&format=xml" /> 2691<style id="wp-img-auto-sizes-contain-inline-css"> 2692img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 2693/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 2694</style> 2695<style id="wp-block-library-inline-css"> 2696:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
2696--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 2697 2698/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 2699</style> 2700<style id="wp-block-heading-inline-css"> 2701h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} 2702/*# sourceURL=https://yello.co.nz/wp-includes/blocks/heading/style.min.css */ 2703</style> 2704<style id="wp-block-image-inline-css"> 2705.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;
2705cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .wp-lightbox-close-button{align-items:center;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 4px;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .wp-lightbox-close-button:focus,.wp-lightbox-overlay .wp-lightbox-close-button:hover,.wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg{height:1em;width:1em}.wp-lightbox-overlay .wp-lightbox-close-icon svg{display:block}.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{align-items:center;bottom:16px;cursor:pointer;display:flex;font-family:inherit;gap:4px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 8px;position:absolute;z-index:2000002}.wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden],.wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden]{display:none}@media (min-width:960px){.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{bottom:50%;transform:translateY(-50%)}}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background),.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background){background:none;border:none;padding:0 8px}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg{display:block;height:1.5em;width:1.5em}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{left:calc(env(safe-area-inset-left) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-button-next{right:calc(env(safe-area-inset-right) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-icon svg{vertical-align:middle}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:2000001}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}
2705@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} 2706/*# sourceURL=https://yello.co.nz/wp-includes/blocks/image/style.min.css */ 2707</style> 2708<style id="wp-block-paragraph-inline-css"> 2709.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 2710/*# sourceURL=https://yello.co.nz/wp-includes/blocks/paragraph/style.min.css */ 2711</style> 2712 2713<style id="classic-theme-styles-inline-css"> 2714/*! This file is auto-generated */ 2715.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 2716/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 2717</style> 2718 2719<style id="global-styles-inline-css"> 2720:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--yello: #F4E94D;--wp--preset--color--custom-grey: #E2E8F0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
2720--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-yello-color{color: var(--wp--preset--color--yello) !important;}.has-custom-grey-color{color: var(--wp--preset--color--custom-grey) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-yello-background-color{background-color: var(--wp--preset--color--yello) !important;}.has-custom-grey-background-color{background-color: var(--wp--preset--color--custom-grey) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-yello-border-color{border-color: var(--wp--preset--color--yello) !important;}.has-custom-grey-border-color{border-color: var(--wp--preset--color--custom-grey) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
2720.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 2721/*# sourceURL=global-styles-inline-css */ 2722</style> 2723
2724<script id="yello-micromodal-js" src="https://yello.co.nz/wp-content/themes/yello/js/micromodal.min.js?ver=6ad1545234467a87c88cbb8e401e5350"></script>
2724 2725<link rel="https://api.w.org/" href="https://yello.co.nz/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://yello.co.nz/wp-json/wp/v2/pages/12" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://yello.co.nz/xmlrpc.php?rsd" /> 2726<!-- Stream WordPress user activity plugin v4.2.1 --> 2727<link rel="apple-touch-icon" sizes="180x180" href="/wp-content/uploads/fbrfg/apple-touch-icon.png"> 2728<link rel="icon" type="image/png" sizes="32x32" href="/wp-content/uploads/fbrfg/favicon-32x32.png"> 2729<link rel="icon" type="image/png" sizes="16x16" href="/wp-content/uploads/fbrfg/favicon-16x16.png"> 2730<link rel="manifest" href="/wp-content/uploads/fbrfg/site.webmanifest"> 2731<link rel="mask-icon" href="/wp-content/uploads/fbrfg/safari-pinned-tab.svg" color="#f4e94d"> 2732<link rel="shortcut icon" href="/wp-content/uploads/fbrfg/favicon.ico"> 2733<meta name="msapplication-TileColor" content="#ffffff"> 2734<meta name="msapplication-config" content="/wp-content/uploads/fbrfg/browserconfig.xml"> 2735<meta name="theme-color" content="#ffffff"><style id="wp-custom-css"> 2736/* Fix for homepage arrow links */ 2737.before\:z-10 { 2738 &::before { 2739 content: var(--tw-content); 2740 z-index: 10; 2741 } 2742} 2743</style> 2744 2745</head> 2746 2747<body class="wp-singular page-template page-template-page-templates page-template-taxi page-template-page-templatestaxi-php page page-id-12 wp-theme-yello"> 2748<a class="skip-link" href="#main">Skip to main content</a> 2749 2750<header class="flex items-center justify-between px-4 bg-yello lg:px-10 2xl:px-36"> 2751 2752 <div class="site-branding"> 2753 2754 <a href="https://yello.co.nz/" rel="home"> 2755 <img 2756 src="https://yello.co.nz/wp-content/themes/yello/assets/logo-1x.png" 2757 srcset=" 2758 https://yello.co.nz/wp-content/themes/yello/assets/logo-1x.png, 2759 https://yello.co.nz/wp-content/themes/yello/assets/logo-2x.png 2x 2760 " 2761 class="inline-block pt-1.5" 2762 alt="Yello Taxis" 2763 width="139" 2764 height="50" 2765 /> 2766 </a> 2767 2768 </div> 2769 2770 <a href="tel:0800 443 5555" class="inline-flex items-center px-2 py-2 mx-2 text-xs font-bold text-white bg-black border-2 border-black rounded-lg sm:px-3 sm:py-3 md:text-xl hover:bg-yello hover:text-black group focus:outline-none focus-visible:ring focus-visible:ring-black ring-offset-2 ring-offset-yello menu:hidden"> 2771 <svg lass="shrink-0" width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"> 2772 <path d="M4.96886 1.48598C4.73684 0.823315 4.12515 0.470607 3.54058 0.659431L0.888911 1.51448C0.364604 1.68549 0 2.2484 0 2.88968C0 11.7038 6.0446 18.8506 13.4994 18.8506C14.0418 18.8506 14.5179 18.4195 14.6625 17.7996L15.3857 14.6644C15.5454 13.9733 15.2471 13.25 14.6866 12.9757L11.7939 11.5506C11.3027 11.3084 10.7332 11.4758 10.3988 11.9639L9.1814 13.7203C7.06007 12.5339 5.34251 10.5032 4.33909 7.99504L5.82463 6.55927C6.23745 6.16025 6.37907 5.49046 6.17417 4.90974L4.96886 1.48954V1.48598Z" class="fill-white group-hover:fill-black"></path> 2773 </svg> 2774 <span class="pl-2 sm:pl-4 text-nowrap"> 2775 0800 443 5555 2776 </span> 2777 </a> 2778 2779 <nav class="main-navigation"> 2780 2781 <button 2782 id="hamburger" 2783 class="block rounded cursor-pointer hamburger menu:hidden" 2784 aria-controls="menu-modal" 2785 aria-expanded="false" 2786 aria-label="navigation menu" 2787 data-micromodal-trigger="menu-modal" 2788 > 2789 <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="pointer-events-none"> 2790 <path d="M5 30V27.2221H35V30H5ZM5 21.3888V18.6112H35V21.3888H5ZM5 12.7779V10H35V12.7779H5Z" fill="#0C0C24"/> 2791 </svg> 2792 </button> 2793 2794 <ul class="main-menu"><li id="menu-item-1947" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1947"><a href="https://yello.co.nz/">Home</a></li> 2795<li id="menu-item-123" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-123"><a href="/taxi-or-cabs/">Services</a> 2796<ul class="sub-menu"> 2797 <li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-12 current_page_item menu-item-26"><a href="https://yello.co.nz/taxi/" aria-current="page">WÄnaka Taxi</a></li> 2798 <li id="menu-item-132" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-132"><a href="https://yello.co.nz/transfers/">Private Transfers</a></li> 2799 <li id="menu-item-130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a href="https://yello.co.nz/wanaka-airport-transfers/">WÄnaka Airport Transfers</a></li> 2800 <li id="menu-item-1628" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1628"><a href="https://yello.co.nz/rhythm-alps/">Rhythm & Alps Transport</a></li> 2801 <li id="menu-item-129" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="https://yello.co.nz/event-transport/">Event Transport</a></li> 2802 <li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-127"><a href="https://yello.co.nz/private-tours/">Private Tours</a></li> 2803 <li id="menu-item-131" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-131"><a href="https://yello.co.nz/ski-field-transport/">Ski Field Transport</a></li> 2804 <li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128"><a href="https://yello.co.nz/wedding-transport/">Wedding Transport</a></li> 2805 <li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-126"><a href="https://yello.co.nz/tramping-shuttle-transport/">Tramping Transport</a></li> 2806 <li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="https://yello.co.nz/commercial-rentals/">Commercial Rentals</a></li> 2807</ul> 2808</li> 2809<li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"><a href="https://yello.co.nz/about/">About</a></li> 2810<li id="menu-item-1290" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1290"><a href="https://yello.co.nz/news/">News</a></li> 2811<li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"><a href="https://yello.co.nz/faq/">FAQs</a></li> 2812<li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"><a href="https://yello.co.nz/job-opportunities/">Job Opportunities</a></li> 2813<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="https://yello.co.nz/contact/">Contact</a></li> 2814</ul> 2815 </nav> 2816 2817 <a href="tel:0800 443 5555" class="inline-flex items-center px-3 py-3 text-xs font-bold text-white bg-black border-2 border-black rounded-lg md:text-xl hover:bg-yello hover:text-black group focus:outline-none focus-visible:ring focus-visible:ring-black ring-offset-2 ring-offset-yello max-menu:hidden"> 2818 <svg lass="shrink-0" width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"> 2819 <path d="M4.96886 1.48598C4.73684 0.823315 4.12515 0.470607 3.54058 0.659431L0.888911 1.51448C0.364604 1.68549 0 2.2484 0 2.88968C0 11.7038 6.0446 18.8506 13.4994 18.8506C14.0418 18.8506 14.5179 18.4195 14.6625 17.7996L15.3857 14.6644C15.5454 13.9733 15.2471 13.25 14.6866 12.9757L11.7939 11.5506C11.3027 11.3084 10.7332 11.4758 10.3988 11.9639L9.1814 13.7203C7.06007 12.5339 5.34251 10.5032 4.33909 7.99504L5.82463 6.55927C6.23745 6.16025 6.37907 5.49046 6.17417 4.90974L4.96886 1.48954V1.48598Z" class="fill-white group-hover:fill-black"></path> 2820 </svg> 2821 <span class="pl-4"> 2822 0800 443 5555 2823 </span> 2824 </a> 2825 2826</header> 2827 2828 2829 2830<main id="main" class=""> 2831 2832 2833 <div class="max-menu:hidden"> 2834 2835 <picture> 2836 2837 <img 2838 id="hero" 2839 src="https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis.jpg" 2840 srcset=" 2841 https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-640x199.jpg 640w, 2842 https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-750x233.jpg 750w, 2843 https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-828x257.jpg 828w, 2844 https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-1080x336.jpg 1080w, 2845 https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-1200x373.jpg 1200w, 2846 https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-1440x448.jpg 1440w, 2847 https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-1920x597.jpg 1920w, 2848 https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-2048x637.jpg 2048w, 2849 https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis.jpg 2560w 2850 " 2851 sizes="100vw" 2852 alt="" 2853 class="object-cover w-full h-40 md:h-[38vh]" 2854 width="2560" 2855 height="796" 2856 fetchpriority="highest" 2857 /> 2858 2859 </picture> 2860 2861 </div> 2862 2863 2864 <div class="grid grid-cols-1 px-4 gap-x-8 lg:grid-cols-12 lg:px-10 2xl:px-36"> 2865 2866 <div class="pb-16 max-lg:hidden lg:border-r lg:col-span-3 border-slate-200 lg:row-start-1"> 2867 2868 <div class="inner-pages-menu-container"> 2869 2870 <h2 class="mt-16 text-base leading-8 tracking-widest">SERVICES</h2> 2871 2872 <ul class="inner-pages-menu"><li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-12 current_page_item menu-item-69"><a href="https://yello.co.nz/taxi/" aria-current="page">WÄnaka Taxi</a></li> 2873<li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"><a href="https://yello.co.nz/transfers/">Private Transfers</a></li> 2874<li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="https://yello.co.nz/wanaka-airport-transfers/">WÄnaka Airport Transfers</a></li> 2875<li id="menu-item-1638" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1638"><a href="https://yello.co.nz/rhythm-alps/">Rhythm & Alps Transport</a></li> 2876<li id="menu-item-65" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a href="https://yello.co.nz/event-transport/">Event Transport</a></li> 2877<li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="https://yello.co.nz/private-tours/">Private Tours</a></li> 2878<li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="https://yello.co.nz/ski-field-transport/">Ski Field Transport</a></li> 2879<li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64"><a href="https://yello.co.nz/wedding-transport/">Wedding Transport</a></li> 2880<li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="https://yello.co.nz/tramping-shuttle-transport/">Tramping Transport</a></li> 2881<li id="menu-item-60" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-60"><a href="https://yello.co.nz/commercial-rentals/">Commercial Rentals</a></li> 2882</ul> 2883 </div> 2884 2885 </div> 2886 2887 <div class="mb-20 lg:col-start-4 lg:col-end-13 xl:col-start-5 xl:col-end-12 md:mb-36"> 2888 2889 <!-- Section 1 - Book Taxi --> 2890 2891 <div class="grid grid-cols-1"> 2892
2893 <h2 class="mt-10 mb-4 text-4xl font-bold lg:text-5xl col-span-full lg:mt-16 lg:mb-4 text-pretty"> 2894 Wanaka Taxi Bookings </h2> 2895 2896 <p class="text-base"> 2897 Three easy ways to book your ride. </p> 2898 2899 </div> 2900 2901 <div class=""> 2902 2903 <h3 class="mt-8 mb-4 text-sm font-bold tracking-wide uppercase"> 2904 Call Us 2905 </h3> 2906 2907 <a href="tel:0800 443 5555" class="inline-flex flex-row rounded-lg bg-yello pl-2 pr-4 pt-3.5 pb-3 gap-3.5 border-2 border-yello hover:border-black active:border-2"> 2908 <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 2909 <path d="M33.1667 35C29.8611 35 26.5278 34.2292 23.1667 32.6875C19.8056 31.1458 16.7083 28.9583 13.875 26.125C11.0417 23.2917 8.85417 20.1944 7.3125 16.8333C5.77083 13.4722 5 10.1389 5 6.83333C5 6.31472 5.17597 5.87958 5.52792 5.52792C5.87958 5.17597 6.31472 5 6.83333 5H12.9721C13.361 5 13.699 5.13653 13.9863 5.40958C14.2732 5.68292 14.4629 6.01861 14.5554 6.41667L15.6667 11.8612C15.7222 12.2685 15.7129 12.6296 15.6388 12.9446C15.5649 13.2593 15.4168 13.5278 15.1946 13.75L11.0696 17.9167C11.7363 19.0742 12.4654 20.1644 13.2571 21.1875C14.0488 22.2106 14.9214 23.1851 15.875 24.1113C16.8472 25.1018 17.8704 26.0115 18.9446 26.8404C20.0185 27.669 21.1481 28.4074 22.3333 29.0554L26.2779 25.0279C26.5462 24.7407 26.8679 24.5393 27.2429 24.4238C27.6179 24.3079 27.9907 24.2778 28.3612 24.3333L33.5833 25.4446C33.9908 25.5557 34.3288 25.771 34.5971 26.0904C34.8657 26.4099 35 26.7686 35 27.1667V33.1667C35 33.6853 34.824 34.1204 34.4721 34.4721C34.1204 34.824 33.6853 35 33.1667 35Z" fill="black"/> 2910 </svg> 2911 <span class="font-bold text-[28px]"> 2912 0800 443 5555 2913 </span> 2914 </a> 2915 2916 <h3 class="mt-8 mb-4 text-sm font-bold tracking-wide uppercase"> 2917 Book Online Now 2918 </h3> 2919 2920 <!-- Start TaxiCaller Booking Form --> 2921 <div class="grid grid-cols-1 grid-rows-none gap-8 md:grid-cols-12"> 2922 <div class="md:col-span-full"> 2923 2924 <div id="taxicaller-booking-form" class="h-[200px] lg:h-[480px] bg-gris"> 2925 </div> 2926
2926<script src="https://passenger.taxicaller.net/embed/embed-v1.0.0.js"></script>
2926 2927
2927<script> 2928 new TaxiCaller.PassengerApp({ 2929 element: '#taxicaller-booking-form', 2930 app: 'taxicaller', 2931 company: 6754, 2932 heightDesktop: '480px', 2933 heightMobile: '200px', 2934 mobileBreakpoint: '768px', 2935 returnMessage: 'á Return to website', 2936 }) 2937 </script>
2937 2938 2939 </div> 2940 </div> 2941 <!-- End TaxiCaller Booking Form --> 2942 2943 <h3 class="mt-8 mb-4 text-sm font-bold tracking-wide uppercase"> 2944 Get the App 2945 </h3> 2946 2947 <p class=""> 2948 Download the free TaxiCaller app. 2949 </p> 2950 2951 <p class="pt-5"> 2952 Copy this one-time access code: 2953 <button 2954 id="copy-container" 2955 class="group relative inline-flex flex-row gap-1 border rounded items-center border-[#ccc] px-1 py-1.5 cursor-pointer hover:bg-gray-50" 2956 onclick="copyToClipboard()" 2957 > 2958 2959 <!-- Tooltip Element --> 2960 <span 2961 id="tooltip-text" 2962 class="absolute px-2 py-1 text-xs text-white transition-opacity -translate-x-1/2 bg-black rounded opacity-0 pointer-events-none -top-9 left-1/2 whitespace-nowrap group-hover:opacity-100" 2963 > 2964 Click to copy 2965 <!-- Tooltip Arrow --> 2966 <span class="absolute -translate-x-1/2 border-4 border-transparent left-1/2 top-full border-t-black"></span> 2967 </span> 2968 2969 <span id="text-content">372622</span> 2970 2971 <!-- Icon Container --> 2972 <div class="size-4 text-gris"> 2973 2974 <!-- Copy Icon --> 2975 <svg id="icon-copy" class="block size-4 text-[#555]" viewBox="0 0 24 24" fill="currentColor"> 2976 <path d="M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1Z"></path> 2977 <path d="M20 5H8C6.9 5 6 5.9 6 7V21C6 22.1 6.9 23 8 23H20C21.1 23 22 22.1 22 21V7C22 5.9 21.1 5 20 5ZM20 21H8V7H20V21Z"></path> 2978 </svg> 2979 2980 <!-- Check/Tick Icon (Hidden by default) --> 2981 <svg id="icon-check" class="hidden text-green-600 size-4" viewBox="0 0 24 24" fill="currentColor"> 2982 <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> 2983 </svg> 2984 2985 </div> 2986 </button> 2987 </p> 2988 2989
2989<script> 2990 function copyToClipboard() { 2991 const text = document.getElementById('text-content').innerText; 2992 const tooltip = document.getElementById('tooltip-text'); 2993 const iconCopy = document.getElementById('icon-copy'); 2994 const iconCheck = document.getElementById('icon-check'); 2995 2996 // 1. Copy to clipboard 2997 navigator.clipboard.writeText(text); 2998 2999 // 2. Change Tooltip Text 3000 tooltip.innerText = "Copied"; 3001 // (Re-add arrow manually or keep structure simple, simpler is used here) 3002 tooltip.classList.add('bg-green-600'); // Optional: change tooltip color 3003 3004 // 3. Swap Icons 3005 iconCopy.classList.replace('block', 'hidden'); 3006 iconCheck.classList.replace('hidden', 'block'); 3007 3008 // 4. Revert after 2 seconds 3009 setTimeout(() => { 3010 tooltip.innerText = "Click to copy"; 3011 tooltip.classList.remove('bg-green-600'); 3012 3013 iconCheck.classList.replace('block', 'hidden'); 3014 iconCopy.classList.replace('hidden', 'block'); 3015 }, 2000); 3016 } 3017 </script>
3017 3018 3019 <div class="flex justify-start w-full gap-4 mt-8 max-xs:flex-col md:justify-start"> 3020 3021 <a href="https://play.google.com/store/apps/details?id=com.taxicaller.app" target="_blank" rel="noreferrer noopener" class="flex-1 h-auto min-w-0 max-w-44"> 3022 <img 3023 src="https://yello.co.nz/wp-content/uploads/2025/10/google.png" 3024 alt="Get it on Google Play" 3025 class="" 3026 > 3027 </a> 3028 3029 <a href="https://apps.apple.com/nz/app/taxicaller-for-passengers/id604708748" target="_blank" rel="noreferrer noopener" class="flex-1 h-auto min-w-0 max-w-44"> 3030 <img 3031 src="https://yello.co.nz/wp-content/uploads/2025/10/apple.png" 3032 alt="Download on the App Store" 3033 class="" 3034 > 3035 </a> 3036 3037 </div> 3038 3039 </div> 3040 <!-- End Book Taxi --> 3041 3042 <!-- Image banner --> 3043 <div class="mt-8 -mx-4 lg:hidden md:mt-12"> 3044 3045 <img 3046 src="https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis.jpg" 3047 srcset=" 3048https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-640x199.jpg 640w, 3049https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-750x233.jpg 750w, 3050https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-828x257.jpg 828w, 3051https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-1080x336.jpg 1080w, 3052https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-1200x373.jpg 1200w, 3053https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-1440x448.jpg 1440w, 3054https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-1920x597.jpg 1920w, 3055https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis-2048x637.jpg 2048w, 3056https://yello.co.nz/wp-content/uploads/2023/06/wanaka-taxis.jpg 2560w" 3057 sizes="100vw" 3058 alt="" 3059 class="" loading="lazy" width="2560" 3060 height="796" 3061 /> 3062 </div> 3063 3064 <div class="mt-8 text-base content space-y-7 text-blk md:mt-12"> 3065 3066 3067<p class="wp-block-paragraph"><strong><strong><span class="yello">yello!</span></strong></strong> provides reliable Wanaka taxi services with great rates. Whether you need a ride home from dinner out or transportation in and around Wanaka, we’ve got you covered.</p> 3068 3069 3070 3071<p class="wp-block-paragraph">We offer fixed prices for transparency and accept various payment methods, including Cash, EFTPOS, Visa, and MasterCard.</p> 3072 3073 3074 3075<p class="wp-block-paragraph">As part of the Total Mobility Scheme, we ensure accessibility for all passengers. </p> 3076 3077 3078 3079<p class="wp-block-paragraph">Our fleet includes cars and vans for small and large groups. For groups of 8 or more, please pre-book your taxi to ensure availability.</p> 3080 3081 3082 3083<p class="wp-block-paragraph">We accommodate special requests, such as carrying bikes and ski gear, with advance notice. Extra charges may apply.</p> 3084 3085 3086 3087<p class="wp-block-paragraph"> Contact us now to book your Wanaka taxi and experience hassle-free transportation.</p> 3088 3089 3090 3091<h2 class="wp-block-heading" id="h-hours">Business Hours</h2> 3092 3093 3094 3095<p class="wp-block-paragraph"><strong>Friday and Saturday: 7:00am until 3:00am</strong> the following morning.</p> 3096 3097 3098 3099<p class="wp-block-paragraph"><strong>Sunday to Thursday: 7:00am until 2:30am</strong> the following morning.</p> 3100 3101 3102 3103<p class="wp-block-paragraph">Bookings outside of these hours are possible by prior arrangement.</p> 3104 3105 3106 3107<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="768" src="https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-1024x768.jpg" alt="" class="wp-image-356" srcset="https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-1024x768.jpg 1024w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-300x225.jpg 300w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-768x576.jpg 768w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-1536x1152.jpg 1536w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-640x480.jpg 640w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-750x563.jpg 750w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-828x621.jpg 828w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-1080x810.jpg 1080w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-1200x900.jpg 1200w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-1440x1080.jpg 1440w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-180x135.jpg 180w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1-360x270.jpg 360w, https://yello.co.nz/wp-content/uploads/2023/06/Copy-of-lbt-on-lake-1.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> 3108 3109 </div> 3110 3111 </div> 3112 </div> 3113 3114</main> 3115 3116 3117<div class="grid items-center grid-cols-1 px-4 py-24 border-t justify-items-center md:justify-items-normal gap-x-8 md:grid-cols-12 lg:px-10 2xl:px-36 md:py-10 3xl:py-16 gap-y-14 border-slate-200"> 3118 3119 <p class="text-2xl md:col-span-3"> 3120 Member of: 3121 </p> 3122
3123 <div class="md:col-span-3 lg:col-span-3"> 3124 3125 <img 3126 src="https://yello.co.nz/wp-content/uploads/2023/05/bus-and-coach-1-1.png" 3127 srcset="https://yello.co.nz/wp-content/uploads/2023/05/bus-and-coach-1-1.png, https://yello.co.nz/wp-content/uploads/2023/05/bus-and-coach-1.png 2x" 3128 alt="" 3129 class="" 3130 loading="lazy" 3131 width="192" 3132 height="64" 3133 /> 3134 </div> 3135 3136 <div class="md:col-span-3 lg:col-span-3"> 3137 <img src="https://yello.co.nz/wp-content/uploads/2023/05/rental-vehicle-1.svg" alt="Rental Vehicle Association" width="180" height="36" loading="lazy"> </div> 3138 3139 <div class="md:col-span-3 lg:col-span-3"> 3140 <img src="https://yello.co.nz/wp-content/uploads/2023/05/lake-wanaka-logo-1.svg" alt="" width="180" height="31" loading="lazy"> </div> 3141 3142</div> 3143 3144<footer class="bg-yello"> 3145 3146 <div class="grid grid-cols-1 px-4 py-8 gap-x-8 md:grid-cols-12 lg:px-10 2xl:px-36 md:py-16"> 3147 3148 <div class="md:col-span-12 lg:col-span-3"> 3149 3150 <a href="https://yello.co.nz/" rel="home"> 3151 <img 3152 src="https://yello.co.nz/wp-content/themes/yello/assets/logo-1x.png" 3153 srcset=" 3154 https://yello.co.nz/wp-content/themes/yello/assets/logo-1x.png, 3155 https://yello.co.nz/wp-content/themes/yello/assets/logo-2x.png 2x 3156 " 3157 alt="Yello Taxis" 3158 width="139" 3159 height="50" 3160 /> 3161 </a> 3162 3163 <p class="font-light lg:mt-4 pr-[3vw]" style="text-wrap:balance;"> 3164 Our team is readily available to help with your transport needs. 3165 </p> 3166 3167 <a class="flex items-center mt-9 hover:underline" href="https://www.facebook.com/yellowanaka/" target="_blank"> 3168 3169 <svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 3170 <path d="M18.75 0.5H2.25C1.65326 0.5 1.08097 0.737053 0.65901 1.15901C0.237053 1.58097 0 2.15326 0 2.75L0 19.25C0 19.8467 0.237053 20.419 0.65901 20.841C1.08097 21.2629 1.65326 21.5 2.25 21.5H8.68359V14.3605H5.73047V11H8.68359V8.43875C8.68359 5.52547 10.418 3.91625 13.0744 3.91625C14.3466 3.91625 15.6769 4.14313 15.6769 4.14313V7.0025H14.2111C12.7669 7.0025 12.3164 7.89875 12.3164 8.81797V11H15.5405L15.0248 14.3605H12.3164V21.5H18.75C19.3467 21.5 19.919 21.2629 20.341 20.841C20.7629 20.419 21 19.8467 21 19.25V2.75C21 2.15326 20.7629 1.58097 20.341 1.15901C19.919 0.737053 19.3467 0.5 18.75 0.5Z" fill="black"/> 3171 </svg> 3172 3173 <span class="ml-2 text-sm">Follow us on Facebook</span> 3174 3175 </a> 3176 3177 </div> 3178 3179 <div class="md:col-span-4 lg:col-span-3 mt-9 lg:mt-0"> 3180 3181 <h2 class="h-8 mb-3 text-base font-semibold leading-8 tracking-widest"> 3182 SERVICES 3183 </h2> 3184 3185 <ul class="footer-menu"><li id="menu-item-51" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-12 current_page_item menu-item-51"><a href="https://yello.co.nz/taxi/" aria-current="page">WÄnaka Taxi</a></li> 3186<li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="https://yello.co.nz/transfers/">Private Transfers</a></li> 3187<li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="https://yello.co.nz/wanaka-airport-transfers/">WÄnaka Airport Transfers</a></li> 3188<li id="menu-item-1614" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1614"><a href="https://yello.co.nz/rhythm-alps/">Rhythm & Alps Transport</a></li> 3189<li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47"><a href="https://yello.co.nz/event-transport/">Event Transport</a></li> 3190<li id="menu-item-1631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1631"><a href="https://yello.co.nz/private-tours/">Private Tours</a></li> 3191</ul> 3192 </div> 3193 3194 <div class="md:col-span-4 lg:col-span-3 md:mt-9 md:pt-[44px] lg:mt-0"> 3195 3196 <ul class="footer-menu"><li id="menu-item-1618" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1618"><a href="https://yello.co.nz/?page_id=381">Online Taxi Bookings</a></li> 3197<li id="menu-item-1621" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1621"><a href="https://yello.co.nz/ski-field-transport/">Ski Field Transport</a></li> 3198<li id="menu-item-56" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-56"><a href="https://yello.co.nz/wedding-transport/">Wedding Transport</a></li> 3199<li id="menu-item-54" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-54"><a href="https://yello.co.nz/tramping-shuttle-transport/">Tramping Transport</a></li>
3200<li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52"><a href="https://yello.co.nz/commercial-rentals/">Commercial Rentals</a></li> 3201<li id="menu-item-1976" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1976"><a href="https://yello.co.nz/taxi-queenstown-to-wanaka/">Taxi & Private Transfers: Queenstown to Wanaka</a></li> 3202</ul> 3203 </div> 3204 3205 <div class="md:col-span-4 lg:col-span-3 mt-9 lg:mt-0"> 3206 3207 <h2 class="h-8 mb-3 text-base font-semibold leading-8 tracking-widest"> 3208 CONTACT 3209 </h2> 3210 3211 <p class="py-2 leading-8 md:py-0"> 3212 <a href="tel:0800 443 5555" class="hover:underline"> 3213 0800 443 5555 3214 </a> 3215 </p> 3216 3217 <p class="py-2 leading-8 md:py-0"> 3218 <a href="tel:+64 3 443 5555" class="hover:underline"> 3219 +64 3 443 5555 3220 </a> 3221 </p> 3222 3223 <p class="py-2 leading-8 md:py-0"> 3224 <a href="/cdn-cgi/l/email-protection#0a63646c654a736f666665246965246470" class="hover:underline"> 3225 <span class="__cf_email__" data-cfemail="98f1f6fef7d8e1fdf4f4f7b6fbf7b6f6e2">[email protected]</span> 3226 </a> 3227 </p> 3228 3229 <p class="py-2 leading-8 md:py-0"> 3230 Wanaka, New Zealand, 9305 3231 </p> 3232 3233 </div> 3234 3235 </div> 3236 3237 <div class="flex px-4 pt-8 pb-6 md:justify-center"> 3238 3239 <p class="flex flex-col-reverse text-base leading-8 md:text-sm md:leading-5 md:text-blk md:block"> 3240 <span class="block pt-4 text-sm text-blk md:inline md:pt-0 md:text-sm">© Copyright 2026 Wanaka Transport Group</span> 3241 <span class="hidden px-3 md:inline">|</span> 3242 <span class="block py-2 md:inline md:py-0"> 3243 <a href="https://www.mediacentral.co.nz/" rel="noopener" target="_blank" class="hover:underline">Website by Media Central</a> 3244 </span> 3245 <span class="hidden px-3 md:inline">|</span> 3246 <span class="block py-2 md:inline md:py-0"> 3247 <a href="https://yello.co.nz/terms-and-conditions/" class="hover:underline">Terms and Conditions</a> 3248 </span> 3249 </p> 3250 3251 </div> 3252 3253</footer> 3254 3255<div id="menu-modal" aria-hidden="true"> 3256 <div 3257 aria-label="menu" 3258 aria-modal="true" 3259 class="h-screen p-5 overflow-auto bg-yello modal-overlay" 3260 role="dialog" 3261 tabindex="-1" 3262 > 3263 3264 <div class="flex items-center justify-between"> 3265 3266 <a href="https://yello.co.nz/" rel="home"> 3267 <img 3268 src="https://yello.co.nz/wp-content/themes/yello/assets/logo-1x.png" 3269 srcset=" 3270 https://yello.co.nz/wp-content/themes/yello/assets/logo-1x.png, 3271 https://yello.co.nz/wp-content/themes/yello/assets/logo-2x.png 2x 3272 " 3273 alt="Yello Taxis" 3274 width="139" 3275 height="50" 3276 /> 3277 </a> 3278 3279 <button aria-label="Close modal" data-micromodal-close class="cursor-pointer"> 3280 <svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="M249-193.434 193.434-249l231-231-231-231L249-766.566l231 231 231-231L766.566-711l-231 231 231 231L711-193.434l-231-231-231 231Z" class="pointer-events-none"/></svg> 3281 </button> 3282 3283 </div> 3284 3285 <div id="menu-modal-content"> 3286 <ul class="mobile-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1947"><a href="https://yello.co.nz/">Home</a></li> 3287<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-123"><a href="/taxi-or-cabs/">Services</a> 3288<ul class="sub-menu"> 3289 <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-12 current_page_item menu-item-26"><a href="https://yello.co.nz/taxi/" aria-current="page">WÄnaka Taxi</a></li> 3290 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-132"><a href="https://yello.co.nz/transfers/">Private Transfers</a></li> 3291 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a href="https://yello.co.nz/wanaka-airport-transfers/">WÄnaka Airport Transfers</a></li> 3292 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1628"><a href="https://yello.co.nz/rhythm-alps/">Rhythm & Alps Transport</a></li> 3293 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="https://yello.co.nz/event-transport/">Event Transport</a></li> 3294 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-127"><a href="https://yello.co.nz/private-tours/">Private Tours</a></li> 3295 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-131"><a href="https://yello.co.nz/ski-field-transport/">Ski Field Transport</a></li> 3296 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128"><a href="https://yello.co.nz/wedding-transport/">Wedding Transport</a></li> 3297 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-126"><a href="https://yello.co.nz/tramping-shuttle-transport/">Tramping Transport</a></li> 3298 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="https://yello.co.nz/commercial-rentals/">Commercial Rentals</a></li> 3299</ul> 3300</li> 3301<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"><a href="https://yello.co.nz/about/">About</a></li> 3302<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1290"><a href="https://yello.co.nz/news/">News</a></li> 3303<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"><a href="https://yello.co.nz/faq/">FAQs</a></li> 3304<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"><a href="https://yello.co.nz/job-opportunities/">Job Opportunities</a></li> 3305<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="https://yello.co.nz/contact/">Contact</a></li> 3306</ul> </div> 3307 3308 </div> 3309</div>
vendor: 110 bytes, lines 3309-3311
3309 3310 3311<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3311<script> 3312MicroModal.init({ 3313 disableScroll: true, 3314 awaitCloseAnimation: true, 3315 onShow: modal => { 3316 document.getElementById("hamburger").setAttribute('aria-expanded', true); 3317 }, 3318 onClose: modal => { 3319 document.getElementById("hamburger").setAttribute('aria-expanded', false); 3320 } 3321}); 3322</script>
3322 3323
3324<script> 3325 // Private Transfer Tracking 3326 // Find all the "Continue" buttons within the transfer booking blocks. 3327 var continueButtons = document.querySelectorAll("div.transfer-booking input[type=submit]"); 3328 3329 // Add a click event listener to each "Continue" button. 3330 for (var i = 0; i < continueButtons.length; i++) { 3331 continueButtons[i].onclick = function (event) { 3332 // Find the parent "transfer-booking" div of the clicked button. 3333 var parentBlock = this.closest('.transfer-booking'); 3334 3335 // Find the pickup and dropoff select elements within that specific block. 3336 var pickupLocation = parentBlock.querySelector("#pickup-location").value; 3337 var dropoffLocation = parentBlock.querySelector("#dropoff-location").value; 3338 3339 // Log the locations to the console for testing. 3340 console.log("Continue button clicked!"); 3341 console.log("Pickup Location: " + pickupLocation); 3342 console.log("Dropoff Location: " + dropoffLocation); 3343 3344 // Send the event to Google Analytics with the pickup and dropoff locations. 3345 gtag("event", "rtbs_transfer", { 3346 "pickup_location": pickupLocation, 3347 "dropoff_location": dropoffLocation 3348 }); 3349 } 3350 } 3351</script>
3351 3352
3353<script> 3354 // Event Transport Tracking 3355 // Find all the <a> links within the 'yello-event-transport' blocks. 3356 var eventTransportLinks = document.querySelectorAll(".yello-event-transport a"); 3357 3358 // Add a click event listener to each of these links. 3359 for (var i = 0; i < eventTransportLinks.length; i++) { 3360 eventTransportLinks[i].onclick = function (event) { 3361 // Get the text content (the label) of the clicked link and trim any whitespace. 3362 var buttonLabel = this.textContent.trim(); 3363 3364 // Log the event details to the console for testing. 3365 console.log("Event transport link clicked!"); 3366 console.log("Button Label: " + buttonLabel); 3367 3368 // Send the custom event to Google Analytics. 3369 gtag("event", "event_transport", { 3370 "event_name": buttonLabel 3371 }); 3372 } 3373 } 3374</script>
3374 3375
3376<script type="speculationrules"> 3377{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/yello/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3378</script>
3378 3379
3379<script> 3380 var mailLinks = document.querySelectorAll("a[href^=mailto]"); 3381 var phoneLinks = document.querySelectorAll("a[href^=tel]"); 3382 3383 for(var i = 0; i < mailLinks.length; i++) { 3384 mailLinks[i].onclick = function (event) { 3385 gtag("event", "mail_click"); 3386 } 3387 } 3388 3389 for(var i = 0; i < phoneLinks.length; i++) { 3390 phoneLinks[i].onclick = function (event) { 3391 gtag("event", "phone_click"); 3392 } 3393 } 3394 </script>
3394 3395
3396<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"efd7d4cd7dd14f628fff36537fbb2e75","r":1,"spa":2}' crossorigin="anonymous"></script>
3396 3397</body> 3398</html> 3399<!-- 3400Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin 3401 3402Page Caching using Disk: Enhanced 3403 3404Served from: yello.co.nz @ 2026-07-04 01:06:25 by W3 Total Cache 3405-->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.