PageSourceSearch

https://evergreentrails.com/contact-us

html evergreentrails.com collected 2026-09-29 17:39:30 UTC 119,476 bytes, 4,472 lines download raw bytes

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1" />
6    <meta name="author" content="White Pine Digital" />
7    <link rel="icon" href="https://evergreentrails.com/favicon.png" />
vendor: 80 bytes, lines 7-10
7
8    <script
9      async
10      src="https://www.googletagmanager.com/gtag/js?id=
10G-61V4BDNHHB
vendor: 19 bytes, lines 10-12
10"
11    ></script>
12  
12<script>
13    
vendor: 154 bytes, lines 13-20
13window.dataLayer = window.dataLayer || [];
14
15    function gtag() {
16      dataLayer.push(arguments);
17    }
18
19    gtag("js", new Date());
20    gtag("config", "
20G-61V4BDNHHB
vendor: 16 bytes, lines 20-23
20");
21    
22    
23  
23</script>
23 
24    
25      
25<script>
vendor: 501 bytes, lines 25-37
25(function(w, d, s, l, i) {
26          w[l] = w[l] || [];
27          w[l].push({
28            "gtm.start":
29              new Date().getTime(), event: "gtm.js"
30          });
31          var f = d.getElementsByTagName(s)[0],
32            j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : "";
33          j.async = true;
34          j.src =
35            "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
36          f.parentNode.insertBefore(j, f);
37        })(window, document, "script", "dataLayer", '
37GTM-P8D7XXHH
vendor: 10 bytes, lines 37-38
37');
38      
38</script>
vendor: 86 bytes, lines 38-41
38
39    
40    <script
41      src="https://www.recaptcha.net/recaptcha/enterprise.js?render=
416LeEUsoeAAAAAF98Qg0oUAvHDwVJWDXvaJnI7MKy
vendor: 164 bytes, lines 41-66
41"
42      async
43      defer
44    ></script>
45    
46    
47    
48    
49      
50        
51      
52    
53    
54      
55    
56    
57    
58      
59    
60    
61    
62    
63      
64    
65    
66    
66<title>Contact Us | Evergreen Trails Campground</title>
67    <meta name="description" content="At Evergreen Trails Campground, we’re here to help you plan your perfect getaway in the heart of nature. Whether you have questions about our rustic cabins, RV and tent sites, or simply want to learn more about the beautiful surroundings, our friendly team is ready to assist you. Your experience matters to us, so don’t hesitate to reach out. Let’s get you back to nature together." />
68    <meta property="og:title" content="Contact Us | Evergreen Trails Campground" />
69    <meta property="og:description" content="At Evergreen Trails Campground, we’re here to help you plan your perfect getaway in the heart of nature. Whether you have questions about our rustic cabins, RV and tent sites, or simply want to learn more about the beautiful surroundings, our friendly team is ready to assist you. Your experience matters to us, so don’t hesitate to reach out. Let’s get you back to nature together." />
70    <meta property="og:image" content="https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31-xxLarge.webp" />
71    
72    <link
73      rel="stylesheet"
74      href="https://evergreentrails.com/assets/output.css"
75    />
76    
77  
78  
79  
80  
81  
82  
83  
84  
85  
86  
87  
88  
89  
90  
91  
92  
93  
94  
95  
96  
97  
98  
99  
100  
101  
102  
103  
104  
105  
106  
107  
108  
109  
110  
111  
112  
113  
114  
115  
116  
117  
118  <style>
119      @import url('https://fonts.googleapis.com/css2?family=Kaushan%20Script:wght@400');
120      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400');
121
122      :root {
123          --global-font-size: 16px;
124
125          --title-font: Kaushan Script, serif;
126          --standard-font: Inter, sans-serif;
127
128          --primary-color-h: 41deg;
129          --primary-color-s: 60%;
130          --primary-color-l: 16%;
131          --primary-color: hsl(var(--primary-color-h) var(--primary-color-s) var(--primary-color-l));
132          --primary-color-transparent: hsl(var(--primary-color-h) var(--primary-color-s) var(--primary-color-l) / 25%);
133
134          --light-color-h: 0deg;
135          --light-color-s: 0%;
136          --light-color-l: 100%;
137          --light-color: hsl(var(--light-color-h) var(--light-color-s) var(--light-color-l));
138          --light-color-light: hsl(var(--light-color-h) var(--light-color-s) 99%);
139          --light-color-saturated: hsl(var(--light-color-h) 70% 27%);
140
141          --emphasis-color-h: 89deg;
142          --emphasis-color-s: 32%;
143          --emphasis-color-l: 37%;
144          --emphasis-color: hsl(var(--emphasis-color-h) var(--emphasis-color-s) var(--emphasis-color-l));
145          --emphasis-color-light: hsl(var(--emphasis-color-h) var(--emphasis-color-s) 60%);
146
147          --error-color: #CE1141;
148
149          --page-margin: 2rem;
150          --page-max-width: 107rem;
151          --default-width: calc(100vw - (var(--page-margin) * 2));
152          --page-content-bottom-margin: 3rem;
153          --default-text-shadow: 1px 1px var(--primary-color), 2px 2px var(--primary-color);
154
155          --nav-menu-height: 6rem;
156          --ease-transition: all .17s ease-in-out;
157          --ease-transition-slow: all .3s ease-in-out;
158          --top-z: 6;
159          --max-lines: 3;
160
161           
162          --unit-res-sticky-height: 11rem;
163
164          --primary-shade-50: #fcf5e5;
165          --primary-shade-100: #f0e2c2;
166          --primary-shade-200: #e5ce9c;
167          --primary-shade-300: #dbbb74;
168          --primary-shade-400: #d1a74d;
169          --primary-shade-500: #b78d34;
170          --primary-shade-600: #8e6e28;
171          --primary-shade-700: #654f1c;
172          --primary-shade-800: #3d2f0f;
173          --primary-shade-900: #161000;
174
175          --emphasis-shade-50: #eff8e6;
176          --emphasis-shade-100: #d8e6c9;
177          --emphasis-shade-200: #c0d4aa;
178          --emphasis-shade-300: #a7c389;
179          --emphasis-shade-400: #8eb168;
180          --emphasis-shade-500: #75984f;
181          --emphasis-shade-600: #5a763c;
182          --emphasis-shade-700: #40542a;
183          --emphasis-shade-800: #263317;
184          --emphasis-shade-900: #091200;
185      }
186
187      body {
188          margin: 0;
189          font-family: var(--standard-font);
190          font-size: 1.1rem;
191          letter-spacing: 0.01rem;
192          color: var(--primary-shade-800);
193          background-color: var(--light-color);
194      }
195
196      a, .enforce-a a {
197          text-decoration: underline;
198          font-weight: 400;
199          text-decoration-thickness: 0.125rem;
200          color: var(--emphasis-shade-800);
201          transition: var(--ease-transition);
202      }
203
204      a:hover {
205          color: var(--primary-shade-800);
206          transition: var(--ease-transition);
207      }
208
209      :focus {
210          border-color: var(--primary-shade-500) !important;
211      }
212
213      h1, h2, h3, h4 {
214          font-family: var(--title-font);
215      }
216
217      .pine-button {
218          padding: 0.5rem 1rem;
219          border: none;
220          background-color: var(--emphasis-color) !important;
221          color: var(--primary-color);
222          font-family: var(--title-font);
223          letter-spacing: 0.03rem;
224          border-radius: 0.3rem;
225          cursor: pointer;
226          transition: var(--ease-transition);
227      }
228
229      .pine-button:hover {
230          background-color: var(--emphasis-shade-300) !important;
231          transition: var(--ease-transition);
232      }
233
234      .title-1 {
235          font-family: var(--title-font);
236          letter-spacing: 0.05rem;
237          font-size: 3rem;
238      }
239
240      .font-title {
241          font-family: var(--title-font);
242      }
243
244      .title-2 {
245          font-family: var(--title-font);
246          color: var(--primary-color);
247          font-size: 2.25rem;
248          letter-spacing: 0.03rem;
249      }
250
251      .title-3 {
252          font-family: var(--title-font);
253          color: var(--primary-color);
254          font-size: 1.7rem;
255          letter-spacing: 0.01rem;
256      }
257
258      .title-4 {
259          color: var(--primary-color);
260          font-size: 1.1rem;
261          opacity: 0.9;
262      }
263
264      .image {
265          display: block;
266      }
267
268      .aspect-full-image {
269          position: absolute;
270          object-fit: cover;
271          left: 0;
272          top: 0;
273          height: 100%;
274          width: 100%;
275      }
276
277      .grecaptcha-badge {
278          visibility: hidden;
279      }
280
281      .default-link-button {
282          text-decoration: none;
283          font-family: var(--title-font);
284          background: var(--emphasis-color);
285          color: var(--light-color-light);
286          padding: 1rem 2.9rem;
287          font-size: 1.5rem;
288          letter-spacing: 0.07rem;
289          border-radius: 0.5rem;
290          transition: var(--ease-transition);
291          border: 0.2rem solid var(--emphasis-color);
292      }
293
294      .default-link-button:hover {
295          background: var(--light-color);
296          color: var(--emphasis-color);
297      }
298
299      .generic-page-container {
300          max-width: 80rem;
301          margin: 6rem auto;
302      }
303
304      .generic-page-container.mod-slim {
305          max-width: 60rem;
306      }
307
308       
309       
310       
311
312      .description {
313          margin: 0.5rem 0 1rem;
314      }
315
316      .read-more {
317          margin-top: 0.5rem;
318          margin-left: -0.4rem;
319          font-weight: 500;
320          font-size: 0.95rem;
321          color: var(--primary-color);
322          display: flex;
323          align-items: center;
324          cursor: pointer;
325          width: fit-content;
326          border: solid 0.01rem transparent;
327          border-radius: 0.2rem;
328          padding: 0.15rem 0.1rem 0.15rem 0.4rem;
329          transition: var(--ease-transition);
330          user-select: none;
331      }
332
333      .read-more:hover {
334          border-color: var(--primary-color);
335          background: var(--emphasis-color);
336          transition: var(--ease-transition);
337      }
338
339      .read-more-icon {
340          height: 1.3rem;
341          width: 1.3rem;
342          fill: var(--primary-color);
343          margin-left: 0.2rem;
344      }
345
346      .read-more-icon.mod-collapse {
347          display: none;
348      }
349
350      .max-lines {
351          overflow: hidden;
352          text-overflow: ellipsis;
353          display: -webkit-box;
354          -webkit-line-clamp: var(--max-lines);
355          line-clamp: var(--max-lines);
356          -webkit-box-orient: vertical;
357      }
358
359      .max-lines div {
360          display: inline;
361      }
362
363      .max-lines.expanded {
364          overflow: visible;
365          text-overflow: inherit;
366          display: inherit;
367          -webkit-line-clamp: unset;
368          line-clamp: unset;
369          -webkit-box-orient: unset;
370      }
371
372       
373       
374       
375
376       
377       
378       
379
380      .page {
381          margin-top: var(--nav-menu-height);
382      }
383
384      .page-content {
385          width: var(--default-width);
386          margin: 0 auto calc(var(--page-content-bottom-margin) + 1%);
387          max-width: var(--page-max-width);
388      }
389
390      .data-item-title {
391          --data-item-title-margin-top: calc(0.8rem + 1%);
392          margin: var(--data-item-title-margin-top) 0 0.5rem;
393          letter-spacing: 0.05rem;
394          font-weight: bold;
395      }
396
397       
398       
399       
400
401       
402       
403       
404      .simple-grid-container {
405          --simple-grid-item-width: calc(35%);
406
407          display: flex;
408          flex-wrap: wrap;
409          justify-content: space-evenly;
410          max-width: 85rem;
411          margin: 0 auto;
412      }
413
414      .simple-grid-item {
415          margin: 0 2% 5%;
416          max-width: 37rem;
417          background: var(--light-color-light);
418          box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px;
419          padding: 1rem;
420          min-height: 0;
421          height: 100%;
422      }
423
424      .simple-grid-item .description {
425          margin-bottom: 0.25rem;
426      }
427
428      .simple-grid-item .image {
429          width: 100%;
430          aspect-ratio: 1/1;
431          object-fit: cover;
432          border-radius: 0.1rem;
433          box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
434      }
435
436      .simple-grid-item:nth-of-type(6n+1) {
437          width: calc(var(--simple-grid-item-width) + 1%);
438          margin-left: 0;
439      }
440
441      .simple-grid-item:nth-of-type(6n+2) {
442          width: calc(var(--simple-grid-item-width) - 1%);
443          margin-right: 2%;
444      }
445
446      .simple-grid-item:nth-of-type(6n+3) {
447          width: calc(var(--simple-grid-item-width) - 1%);
448          margin-top: 3%;
449      }
450
451      .simple-grid-item:nth-of-type(6n+4) {
452          width: calc(var(--simple-grid-item-width) + 1%);
453          margin-right: 1%;
454      }
455
456      .simple-grid-item:nth-of-type(6n+5) {
457          width: calc(var(--simple-grid-item-width) + 1%);
458          margin-top: 3%;
459          margin-left: 1%;
460      }
461
462      .simple-grid-item:nth-of-type(6n+6) {
463          width: calc(var(--simple-grid-item-width) - 1%);
464          margin-right: 0;
465          margin-left: 2%;
466          margin-top: 2%;
467      }
468
469      .simple-grid-item:nth-of-type(6n+8) {
470          margin-top: -3%;
471          margin-right: -2%;
472          width: calc(var(--simple-grid-item-width) - 1%);
473      }
474
475      .simple-grid-item:nth-of-type(6n+7) {
476          margin-top: 3%;
477          margin-left: -2%;
478          width: calc(var(--simple-grid-item-width) - 1%);
479      }
480
481       
482       
483       
484
485       
486       
487       
488      .detail-list-container {
489          width: 85%;
490          margin: auto;
491          display: flex;
492          flex-direction: column;
493          align-items: flex-start;
494      }
495
496      .detail-list {
497          display: flex;
498          gap: 6%;
499          margin: calc(1rem + 2%) 0;
500          width: 78%;
501          max-width: 80rem;
502          align-items: center;
503          justify-content: space-evenly;
504          background: var(--light-color-light);
505          padding: 2rem;
506          box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px;
507      }
508
509      .detail-list:first-of-type {
510          margin-top: 0;
511      }
512
513      .detail-list:nth-of-type(2n+2) {
514          flex-direction: row-reverse;
515          align-self: flex-end;
516      }
517
518      .detail-list:nth-of-type(4n+1) {
519          margin-left: -2%;
520          margin-right: 2%;
521      }
522
523      .detail-list:nth-of-type(4n+2) {
524          margin-left: 1%;
525          margin-right: -1%;
526      }
527
528      .detail-list:nth-of-type(4n+3) {
529          margin-left: -1%;
530          margin-right: 1%;
531      }
532
533      .detail-list:nth-of-type(4n+4) {
534          margin-left: 2%;
535          margin-right: -2%;
536      }
537
538      .detail-list-image-container {
539          width: 43%;
540          align-self: center;
541          flex-shrink: 0;
542          aspect-ratio: 1/1;
543          box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0 1px 3px -1px;
544      }
545
546      .detail-list-image-container .image-gallery-slide.swiper-slide {
547          aspect-ratio: 1/1;
548      }
549
550      .detail-list-image-container .image {
551          width: 100%;
552          height: 100%;
553          object-fit: cover;
554      }
555
556      .detail-list-content-container {
557          width: 49%;
558      }
559
560      .detail-list-content-container .description {
561          margin: 1rem 0 2rem;
562      }
563
564       
565       
566       
567
568       
569       
570       
571
572      .expand-item-description {
573          max-height: 0;
574          opacity: 0;
575          overflow: hidden;
576          transition: all .3s ease-in-out;
577          padding-right: 0.5rem;
578          box-sizing: border-box;
579      }
580
581      .expand-item-description.expanded {
582          max-height: 17rem;
583          padding: 0 1rem 1.15rem 0.6rem;
584          opacity: 1;
585          overflow: auto;
586      }
587
588      .expand-item-icon {
589          height: 1.5rem;
590          width: 1.4rem;
591          margin-left: 1rem;
592          flex-shrink: 0;
593          fill: var(--primary-color);
594      }
595
596      .expand-item-title {
597          display: flex;
598          justify-content: space-between;
599          align-items: center;
600          cursor: pointer;
601          padding: 1.15rem 1rem 1.15rem 0.6rem;
602          user-select: none;
603      }
604
605      .expand-item {
606          border-top: solid 0.05rem var(--primary-color);
607          transition: var(--ease-transition);
608      }
609
610      .expand-item-title:hover .expand-item-icon {
611          fill: var(--emphasis-color);
612          transition: var(--ease-transition);
613      }
614
615      .expand-item-title:hover {
616          color: var(--emphasis-color);
617          transition: var(--ease-transition);
618      }
619
620      .expand-item:last-of-type {
621          border-bottom: solid 0.05rem var(--primary-color);
622      }
623
624       
625       
626       
627
628       
629       
630       
631      .expanded-image-container {
632          position: fixed;
633          top: 0;
634          bottom: 0;
635          left: 0;
636          right: 0;
637          display: flex;
638          align-items: center;
639          justify-content: center;
640          z-index: 7;
641          animation: fadeIn 0.5s;
642      }
643
644      .expanded-image-overlay {
645          background: black;
646          height: 100vh;
647          width: 100vw;
648          position: absolute;
649          opacity: 0.5;
650      }
651
652      .expanded-image-wrapper {
653          max-width: 90rem;
654          width: 90vw;
655          display: flex;
656          align-items: center;
657          justify-content: center;
658          position: relative;
659      }
660
661      .expanded-image-content {
662          width: calc(100% - 9rem);
663      }
664
665      .expanded-image-content .image {
666          width: 100%;
667          max-height: 70vh;
668          object-fit: contain;
669          animation: fadeIn 0.7s;
670      }
671
672       
673       
674       
675
676       
677       
678       
679      .image-gallery-multi.swiper {
680          --swiper-navigation-size: 0;
681          --swiper-theme-color: var(--light-color);
682          --swiper-pagination-bullet-size: 0.45rem;
683          border-radius: 0.1rem;
684          height: 100%;
685      }
686
687      .image-gallery-multi {
688          box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px;
689      }
690
691      .image-gallery-slide .image {
692          box-shadow: none;
693      }
694
695      .image-gallery-multi .image-gallery-direction {
696          background: var(--light-color);
697          padding: 0.5rem;
698          border-radius: 50%;
699          height: 0.9rem;
700          width: 0.9rem;
701          opacity: 0.7;
702          margin-top: -0.7rem;
703          box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
704          transition: var(--ease-transition);
705          box-sizing: content-box;
706      }
707
708      .image-gallery-multi .image-gallery-direction.swiper-button-prev {
709          left: 0.35rem;
710      }
711
712      .image-gallery-multi .image-gallery-direction.swiper-button-next {
713          right: 0.35rem;
714      }
715
716      .image-gallery-multi:hover .image-gallery-direction {
717          opacity: 0.85;
718          transition: var(--ease-transition);
719      }
720
721      .image-gallery-multi:hover .image-gallery-direction:hover {
722          transform: scale(1.05);
723          opacity: 1;
724          background: var(--emphasis-color);
725          transition: var(--ease-transition);
726      }
727
728      .image-gallery-multi .image-gallery-direction:after {
729          font-size: 0;
730      }
731
732      .image-gallery-direction svg {
733          height: 100%;
734          width: 100%;
735          fill: var(--primary-color);
736      }
737
738      .image-gallery-progress {
739          display: none !important;
740      }
741
742      .image-gallery-progress.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
743          bottom: 0.5rem;
744      }
745
746       
747       
748       
749
750       
751       
752       
753
754      .apply-free-form-styles h1 {
755          font-size: 2.5rem;
756          font-weight: bold;
757          margin-bottom: 1.25rem;
758      }
759
760      .apply-free-form-styles h2 {
761          font-size: 2rem;
762          font-weight: bold;
763          margin-bottom: 1rem;
764      }
765
766      .apply-free-form-styles h3 {
767          font-size: 1.75rem;
768          font-weight: bold;
769          margin-bottom: 0.75rem;
770      }
771
772      .apply-free-form-styles h4 {
773          font-size: 1.5rem;
774          font-weight: bold;
775          margin-bottom: 0.625rem;
776      }
777
778      .apply-free-form-styles p {
779          font-size: 1rem;
780          margin-bottom: 1rem;
781      }
782
783      .apply-free-form-styles ol {
784          margin: 0 0 1rem 2.5rem;
785          padding: 0;
786      }
787
788      .apply-free-form-styles ol li {
789          font-size: 1rem;
790          margin-bottom: 0.5rem;
791      }
792
793      .apply-free-form-styles ul {
794          margin: 0 0 1rem 1.5rem;
795          padding: 0;
796          list-style-type: disc;
797      }
798
799      .apply-free-form-styles ul li {
800          font-size: 1rem;
801          margin-bottom: 0.5rem;
802      }
803
804      .apply-free-form-styles li {
805          line-height: 1.4;
806      }
807
808       
809       
810       
811
812
813       
814       
815       
816      .blog-feed-wrapper {
817          --blog-feed-max-width: 73rem;
818
819          padding-top: 5rem;
820          z-index: 1;
821          position: relative;
822      }
823
824      .blog-feed {
825          margin: 0 auto;
826          display: flex;
827          justify-content: space-between;
828          gap: 2rem;
829          overflow: auto;
830          max-width: var(--blog-feed-max-width);
831          padding: 0 1rem 2rem;
832      }
833
834      .blog-feed-title.title-2 {
835          font-size: 2.7rem;
836          text-shadow: 1px 1px var(--light-color);
837      }
838
839      .blog-feed-title-container {
840          display: flex;
841          justify-content: space-between;
842          align-items: flex-end;
843          margin: 0 auto 2.25rem;
844          width: var(--default-width);
845          max-width: var(--blog-feed-max-width);
846      }
847
848      .blog-card {
849          --max-lines: 3;
850
851          background: var(--light-color);
852          border-radius: 0.5rem;
853          overflow: hidden;
854          min-width: 22rem;
855          width: 33%;
856          max-width: 23rem;
857          cursor: pointer;
858          box-shadow: rgba(0, 0, 0, 0.06) 0 0.4rem 0.8rem;
859          transition: var(--ease-transition-slow);
860      }
861
862      .blog-card:hover {
863          box-shadow: rgb(0 0 0 / 22%) 0 1.2rem 1rem;;
864          transform: translate3d(0px, -1px, 0px);
865      }
866
867      .blog-card:hover .blog-card-title {
868          color: var(--emphasis-color);
869          transition: var(--ease-transition-slow);
870      }
871
872      .blog-card:hover .image {
873          filter: brightness(0.93);
874          transition: var(--ease-transition-slow);
875      }
876
877      .blog-card-image-container {
878          width: 100%;
879      }
880
881      .blog-card-image-container .image {
882          width: 100%;
883          aspect-ratio: 4/3;
884          object-fit: cover;
885          transition: var(--ease-transition-slow);
886      }
887
888      .blog-card-date {
889          font-size: 85%;
890      }
891
892      .blog-card-content {
893          padding: 1.25rem 1rem;
894      }
895
896      .blog-card-title {
897          font-family: var(--title-font);
898          font-size: 130%;
899          margin: 0.5rem 0;
900          transition: var(--ease-transition-slow);
901      }
902
903      .blog-feed-more.mod-mobile {
904          display: none;
905          margin: 0 var(--page-margin);
906          font-size: 1rem;
907      }
908
909      .blog-feed-more.mod-mobile a {
910          color: var(--primary-color);
911          border: var(--primary-color) solid 0.1rem;
912          background: var(--emphasis-color);
913          border-radius: 0.3rem;
914          padding: 0.1rem 0.5rem 0.1rem 0.9rem;
915      }
916
917      .blog-feed-more.mod-mobile a:hover {
918          background: var(--primary-color);
919      }
920
921      .blog-feed-more.mod-mobile .blog-feed-more-icon {
922          width: 1rem;
923          height: 1rem;
924          fill: var(--primary-color);
925      }
926
927      .blog-feed-more a {
928          font-family: var(--title-font);
929          text-decoration: none;
930          float: right;
931          color: var(--primary-color);
932          display: flex;
933          align-items: center;
934          transition: var(--ease-transition);
935      }
936
937      .blog-feed-more a:hover {
938          color: var(--emphasis-color);
939          transition: var(--ease-transition);
940      }
941
942      .blog-feed-more-icon {
943          width: 1.1rem;
944          height: 1.1rem;
945          margin-left: 0.2rem;
946          fill: var(--primary-color);
947      }
948
949      .blog-feed-more a:hover .blog-feed-more-icon {
950          fill: var(--emphasis-color);
951          transition: var(--ease-transition);
952      }
953
954       
955       
956       
957
958       
959       
960       
961
962      .faq-feed-wrapper {
963          position: relative;
964          margin: 0 auto;
965          padding: 8rem 0 7rem;
966      }
967
968      
969
970      .faq-feed-content {
971          border-radius: 0.3rem;
972          padding-left: 1rem;
973          max-width: 40rem;
974      }
975
976      .faq-feed-container {
977          position: relative;
978          z-index: 1;
979          display: flex;
980          justify-content: space-between;
981          max-width: 60rem;
982          width: var(--default-width);
983          margin: 0 auto;
984          border-radius: 0.3rem;
985          padding: 1rem;
986          background: var(--light-color);
987          box-shadow: rgb(50 50 93 / 25%) 0 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px;
988      }
989
990      .faq-feed-title {
991          flex-shrink: 0;
992          padding: 1rem 1rem 5rem;
993          min-height: 0;
994          height: 100%;
995          position: sticky;
996          top: 6.5rem;
997          max-width: 22rem;
998      }
999
1000      .faq-feed-title.title-2 {
1001          font-size: 1.9rem;
1002      }
1003
1004      .faq-feed-content .expand-item {
1005          margin: 0 1rem;
1006          border-top: none;
1007          border-bottom: solid 0.075rem var(--primary-color-transparent);
1008      }
1009
1010      .faq-feed-content .expand-item:last-of-type {
1011          border-bottom: none;
1012      }
1013
1014      .faq-feed-content .expand-item-title {
1015          padding: 1.4rem 0;
1016          font-size: 1.2rem;
1017          font-weight: 600;
1018      }
1019
1020      .faq-feed-more a {
1021          text-decoration: none;
1022          font-size: 80%;
1023          font-weight: 500;
1024          color: var(--primary-color);
1025          padding: 0.35rem 1rem 0.1rem;
1026          float: right;
1027          transition: var(--ease-transition);
1028          display: flex;
1029          align-items: center;
1030      }
1031
1032      .faq-feed-more:hover a {
1033          color: var(--emphasis-color);
1034          transition: var(--ease-transition);
1035      }
1036
1037      .faq-feed-more {
1038          margin-top: -0.5rem;
1039      }
1040
1041      .faq-feed-more-icon {
1042          height: 0.7rem;
1043          width: 0.7rem;
1044          margin-left: 0.3rem;
1045          fill: var(--primary-color);
1046          transition: var(--ease-transition);
1047      }
1048
1049      .faq-feed-more:hover .faq-feed-more-icon {
1050          fill: var(--emphasis-color);
1051          transition: var(--ease-transition);
1052      }
1053
1054       
1055       
1056       
1057
1058       
1059       
1060       
1061
1062      .footer-nav-container {
1063          display: flex;
1064          width: var(--default-width);
1065          max-width: var(--page-max-width);
1066          margin: 0 auto;
1067          color: var(--light-color);
1068          font-size: 0.9rem;
1069          padding: 4rem 0 3rem;
1070          gap: 3%;
1071      }
1072
1073      .footer-nav-wrapper {
1074          margin-top: 4rem;
1075          position: relative;
1076          z-index: 1;
1077          background: linear-gradient(350deg, var(--primary-shade-800) 15%, var(--primary-color) 60%);
1078      }
1079
1080      .footer-nav-contact-item-title {
1081          font-family: var(--title-font);
1082          font-size: 1.2rem;
1083          letter-spacing: 0.03rem;
1084          margin-bottom: 0.2rem;
1085      }
1086
1087      .footer-nav-contact-item {
1088          margin-bottom: 1.5rem;
1089      }
1090
1091      .footer-nav-items {
1092          width: 100%;
1093      }
1094
1095      .footer-nav-group-container {
1096          display: flex;
1097          flex-wrap: wrap;
1098          gap: calc(1rem + 1%);
1099      }
1100
1101      .footer-nav-group {
1102          margin: 0 2% 2rem;
1103          display: inline-block;
1104          break-inside: avoid;
1105      }
1106
1107      .footer-nav-item-container {
1108          display: flex;
1109          flex-direction: column;
1110          border-left: solid 0.05rem var(--light-color);
1111          margin-left: 0.1rem;
1112          padding-left: 0.05rem;
1113      }
1114
1115      .footer-nav-group-title {
1116          font-family: var(--title-font);
1117          font-size: 1rem;
1118          letter-spacing: 0.03rem;
1119          margin-bottom: 0.5rem;
1120      }
1121
1122      a.footer-nav-group-title {
1123          text-decoration: none;
1124          color: inherit;
1125          transi
1125tion: var(--ease-transition);
1126      }
1127
1128      a.footer-nav-group-title:hover {
1129          color: var(--emphasis-color);
1130          transition: var(--ease-transition);
1131      }
1132
1133      .footer-nav-contact-item-content-item {
1134          margin-bottom: 0.25rem;
1135      }
1136
1137      .footer-nav-menu-item {
1138          color: var(--light-color);
1139          text-decoration: none;
1140          padding: 0.4rem 0.35rem;
1141          font-size: 0.85rem;
1142          transition: var(--ease-transition);
1143      }
1144
1145      .footer-nav-menu-item:hover {
1146          color: var(--emphasis-color);
1147          transition: var(--ease-transition);
1148      }
1149
1150      .footer-nav-media {
1151          width: 15%;
1152      }
1153
1154      .footer-nav-contact {
1155          width: 25%;
1156      }
1157
1158      .footer-nav-menu-item:first-of-type {
1159          padding-top: 0.1rem;
1160      }
1161
1162      .footer-nav-menu-item:last-of-type {
1163          padding-bottom: 0.1rem;
1164      }
1165
1166      .footer-nav-contact-item-content-item a {
1167          color: var(--light-color);
1168          text-decoration: none;
1169          transition: var(--ease-transition);
1170      }
1171
1172      .footer-nav-contact-item-content-item a:hover {
1173          color: var(--emphasis-color);
1174          transition: var(--ease-transition);
1175      }
1176
1177       
1178       
1179       
1180
1181       
1182       
1183       
1184
1185      .newsletter-signup-wrapper {
1186          margin-top: -14rem;
1187          padding-top: 10rem;
1188          padding-bottom: 2rem;
1189          background: var(--emphasis-shade-500);
1190          position: relative;
1191      }
1192
1193       
1194       
1195       
1196
1197       
1198       
1199       
1200
1201      .even-grid-container {
1202          display: flex;
1203          flex-wrap: wrap;
1204          justify-content: space-evenly;
1205          max-width: 85rem;
1206          margin: 0 auto;
1207      }
1208
1209      .even-grid-item {
1210          width: 35%;
1211          margin-bottom: 7%;
1212      }
1213
1214      .even-grid-item .image {
1215          width: 100%;
1216          aspect-ratio: 4/3;
1217          object-fit: cover;
1218      }
1219
1220      .deal-promo-container {
1221          margin: -0.5rem 0 1.5rem;
1222          font-weight: 400;
1223      }
1224
1225      .even-grid-item .expand-item {
1226          border-top: solid 0.05rem var(--primary-shade-500);
1227      }
1228
1229      .even-grid-item .expand-item:last-of-type {
1230          border-bottom: solid 0.05rem var(--primary-shade-500);
1231      }
1232
1233      .even-grid-item .expand-item-title.title-4 {
1234          font-size: 0.9rem;
1235          opacity: 0.75;
1236          letter-spacing: 0.03rem;
1237          padding: 0.95rem 0.1rem;
1238      }
1239
1240      .deal-promo-container span {
1241          font-weight: 700;
1242      }
1243
1244      .even-grid-item.mod-featured {
1245          order: -1;
1246          width: 90%;
1247          display: flex;
1248          padding: 1rem;
1249          justify-content: space-between;
1250          align-items: center;
1251          margin-left: -5%;
1252          margin-bottom: 5%;
1253      }
1254
1255      .even-grid-item.mod-featured.mod-even {
1256          flex-direction: row-reverse;
1257          margin-left: 5%;
1258      }
1259
1260      .even-grid-item.mod-featured .even-grid-image-container {
1261          width: 42%;
1262          background: var(--emphasis-color);
1263          padding: 1rem;
1264          position: relative;
1265          flex-shrink: 0;
1266      }
1267
1268      .even-grid-item.mod-featured.mod-even .even-grid-image-container {
1269          background: var(--primary-color);
1270      }
1271
1272      .even-grid-item.mod-featured.mod-even .even-grid-featured-label {
1273          background: var(--primary-color);
1274      }
1275
1276      .even-grid-item.mod-featured .even-grid-content-container {
1277          width: 50%;
1278          padding: 1rem;
1279      }
1280
1281      .even-grid-item.mod-featured .data-item-title {
1282          margin-top: 0;
1283      }
1284
1285      .even-grid-featured-label {
1286          position: absolute;
1287          background: var(--emphasis-color);
1288          font-family: var(--title-font);
1289          letter-spacing: 0.03rem;
1290          color: var(--light-color);
1291          font-size: 1.5rem;
1292          padding: 0.7rem;
1293          left: 0.3rem;
1294          top: 0.4rem;
1295          text-shadow: 1px 1px var(--primary-color);
1296      }
1297
1298      .even-grid-item.mod-featured:first-of-type {
1299      }
1300
1301       
1302       
1303       
1304
1305       
1306       
1307       
1308
1309      .free-form-container {
1310          max-width: 70rem;
1311          margin: 0 auto;
1312      }
1313
1314      .free-form-container img {
1315          max-width: 100%;
1316          height: auto;
1317          margin: auto;
1318      }
1319
1320      .custom-structured-container {
1321          display: flex;
1322          flex-direction: column;
1323          max-width: 70rem;
1324          margin: 0 auto;
1325      }
1326
1327      .custom-structured-item {
1328          display: flex;
1329          margin-bottom: 6rem;
1330          gap: 2rem;
1331          justify-content: flex-start;
1332          align-items: center;
1333      }
1334
1335      .custom-structured-image .image {
1336          width: 100%;
1337          border-radius: 0.2rem;
1338          aspect-ratio: 4/3;
1339          object-fit: cover;
1340      }
1341
1342      .custom-structured-image {
1343          width: 45%;
1344      }
1345
1346      .custom-structured-content {
1347          width: 40%;
1348      }
1349
1350      .custom-structured-item:nth-of-type(2n+2) {
1351          flex-direction: row-reverse;
1352      }
1353
1354      .custom-structured-content .data-item-title {
1355          margin-top: 0;
1356      }
1357
1358      .custom-structured-item:last-of-type {
1359          margin-bottom: 3rem;
1360      }
1361
1362       
1363       
1364       
1365
1366      .categories-container {
1367          --categories-border-color: var(--emphasis-shade-400);
1368          --categories-background: hsl(var(--accent-color-2-h) var(--accent-color-2-s) 70% / 10%);
1369          --categories-color: var(--emphasis-shade-800);
1370
1371          display: flex;
1372          justify-content: center;
1373          gap: 3%;
1374          margin: calc(3rem - 1.5%) 0 calc(4rem - 1.5%);
1375          flex-wrap: wrap;
1376      }
1377
1378      .categories-item {
1379          border-radius: 1.5rem;
1380          border: solid 0.1rem var(--categories-border-color);
1381          background: var(--categories-background);
1382          padding: 0.4rem 1.5rem;
1383          box-sizing: border-box;
1384          min-width: 3rem;
1385          text-align: center;
1386          font-size: 95%;
1387          color: var(--categories-color);
1388          cursor: pointer;
1389          transition: var(--ease-transition);
1390          flex-shrink: 0;
1391          margin: 1.5% 0;
1392      }
1393
1394      .categories-item.mod-selected, .categories-item:hover {
1395          filter: brightness(0.5);
1396      }
1397
1398      .ways-to-stay .categories-container {
1399          --categories-border-color: var(--emphasis-shade-400);
1400          --categories-background: hsl(var(--accent-color-h) var(--accent-color-s) 70% / 10%);
1401          --categories-color: var(--emphasis-shade-800);
1402      }
1403
1404      @keyframes fadeIn {
1405          from {
1406              opacity: 0;
1407          }
1408          to {
1409              opacity: 1;
1410          }
1411      }
1412
1413      .expanded-image-icon {
1414          height: 2rem;
1415          width: 2rem;
1416          fill: var(--primary-shade-800);
1417          background: var(--emphasis-color);
1418          box-sizing: content-box;
1419          padding: 0.2rem;
1420          border-radius: 50%;
1421          border: 0.2rem solid var(--primary-shade-800);
1422          cursor: pointer;
1423          transition: var(--ease-transition);
1424      }
1425
1426      .expanded-image-right {
1427          margin-left: 1rem;
1428      }
1429
1430      .expanded-image-left {
1431          margin-right: 1rem;
1432      }
1433
1434      .expanded-image-icon:hover {
1435          background: var(--primary-shade-800);
1436          fill: var(--emphasis-color);
1437          transition: var(--ease-transition);
1438      }
1439
1440      .expanded-image-close-icon {
1441          height: 2.5rem;
1442          width: 2.5rem;
1443          fill: var(--light-color);
1444          background: var(--primary-shade-800);
1445          position: fixed;
1446          border-radius: 50%;
1447          padding: 0.2rem;
1448          right: 2rem;
1449          top: 2rem;
1450          border: solid 0.2rem var(--light-color);
1451          cursor: pointer;
1452          transition: var(--ease-transition);
1453          filter: brightness(1.2);
1454      }
1455
1456      .expanded-image-close-icon:hover {
1457          transition: var(--ease-transition);
1458          fill: var(--emphasis-color);
1459          border-color: var(--emphasis-color);
1460      }
1461
1462      .blog-grid-container {
1463          display: flex;
1464          flex-wrap: wrap;
1465          gap: 2rem;
1466          max-width: 77rem;
1467          margin: auto;
1468          justify-content: center;
1469      }
1470
1471      @media (max-width: 1100px) {
1472          .detail-list-container {
1473              width: 90%;
1474          }
1475
1476          .detail-list-image-container {
1477              width: 47%;
1478          }
1479
1480          .footer-nav-items {
1481              width: unset;
1482          }
1483      }
1484
1485      @media (max-width: 895px) {
1486          :root {
1487              --nav-menu-height: 4rem;
1488          }
1489
1490          .page {
1491              margin-top: unset;
1492          }
1493
1494          .generic-page-container {
1495              max-width: 33rem;
1496              margin: 6rem auto 9rem;
1497          }
1498
1499          .expanded-image-wrapper {
1500              width: 95vw;
1501          }
1502
1503          .expanded-image-content {
1504              width: calc(100% - 7rem);
1505          }
1506
1507          .detail-list-container {
1508              width: 100%;
1509              flex-direction: unset;
1510              flex-wrap: wrap;
1511              justify-content: space-between;
1512          }
1513
1514          .detail-list {
1515              width: calc(47% - 2rem);
1516              max-width: 30rem;
1517              padding: 1.2rem 1rem 1.3rem;
1518              flex-direction: column;
1519              align-self: center;
1520              margin-left: unset !important;
1521              margin-right: unset !important;
1522          }
1523
1524          .detail-list:nth-of-type(2n+2) {
1525              flex-direction: column;
1526              align-self: center;
1527          }
1528
1529          .detail-list-image-container {
1530              width: 100%;
1531          }
1532
1533          .detail-list-content-container {
1534              width: 100%;
1535          }
1536
1537          .blog-feed-title.title-2 {
1538              font-size: 2.2rem;
1539          }
1540
1541          .faq-feed-content {
1542              padding-left: 0;
1543          }
1544
1545          .faq-feed-container {
1546              flex-direction: column;
1547              width: calc(var(--default-width) - 2rem);
1548              margin: 0 auto;
1549          }
1550
1551          .faq-feed-content .expand-item {
1552              padding: 1rem 0;
1553          }
1554
1555          .faq-feed-title {
1556              padding-bottom: 1rem;
1557              position: static;
1558          }
1559
1560          .faq-feed-title.title-2 {
1561              font-size: 1.7rem;
1562              padding-bottom: 0.5rem;
1563              max-width: 100%;
1564          }
1565
1566          .faq-feed-more {
1567              margin-top: 0;
1568          }
1569
1570          .faq-feed-content .expand-item {
1571              padding: unset;
1572          }
1573
1574          .even-grid-container {
1575              flex-direction: column;
1576              align-items: center;
1577              padding-top: 1.5rem;
1578          }
1579
1580          .even-grid-item {
1581              width: unset;
1582              margin-bottom: 4rem;
1583              max-width: 30rem;
1584          }
1585
1586          .custom-structured-item {
1587              flex-direction: column;
1588              max-width: 33rem;
1589              width: 100%;
1590              margin: 1rem auto 3rem;
1591          }
1592
1593          .custom-structured-image {
1594              width: 100%;
1595          }
1596
1597          .custom-structured-content {
1598              width: 100%;
1599          }
1600
1601          .custom-structured-item:nth-of-type(2n+2) {
1602              flex-direction: column;
1603          }
1604
1605          .even-grid-item.mod-featured {
1606              margin-left: 0;
1607              flex-direction: column;
1608          }
1609
1610          .even-grid-item.mod-featured.mod-even {
1611              flex-direction: column;
1612              margin-left: 0;
1613          }
1614
1615          .even-grid-item.mod-featured .even-grid-image-container {
1616              width: calc(100% + 1.5rem);
1617          }
1618
1619          .even-grid-item.mod-featured .even-grid-content-container {
1620              width: 100%;
1621              margin-top: 1rem;
1622          }
1623      }
1624
1625      @media (max-width: 800px) {
1626          :root {
1627              --page-margin: 1rem;
1628          }
1629
1630          body {
1631              font-size: 1rem;
1632          }
1633
1634          .title-1 {
1635              font-size: 1.2rem;
1636              letter-spacing: 0.07rem;
1637          }
1638
1639          .title-2 {
1640              font-size: 1.8rem;
1641          }
1642
1643          .title-3 {
1644              font-size: 1.3rem;
1645          }
1646
1647          .simple-grid-container {
1648              display: inherit;
1649              width: 100%;
1650          }
1651
1652          .simple-grid-container .simple-grid-item {
1653              width: calc(100% - 2rem);
1654              margin: 0 auto 3rem;
1655          }
1656
1657          .blog-feed-more {
1658              display: none;
1659          }
1660
1661          .blog-feed-more.mod-mobile {
1662              display: block;
1663          }
1664
1665          .faq-feed-more {
1666              margin-top: -0.2rem;
1667          }
1668
1669          .footer-nav-container {
1670              flex-direction: column;
1671          }
1672
1673          .footer-nav-group {
1674              margin-bottom: 2.5rem;
1675          }
1676
1677          .footer-nav-items {
1678              width: 100%;
1679          }
1680
1681          .footer-nav-contact {
1682              width: 100%;
1683              margin-bottom: 1.5rem;
1684          }
1685      }
1686
1687      @media (max-width: 750px) {
1688          .detail-list-container {
1689              flex-direction: column;
1690          }
1691
1692          .detail-list {
1693              width: calc(100% - 2rem);
1694          }
1695      }
1696  </style>
1697
1698    
1699  
1699<script>
1700      document.pineConfig = {
1701          cs: {
1702              apiURL: "",
1703              parkId: "",
1704              bookURL: "https://www.campspot.com/book/evergreen-trails-campground",
1705              goToCampsiteType: (campsiteTypeId) => {
1706                  window.location.href = "https://evergreentrails.com/ways-to-stay"+"/" + campsiteTypeId;
1707              }
1708          }
1709      };
1710  </script>
1710
1711  
1711<script>
1712      class HTMLService {
1713          constructor() {
1714          }
1715
1716          
1717
1718          div(config) {
1719              const ele = document.createElement("div");
1720
1721              if (config.id) {
1722                  ele.id = config.id;
1723              }
1724
1725              if (config.class) {
1726                  ele.classList.add(config.class);
1727              }
1728
1729              if (config.classes) {
1730                  ele.classList.add(...config.classes)
1731              }
1732
1733              if (config.content) {
1734                  ele.innerHTML = config.content;
1735              }
1736
1737              if (config.onClick) {
1738                  ele.onclick = config.onClick;
1739              }
1740
1741              if (config.onSwipe) {
1742                  const hammertime = new Hammer(ele);
1743                  hammertime.on("swipeleft", function (ev) {
1744                      config.onSwipe.left(ev);
1745                  });
1746                  hammertime.on("swiperight", function (ev) {
1747                      config.onSwipe.right(ev);
1748                  });
1749              }
1750
1751              if (config.data) {
1752                  const data = config.data;
1753                  for (const d in data) {
1754                      ele.setAttribute(`data-${d.toLowerCase()}`, data[d]);
1755                  }
1756              }
1757
1758              if (config.children) {
1759                  for (const child of config.children) {
1760                      ele.appendChild(child);
1761                  }
1762              }
1763
1764              return ele;
1765          }
1766
1767          
1768
1769          newFragment(content) {
1770              const fragment = document.createDocumentFragment();
1771              fragment.appendChild(content)
1772              return fragment;
1773          }
1774
1775          svg(config) {
1776              const ele = document.createElementNS("http://www.w3.org/2000/svg", "svg");
1777
1778              if (config.class) {
1779                  ele.classList.add(config.class);
1780              }
1781
1782              if (config.use) {
1783                  const use = document.createElementNS("http://www.w3.org/2000/svg", "use");
1784                  use.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", config.use);
1785                  ele.appendChild(use);
1786              }
1787
1788              return ele;
1789          }
1790      }
1791
1792
1793      class HTMLConfig {
1794          id;
1795          class;
1796          classes;
1797          content;
1798          children;
1799          src;
1800          onClick;
1801          onSwipe;
1802          data;
1803      }
1804
1805      window.htmlService = new HTMLService();
1806  </script>
1806
1807
1808  
1808<script>
1809      (function (w) {
1810          const wMain = {};
1811
1812          const apiUrl = "https://evergreentrails.com/cms-core/api/sites/b6da9584-a64a-47c5-9ff5-c0667f044385";
1813
1814          wMain.toggleExpand = (ele) => {
1815              const r = ele.closest(".app-expand-container");
1816
1817              collapseAnyExpanded(r);
1818
1819              toggleExpand(
1820                  [r],
1821                  "expanded",
1822                  "collapsed"
1823              );
1824
1825              toggleExpand(
1826                  r.querySelectorAll(".app-expand-target"),
1827                  "expanded",
1828                  "collapsed"
1829              );
1830
1831              wMain.toggleDisplay(r.querySelector(".app-item-open"));
1832              wMain.toggleDisplay(r.querySelector(".app-item-close"));
1833              wMain.toggleDisplay(ele.querySelector(".app-more-label"));
1834              wMain.toggleDisplay(ele.querySelector(".app-less-label"));
1835          };
1836
1837          function collapseAnyExpanded(current) {
1838              const eles = document.querySelectorAll(".app-expand-container");
1839              for (let ele of eles) {
1840                  if (ele.isEqualNode(current)) {
1841                      continue;
1842                  }
1843
1844                  if (ele.classList.contains("expanded")) {
1845                      wMain.toggleDisplay(ele.querySelector(".app-item-open"));
1846                      wMain.toggleDisplay(ele.querySelector(".app-item-close"));
1847                      wMain.toggleDisplay(ele.querySelector(".app-more-label"));
1848                      wMain.toggleDisplay(ele.querySelector(".app-less-label"));
1849                  }
1850
1851                  ele.classList.remove("expanded")
1852                  ele.classList.add("collapsed")
1853
1854                  const targets = ele.querySelectorAll(".app-expand-target");
1855                  targets.forEach((target) => {
1856                      if (target.classList.contains("expanded")) {
1857                          target.classList.remove("expanded")
1858                          target.classList.add("collapsed")
1859                      }
1860                  });
1861              }
1862
1863          }
1864
1865          wMain.toggleDisplay = (ele) => {
1866              if (!ele) {
1867                  return;
1868              }
1869
1870              if (ele.style.display === "none") {
1871                  ele.style.removeProperty("display");
1872              } else {
1873                  ele.style.display = "none";
1874              }
1875          };
1876
1877          const toggleExpand = (eles, expandClass, collapseClass) => {
1878              let removeClass = collapseClass;
1879              let addClass = expandClass;
1880              if (eles[0].classList.contains(expandClass)) {
1881                  removeClass = expandClass;
1882                  addClass = collapseClass;
1883              }
1884
1885              for (let i = 0; i < eles.length; i++) {
1886                  const cl = eles[i].classList;
1887                  cl.remove(removeClass);
1888                  cl.add(addClass);
1889              }
1890          };
1891
1892          wMain.nextExpandedImage = (ele, back) => {
1893              const container = ele.closest(".app-image-wrapper").querySelector(".expanded-image-content");
1894              const currIndex = Number(container.dataset["index"]);
1895              const allImages = document.querySelectorAll(".app-expandable-image");
1896              const totalImages = allImages.length;
1897
1898              let targetIndex = currIndex;
1899              if (back) {
1900                  targetIndex--;
1901              } else {
1902                  targetIndex++;
1903              }
1904
1905              if (targetIndex === totalImages) {
1906                  targetIndex = 0
1907              } else if (targetIndex < 0) {
1908                  targetIndex = totalImages - 1;
1909              }
1910
1911              const content = buildImageContent(allImages[targetIndex]);
1912              document.querySelector(".expanded-image-content").replaceWith(content);
1913          }
1914
1915          function buildImageContent(ele) {
1916              const orig = ele.querySelector(".image").closest("picture");
1917              const img = orig.cloneNode(true);
1918
1919              const sources = img.querySelectorAll("source");
1920              for (const source of sources) {
1921                  source.sizes = "80vw";
1922              }
1923
1924              return htmlService.div({
1925                  class: "expanded-image-content",
1926                  data: {
1927                      index: ele.dataset["index"]
1928                  },
1929                  onSwipe: {
1930                      left: (evt) => {
1931                          wMain.nextExpandedImage(evt.target);
1932                      },
1933                      right: (evt) => {
1934                          wMain.nextExpandedImage(evt.target, true);
1935                      }
1936                  },
1937                  children: [img]
1938              });
1939          }
1940
1941          wMain.showExpandedImage = (ele, replace) => {
1942              const content = htmlService.div({
1943                  class: "expanded-image-container",
1944                  children: [
1945                      htmlService.div({
1946                          class: "expanded-image-overlay",
1947                          onClick: () => {
1948                              wMain.closeExpandedImage();
1949                          },
1950                      }),
1951                      htmlService.div({
1952                          classes: ["expanded-image-wrapper", "app-image-wrapper"],
1953                          children: [
1954                              htmlService.div({
1955                                  class: "expanded-image-left",
1956                                  onClick: (evt) => {
1957                                      wMain.nextExpandedImage(evt.target, true);
1958                                  },
1959                                  children: [
1960                                      htmlService.svg({
1961                                          class: "expanded-image-icon",
1962                                          use: "#wwd-angle-left"
1963                                      })
1964                                  ]
1965                              }),
1966                              buildImageContent(ele),
1967                              htmlService.div({
1968                                  class: "expanded-image-right",
1969                                  onClick: (evt) => {
1970                                      wMain.nextExpandedImage(evt.target);
1971                                  },
1972                                  children: [
1973                                      htmlService.svg({
1974                                          class: "expanded-image-icon",
1975                                          use: "#wwd-angle-right"
1976                                      })
1977                                  ]
1978                              }),
1979                              htmlService.div({
1980                                  class: "expanded-image-close",
1981                                  onClick: () => {
1982                                      wMain.closeExpandedImage();
1983                                  },
1984                                  children: [
1985                                      htmlService.svg({
1986                                          class: "expanded-image-close-icon",
1987                                          use: "#wwd-close"
1988                                      })
1989                                  ]
1990                              }),
1991                          ]
1992                      }),
1993                  ]
1994              });
1995
1996              if (replace) {
1997                  document.querySelector(".expanded-image-container").replaceWith(content);
1998              } else {
1999                  document.body.append(htmlService.newFragment(content));
2000              }
2001          }
2002
2003          wMain.closeExpandedImage = () => {
2004              const eles = document.querySelectorAll(".expanded-image-container");
2005              for (const ele of eles) {
2006                  removeFadeOut(ele, 650)
2007              }
2008          }
2009
2010          function removeFadeOut(el, speed) {
2011              const seconds = speed / 1000;
2012              el.style.transition = "opacity " + seconds + "s ease";
2013
2014              el.style.opacity = "0";
2015              setTimeout(function () {
2016                  el.parentNode.removeChild(el);
2017              }, speed);
2018          }
2019
2020          wMain.handleReadMore = () => {
2021              for (let ele of document.querySelectorAll(".app-max-lines-container")) {
2022                  const target = ele.querySelector(".app-expand-target");
2023                  const isClamped = target.scrollHeight > target.clientHeight;
2024                  if (isClamped) {
2025                      ele.querySelector(".app-read-more").style.display = "flex";
2026                  }
2027              }
2028          }
2029
2030          wMain.goTo = (path) => {
2031              w.location.href = `${path}`
2032          }
2033
2034          wMain.openNewTab = (url) => {
2035              w.open(url, "_blank")
2036          }
2037
2038          wMain.sendAPIRequest = (method, path, data) => {
2039              const dataToSend = JSON.stringify(data);
2040              return fetch(apiUrl + path, {
2041                  credentials: "same-origin",
2042                  mode: "same-origin",
2043                  method: method,
2044                  headers: {"Content-Type": "application/json"},
2045                  body: dataToSend
2046              });
2047          }
2048
2049          w.wMain = wMain;
2050      })(window);
2051  </script>
2051
2052  
2052<script src="https://storage.googleapis.com/weston-public-sandbox/hammer.min.js"></script>
2052
2053
2054    
2055      
2056        <style>
2057          .nav-desktop-book-button .front {
2058    color: #fff !important;
2059}
2060
2061.nav-desktop-logo {
2062    top: 0 !important;
2063}
2064
2065.footer-container {
2066    background: #fff !important;
2067}
2068
2069.nav-desktop-book-button .shadow {
2070    display: none !important;
2071}
2072
2073a, button, .nav-desktop-group-title {
2074    font-family: var(--standard-font) !important;
2075}
2076
2077.footer-nav-wrapper {
2078    background: #453511 !important;
2079}
2080        </style>
2081      
2082      
2083      
2084    
2085    <link rel="preconnect" href="https://fonts.googleapis.com" />
2086    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
2087    <link
2088      href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
2089      rel="stylesheet"
2090    />
2091    <style>
2092      @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
2093    </style>
2094    <link
2095      rel="stylesheet"
2096      href="https://storage.googleapis.com/white-pine-cms-public/scripts/swiper-bundle.min.css"
2097    />
2098    <link
2099      rel="stylesheet"
2100      href="https://storage.googleapis.com/white-pine-cms-public/assets/flatpicker.min.css"
2101    />
2102    
2103  </head>
2104  <body>
vendor: 87 bytes, lines 2104-2107
2104
2105    <noscript>
2106      <iframe
2107        src="https://www.googletagmanager.com/ns.html?id=
2107GTM-P8D7XXHH
vendor: 126 bytes, lines 2107-2114
2107"
2108        height="0"
2109        width="0"
2110        style="display:none;visibility:hidden"
2111      ></iframe>
2112    </noscript>
2113    
2114  
2114<svg xmlns="http://www.w3.org/2000/svg"
2115       style="display: none;"
2116  >
2117    <symbol id="wwd-expand-more"
2118            viewBox="0 0 24 24"
2119    >
2120      <path d="M24 24H0V0h24v24z"
2121            fill="none"
2122            opacity=".87"
2123      />
2124      <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"/>
2125    </symbol>
2126
2127    <symbol id="wwd-expand-less"
2128            viewBox="0 0 24 24"
2129    >
2130      <path d="M0 0h24v24H0V0z"
2131            fill="none"
2132      />
2133      <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"/>
2134    </symbol>
2135
2136    <symbol id="wwd-mail"
2137            viewBox="0 0 512 512"
2138    >
2139      <path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/>
2140    </symbol>
2141
2142    <symbol id="wwd-phone"
2143            viewBox="0 0 512 512"
2144    >
2145      <path d="M480.3 320.3L382.1 278.2c-21.41-9.281-46.64-3.109-61.2 14.95l-27.44 33.5c-44.78-25.75-82.29-63.25-108-107.1l33.55-27.48c17.91-14.62 24.09-39.7 15.02-61.05L191.7 31.53c-10.16-23.2-35.34-35.86-59.87-30.19l-91.25 21.06C16.7 27.86 0 48.83 0 73.39c0 241.9 196.7 438.6 438.6 438.6c24.56 0 45.53-16.69 50.1-40.53l21.06-91.34C516.4 355.5 503.6 330.3 480.3 320.3zM463.9 369.3l-21.09 91.41c-.4687 1.1-2.109 3.281-4.219 3.281c-215.4 0-390.6-175.2-390.6-390.6c0-2.094 1.297-3.734 3.344-4.203l91.34-21.08c.3125-.0781 .6406-.1094 .9531-.1094c1.734 0 3.359 1.047 4.047 2.609l42.14 98.33c.75 1.766 .25 3.828-1.25 5.062L139.8 193.1c-8.625 7.062-11.25 19.14-6.344 29.14c33.01 67.23 88.26 122.5 155.5 155.5c9.1 4.906 22.09 2.281 29.16-6.344l40.01-48.87c1.109-1.406 3.187-1.938 4.922-1.125l98.26 42.09C463.2 365.2 464.3 367.3 463.9 369.3z"/>
2146    </symbol>
2147
2148    <symbol id="wwd-location-arrow"
2149            viewBox="0 0 448 512"
2150    >
2151      <path d="M47.1 256C32.71 256 19.55 245.2 16.6 230.2C13.65 215.2 21.73 200.2 35.88 194.4L387.9 50.38C399.8 45.5 413.5 48.26 422.6 57.37C431.7 66.49 434.5 80.19 429.6 92.12L285.6 444.1C279.8 458.3 264.8 466.3 249.8 463.4C234.8 460.4 223.1 447.3 223.1 432V256H47.1zM272 208V350.6L370.7 109.3L129.4 208H272z"/>
2152    </symbol>
2153
2154    <symbol id="wwd-plus"
2155            viewBox="0 0 448 512"
2156    >
2157      <path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/>
2158    </symbol>
2159
2160    <symbol id="wwd-angle-right"
2161            viewBox="0 0 320 512"
2162    >
2163      <path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/>
2164    </symbol>
2165
2166    <symbol id="wwd-angle-left"
2167            viewBox="0 0 320 512"
2168    >
2169      <path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/>
2170    </symbol>
2171
2172    <symbol id="wwd-angle-left-thin"
2173            viewBox="0 0 256 512"
2174    >
2175      <path d="M32 255.1c0-1.1 .7344-3.969 2.219-5.531l144-151.1c3.047-3.187 8.125-3.312 11.31-.25c3.188 3.094 3.281 8.156 .25 11.31L51.08 255.1l138.7 146.5c3.031 3.219 2.938 8.281-.25 11.31c-3.188 3.062-8.266 2.937-11.31-.25L34.22 261.5C32.73 259.1 32 257.1 32 255.1z"/>
2176    </symbol>
2177
2178    <symbol id="wwd-close"
2179            viewBox="0 0 320 512"
2180    >
2181      <path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/>
2182    </symbol>
2183
2184    <symbol id="wwd-long-arrow-right"
2185            viewBox="0 0 512 512"
2186    >
2187      <path d="M335 408.1C330.3 404.3 328 398.2 328 392s2.344-12.28 7.031-16.97L430.1 280H24C10.75 280 0 269.2 0 255.1C0 242.7 10.75 232 24 232h406.1l-95.03-95.03c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0l136 136c9.375 9.375 9.375 24.56 0 33.94l-136 136C359.6 418.3 344.4 418.3 335 408.1z"/>
2188    </symbol>
2189
2190    <symbol id="wwd-included"
2191            viewBox="0 0 512 512"
2192    >
2193      <svg xmlns="http://www.w3.org/2000/svg"
2194           viewBox="0 0 512 512"
2195      >
2196        <defs>
2197          <style>.fa-primary {
2198                  fill: var(--light-color);
2199              }</style>
2200        </defs>
2201        <path class="fa-primary"
2202              d="M352.1 191C362.3 200.4 362.3 215.6 352.1 224.1L240.1 336.1C231.6 346.3 216.4 346.3 207 336.1L151 280.1C141.7 271.6 141.7 256.4 151 247C160.4 237.7 175.6 237.7 184.1 247L224 286.1L319 191C328.4 181.7 343.6 181.7 352.1 191z"
2203        />
2204        <path class="fa-secondary"
2205              d="M256 0C292.8 0 324.8 20.7 340.9 51.1C373.8 40.1 410.1 48.96 437 74.98C463 101 470.1 138.2 460.9 171.1C491.3 187.2 512 219.2 512 256C512 292.8 491.3 324.8 460.9 340.9C471 373.8 463 410.1 437 437C410.1 463 373.8 470.1 340.9 460.9C324.8 491.3 292.8 512 256 512C219.2 512 187.2 491.3 171.1 460.9C138.2 471 101 463 74.98 437C48.96 410.1 41 373.8 51.1 340.9C20.7 324.8 0 292.8 0 256C0 219.2 20.7 187.2 51.1 171.1C40.1 138.2 48.96 101 74.98 74.98C101 48.96 138.2 41 171.1 51.1C187.2 20.7 219.2 0 256 0V0zM352.1 224.1C362.3 215.6 362.3 200.4 352.1 191C343.6 181.7 328.4 181.7 319 191L224 286.1L184.1 247C175.6 237.7 160.4 237.7 151 247C141.7 256.4 141.7 271.6 151 280.1L207 336.1C216.4 346.3 231.6 346.3 240.1 336.1L352.1 224.1z"
2206        />
2207      </svg>
2208    </symbol>
2209    <symbol id="wwd-facebook"
2210            viewBox="0 0 512 512"
2211    >
2212      <path fill="currentColor"
2213            d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"
2214      ></path>
2215    </symbol>
2216
2217    <symbol id="wwd-instagram"
2218            viewBox="0 0 448 512"
2219    >
2220      <path fill="currentColor"
2221            d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
2222      ></path>
2223    </symbol>
2224
2225    <symbol id="wwd-pinterest"
2226            viewBox="0 0 496 512"
2227    >
2228      <path fill="currentColor"
2229            d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"
2230      ></path>
2231    </symbol>
2232
2233    <symbol id="wwd-trip-advisor"
2234            viewBox="0 0 72 72"
2235    >
2236      <path d="M58.2,28.9l4.3-4.7h-9.6C48.1,20.9,42.3,19,36,19s-12.1,1.9-16.9,5.2H9.5l4.3,4.7c-2.7,2.4-4.3,5.9-4.3,9.8
2237	c0,7.3,5.9,13.2,13.2,13.2c3.5,0,6.6-1.3,9-3.5L36,53l4.2-4.6c2.4,2.2,5.5,3.5,9,3.5c7.3,0,13.2-5.9,13.2-13.2
2238	C62.5,34.8,60.8,31.3,58.2,28.9 M22.8,47.6c-5,0-9-4-9-9s4-9,9-9s9,4,9,9C31.7,43.6,27.7,47.6,22.8,47.6 M36,38.4
2239	c0-5.9-4.3-11-9.9-13.1c3.1-1.3,6.4-2,9.9-2s6.9,0.7,9.9,2C40.3,27.5,36,32.5,36,38.4 M49.2,47.6c-5,0-9-4-9-9s4-9,9-9s9,4,9,9
2240	S54.2,47.6,49.2,47.6 M49.2,34c-2.6,0-4.7,2.1-4.7,4.7c0,2.6,2.1,4.7,4.7,4.7s4.7-2.1,4.7-4.7S51.8,34,49.2,34 M27.5,38.7
2241	c0,2.6-2.1,4.7-4.7,4.7s-4.7-2.1-4.7-4.7c0-2.6,2.1-4.7,4.7-4.7S27.5,36.1,27.5,38.7"
2242      />
2243      >
2244    </symbol>
2245
2246    <symbol id="wwd-shopping-cart"
2247            viewBox="0 0 576 512"
2248    >
2249      <path d="M24 0H0V48H24 76.1l60.3 316.5 3.7 19.5H160 488h24V336H488 179.9l-9.1-48H496L576 32H122l-2.4-12.5L115.9 0H96 24zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"/>
2250    </symbol>
2251
2252    <symbol id="wwd-shopping-cart-outline"
2253            viewBox="0 0 576 512"
2254    >
2255      <path d="M24 0H0V48H24 76.1l60.3 316.5 3.7 19.5H160 488h24V336H488 179.9l-9.1-48H496L561 80l15-48H525.7 122l-2.4-12.5L115.9 0H96 24zM161.6 240L131.1 80H510.7l-50 160H161.6zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z"/>
2256    </symbol>
2257  </svg>
2258
2259    
2260  
2261  
2262  <style>
2263    .w-cu-page-container {
2264    }
2265
2266    .w-cu-landing-content-container {
2267      margin: 3.5rem 0 1rem;
2268    }
2269
2270    .w-cu-rewards-buttons {
2271      margin: 3rem 0 5rem;
2272      display: flex;
2273      flex-wrap: wrap;
2274      justify-content: center;
2275    }
2276
2277    .w-cu-read-now-container {
2278      display: flex;
2279      margin: 0.5rem 1rem;
2280      height: 4rem;
2281      align-items: center;
2282    }
2283
2284    .w-cu-content-container {
2285      padding: 0 1.5rem 0;
2286      max-width: 69rem;
2287      margin: auto;
2288    }
2289
2290    .w-cu-content-wrapper {
2291      display: flex;
2292      flex-direction: column;
2293      align-items: center;
2294    }
2295
2296    .w-cu-content-description-container {
2297      margin: 0 0 3rem;
2298      width: 40rem;
2299      text-align: center;
2300    }
2301
2302    .w-cu-content-image {
2303      width: 100%;
2304    }
2305
2306    .w-cu-content-description {
2307      margin: 1.3rem 0 1.5rem;
2308    }
2309
2310    .w-cu-contact-form-label {
2311      font-family: var(--title-font);
2312      letter-spacing: 0.03rem;
2313      margin: 0 0 0.1rem;
2314    }
2315
2316    .w-cu-contact-form-container {
2317      width: 30rem;
2318      margin: auto;
2319      padding-right: 0.2rem;
2320    }
2321
2322    .w-cu-contact-form-input {
2323      width: calc(100% - 1rem);
2324      height: 1.5rem;
2325      border: solid var(--primary-color) 0.1rem;
2326      border-radius: 0.2rem;
2327      padding: 0.2rem 0.5rem;
2328    }
2329
2330    .w-cu-contact-form-input.field-invalid {
2331      border: solid var(--error-color) 0.17rem;
2332    }
2333
2334    .w-cu-contact-form-item {
2335      margin: 0 0 0.9rem;
2336    }
2337
2338    .w-cu-contact-form-input.mod-message {
2339      height: 10rem;
2340      font-family: var(--standard-font);
2341      padding: 0.5rem;
2342    }
2343
2344    .w-cu-contact-form-submit-action {
2345      padding: 0.7rem 4.5rem;
2346      border: none;
2347      background-color: var(--primary-color);
2348      color: var(--light-color);
2349      font-family: var(--title-font);
2350      letter-spacing: 0.03rem;
2351      border-radius: 0.2rem;
2352      cursor: pointer;
2353      width: 16rem;
2354    }
2355
2356    .w-cu-contact-form-submit-action:hover {
2357      background-color: var(--primary-shade-800);
2358    }
2359
2360    .w-cu-contact-form-submit-action[disabled="disabled"],
2361    .w-cu-contact-form-submit-action:disabled {
2362      background-color: var(--primary-shade-800);
2363      cursor: not-allowed;
2364    }
2365
2366    .w-cu-contact-form-submit-container {
2367      display: flex;
2368      justify-content: center;
2369      margin: 2.5rem 0 0;
2370      flex-direction: column;
2371      align-items: center;
2372    }
2373
2374    .w-cu-contact-form-submit-success {
2375      visibility: hidden;
2376      margin: 1.5rem 0 0;
2377    }
2378
2379    .w-cu-contact-form-submit-success.mod-error {
2380      color: var(--error-color);
2381      margin-top: 0;
2382    }
2383
2384    .w-cu-contact-form-submit-success.showing {
2385      visibility: visible;
2386    }
2387
2388    @media (max-width: 730px) {
2389      .w-cu-content-description-container {
2390        width: unset;
2391      }
2392
2393      .w-cu-contact-form-container {
2394        width: 80vw;
2395      }
2396    }
2397  </style>
2398  
2399  
2400  
2401  <div class="page">
2402    
2403  
2404  <style>
2405    .nav-menu-container {
2406      --nav-menu-image-size: 6.3rem;
2407      --nav-menu-hamburger-height: 0.16rem;
2408      --nav-menu-close-padding: 0 1rem;
2409      --nav-menu-close-width: 1.75rem;
2410      --nav-menu-item-right-gutter: 1.5rem;
2411      --nav-menu-container-width: 26rem;
2412      --nav-menu-subitem-height: 4rem;
2413      --nav-menu-expand-timing: 0.19s;
2414      --nav-menu-collapse-timing: 0.15s;
2415      --nav-item-reveal-timing: 0.3s;
2416      --nav-item-hide-timing: 0.19s;
2417      --nav-menu-item-reveal-animation: nav-item-title-reveal
2418        var(--nav-item-reveal-timing) cubic-bezier(0.72, 0.18, 1, 1);
2419      --nav-menu-item-hide-animation: nav-item-title-hide
2420        var(--nav-item-hide-timing) cubic-bezier(0, 1.15, 1, 1);
2421
2422      height: var(--nav-menu-height);
2423    }
2424
2425    .nav-menu-container a {
2426      text-decoration: none;
2427      color: var(--primary-shade-800);
2428      fill: var(--primary-shade-800);
2429    }
2430
2431    .nav-menu-header {
2432      height: var(--nav-menu-height);
2433      display: flex;
2434      justify-content: space-between;
2435      background-color: var(--light-color);
2436      position: fixed;
2437      top: 0;
2438      width: 100%;
2439      z-index: calc(var(--top-z) + 1);
2440      box-shadow: 0 0 30px rgb(0 0 0 / 40%);
2441    }
2442
2443    .nav-menu-header.nav-expanded {
2444      box-shadow: none;
2445    }
2446
2447    .nav-menu-close {
2448      height: 45px;
2449      width: var(--nav-menu-close-width);
2450      margin: var(--nav-menu-close-padding);
2451      align-self: center;
2452      cursor: pointer;
2453      z-index: var(--top-z);
2454    }
2455
2456    .nav-menu-close-icon {
2457      height: 100%;
2458      width: var(--nav-menu-close-width);
2459      padding: var(--nav-menu-close-padding);
2460      opacity: 0.5;
2461    }
2462
2463    .nav-menu-close-label {
2464      display: inline-block;
2465    }
2466
2467    .nav-menu-header-image-container {
2468      height: var(--nav-menu-image-size);
2469      align-self: normal;
2470      margin: 0.3rem 0 0;
2471      cursor: pointer;
2472      z-index: var(--top-z);
2473    }
2474
2475    .nav-menu-header-image-container.nav-menu-image-collapsed {
2476      height: var(--nav-menu-image-size);
2477      transform: scale(1);
2478      transition-duration: var(--nav-menu-expand-timing);
2479    }
2480
2481    .nav-menu-header-image-container.nav-menu-image-expanded {
2482      transform: scale(0.77) translateY(-0.5rem);
2483      transition-duration: var(--nav-menu-expand-timing);
2484    }
2485
2486    .nav-menu-header-image-container .image {
2487      height: 100%;
2488    }
2489
2490    .nav-menu-phone-container {
2491      width: 2rem;
2492      margin: 0 0.9rem 0 0.9rem;
2493      z-index: var(--top-z);
2494      display: flex;
2495      align-items: center;
2496      flex-direction: column;
2497      justify-content: center;
2498    }
2499
2500    .nav-menu-phone-icon {
2501      height: 1.3rem;
2502      width: 1.3rem;
2503      margin: 0.1rem 0 0.1rem 0.4rem;
2504    }
2505
2506    .nav-menu-phone {
2507      display: block;
2508      line-height: 1rem;
2509      font-family: var(--title-font);
2510      font-size: 1rem;
2511    }
2512
2513    .nav-menu-body-container {
2514      display: flex;
2515      position: fixed;
2516      top: 0;
2517      bottom: 0;
2518      height: 100vh;
2519      z-index: var(--top-z);
2520    }
2521
2522    .nav-menu-body-container.nav-body-expanded {
2523      width: var(--nav-menu-container-width);
2524    }
2525
2526    .nav-menu-body-spacer {
2527      width: 0;
2528    }
2529
2530    .nav-menu-body-spacer.opened {
2531      width: calc(100% - var(--nav-menu-container-width));
2532    }
2533
2534    .nav-menu-item-container {
2535      user-select: none;
2536      -webkit-user-select: none;
2537      width: 0;
2538      z-index: 1;
2539      overflow: hidden;
2540      padding-top: 9rem;
2541      letter-spacing: 0.05rem;
2542      background-color: var(--light-color);
2543    }
2544
2545    .nav-menu-item-container.nav-item-collapsed {
2546      animation: nav-item-collapse var(--nav-menu-collapse-timing) ease-out;
2547    }
2548
2549    .nav-menu-item-container.nav-item-expanded {
2550      width: var(--nav-menu-container-width);
2551      animation: nav-item-expand var(--nav-menu-expand-timing) ease-out;
2552      overflow: auto;
2553    }
2554
2555    .nav-menu-subitem-container {
2556      height: auto;
2557    }
2558
2559    .nav-menu-item-title {
2560      font-size: 1.5rem;
2561      cursor: pointer;
2562      padding: 1rem var(--nav-menu-item-right-gutter);
2563      display: flex;
2564      align-items: center;
2565      justify-content: center;
2566      margin: 1rem 0;
2567      font-family: var(--title-font);
2568    }
2569
2570    .nav-menu-item-title-description {
2571      text-overflow: ellipsis;
2572      overflow: hidden;
2573    }
2574
2575    .nav-menu-item.nav-menu-item-expanded {
2576      animation: var(--nav-menu-item-reveal-animation);
2577    }
2578
2579    .nav-menu-item.nav-menu-item-expanded:last-of-type {
2580      padding-bottom: 9rem;
2581    }
2582
2583    .nav-menu-item.nav-menu-item-collapsed {
2584      animation: var(--nav-menu-item-hide-animation);
2585    }
2586
2587    .nav-item-expand-icon.nav-item-expand-icon-expanded {
2588      animation: nav-item-expand-icon-expand var(--nav-item-reveal-timing)
2589        linear forwards;
2590    }
2591
2592    .nav-item-expand-icon.nav-item-expand-icon-collapsed {
2593      animation: nav-item-expand-icon-collapse var(--nav-item-hide-timing)
2594        linear forwards;
2595    }
2596
2597    .nav-item-expand-icon {
2598      max-width: 1.7rem;
2599      min-width: 1.7rem;
2600      padding-left: 1.5vw;
2601    }
2602
2603    .nav-menu-subitem {
2604      height: 0;
2605      overflow: hidden;
2606      font-size: 1.2rem;
2607      line-height: var(--nav-menu-subitem-height);
2608      padding: 0 var(--nav-menu-item-right-gutter) 0 3rem;
2609    }
2610
2611    .nav-menu-subitem.nav-subitem-expanded {
2612      height: var(--nav-menu-subitem-height);
2613      animation:
2614        nav-subitem-expand var(--nav-menu-expand-timing) ease-out,
2615        var(--nav-menu-item-reveal-animation);
2616    }
2617
2618    .nav-menu-subitem.nav-subitem-collapsed {
2619      animation:
2620        nav-subitem-collapse var(--nav-menu-collapse-timing) ease-out,
2621        var(--nav-menu-item-hide-animation);
2622    }
2623
2624    .limit-site-to-screen-enabled {
2625    }
2626
2627    @keyframes nav-item-expand {
2628      from {
2629        width: 0;
2630        overflow: hidden;
2631        opacity: 0;
2632      }
2633
2634      to {
2635        width: var(--nav-menu-container-width);
2636        opacity: 1;
2637      }
2638    }
2639
2640    @keyframes nav-item-collapse {
2641      from {
2642        width: var(--nav-menu-container-width);
2643        opacity: 1;
2644      }
2645
2646      to {
2647        width: 0;
2648        opacity: 0;
2649        overflow: hidden;
2650      }
2651    }
2652
2653    @keyframes nav-subitem-expand {
2654      from {
2655        height: 0;
2656        overflow: hidden;
2657      }
2658
2659      to {
2660        height: var(--nav-menu-subitem-height);
2661      }
2662    }
2663
2664    @keyframes nav-subitem-collapse {
2665      from {
2666        height: var(--nav-menu-subitem-height);
2667      }
2668
2669      to {
2670        height: 0;
2671        overflow: hidden;
2672      }
2673    }
2674
2675    @keyframes nav-item-title-reveal {
2676      from {
2677        opacity: 0;
2678      }
2679
2680      to {
2681        opacity: 1;
2682      }
2683    }
2684
2685    @keyframes nav-item-title-hide {
2686      from {
2687        opacity: 1;
2688      }
2689
2690      to {
2691        opacity: 0;
2692      }
2693    }
2694
2695    @keyframes nav-item-expand-icon-expand {
2696      from {
2697        opacity: 1;
2698      }
2699
2700      50% {
2701        opacity: 0.5;
2702      }
2703
2704      to {
2705        opacity: 1;
2706        transform: rotate3d(1, 0, 0, 180deg);
2707      }
2708    }
2709
2710    @keyframes nav-item-expand-icon-collapse {
2711      from {
2712        opacity: 1;
2713        transform: rotate3d(1, 0, 0, 180deg);
2714      }
2715
2716      50% {
2717        opacity: 0.5;
2718      }
2719
2720      to {
2721        opacity: 1;
2722      }
2723    }
2724
2725     
2726     
2727     
2728
2729    .burger-wrapper {
2730      cursor: pointer;
2731      margin: auto;
2732      width: var(--nav-menu-close-width);
2733      height: 40px;
2734    }
2735
2736    .burger-wrapper .hamburger {
2737      display: block;
2738      background: var(--primary-color);
2739      width: var(--nav-menu-close-width);
2740      height: var(--nav-menu-hamburger-height);
2741      position: relative;
2742      transition: background 10ms 100ms ease;
2743      transform: translateY(21px);
2744    }
2745
2746    .burger-wrapper .hamburger:before,
2747    .burger-wrapper .hamburger:after {
2748      transition:
2749        top 100ms 150ms ease,
2750        transform 100ms 50ms ease;
2751      position: absolute;
2752      background: var(--primary-color);
2753      width: var(--nav-menu-close-width);
2754      height: var(--nav-menu-hamburger-height);
2755      content: "";
2756    }
2757
2758    .burger-wrapper .hamburger:before {
2759      top: -0.5rem;
2760    }
2761
2762    .burger-wrapper .hamburger:after {
2763      top: 0.5rem;
2764    }
2765
2766    .hamburger-trigger {
2767      display: none;
2768    }
2769
2770    .hamburger-trigger:checked ~ .burger-wrapper .hamburger {
2771      background: transparent;
2772    }
2773
2774    .hamburger-trigger:checked ~ .burger-wrapper .hamburger:after,
2775    .hamburger-trigger:checked ~ .burger-wrapper .hamburger:before {
2776      transition:
2777        top 100ms 50ms ease,
2778        transform 100ms 150ms ease;
2779      top: 0;
2780    }
2781
2782    .hamburger-trigger:checked ~ .burger-wrapper .hamburger:before {
2783      transform: rotate(45deg);
2784    }
2785
2786    .hamburger-trigger:checked ~ .burger-wrapper .hamburger:after {
2787      transform: rotate(-45deg);
2788    }
2789
2790     
2791     
2792     
2793    .nav-desktop-items-container {
2794      height: 0;
2795      overflow: hidden;
2796      display: flex;
2797      flex-direction: column;
2798      background: var(--light-color);
2799      width: 15rem;
2800      z-index: 10;
2801      margin: 0 0 0 -0.7rem;
2802      opacity: 0;
2803      position: absolute;
2804    }
2805
2806    .nav-desktop-items-container.items-visible {
2807      height: auto;
2808      padding: 0.7rem 0 0.7rem;
2809      box-shadow: 0 27px 30px rgb(0 0 0 / 40%);
2810      border-radius: 0.3rem;
2811      transition: all 0.25s ease-out;
2812      opacity: 1;
2813    }
2814
2815    .nav-desktop-item {
2816      text-decoration: none;
2817      padding: 0.6rem 3rem 0.6rem 1rem;
2818      color: var(--primary-shade-800);
2819    }
2820
2821    .nav-desktop-item:hover {
2822      filter: brightness(1.75);
2823      transition: var(--ease-transition);
2824    }
2825
2826    .nav-desktop-banner {
2827      background: linear-gradient(
2828        205deg,
2829        var(--primary-color) 40%,
2830        var(--primary-color) 57%,
2831        var(--light-color) 87%
2832      );
2833       
2834      height: 1.5rem;
2835      display: flex;
2836      justify-content: flex-end;
2837      padding: 0.25rem 1rem;
2838      font-size: 0.95rem;
2839      letter-spacing: 0.02rem;
2840      align-items: center;
2841    }
2842
2843    .nav-desktop-banner a {
2844      color: var(--light-color);
2845      text-decoration: none;
2846    }
2847
2848    .nav-desktop-banner a:hover {
2849      color: var(--emphasis-color);
2850      transition: var(--ease-transition);
2851    }
2852
2853    .nav-desktop-phone {
2854      display: flex;
2855      align-items: center;
2856      margin-left: 2rem;
2857    }
2858
2859    .nav-desktop-address {
2860      margin-left: 1.5rem;
2861      display: flex;
2862      align-items: center;
2863    }
2864
2865    .nav-desktop-mail {
2866      display: flex;
2867      align-items: center;
2868    }
2869
2870    .nav-desktop-banner-icon {
2871      height: 1rem;
2872      width: 1.2rem;
2873      fill: var(--emphasis-color);
2874      margin-right: 0.2rem;
2875    }
2876
2877    .nav-desktop-content-wrapper {
2878      display: flex;
2879      padding: 0 1.2rem;
2880      height: 4.5rem;
2881      background-color: var(--light-color);
2882      gap: 3rem;
2883      border-bottom: 0.1rem solid var(--primary-color);
2884    }
2885
2886    .nav-desktop-content-container {
2887      display: flex;
2888      align-items: center;
2889      width: 100%;
2890      font-family: var(--title-font);
2891      justify-content: flex-end;
2892      letter-spacing: 0.05rem;
2893      position: relative;
2894    }
2895
2896    .nav-desktop-group-container {
2897      display: flex;
2898      height: 100%;
2899      margin-right: 2vw;
2900    }
2901
2902    .nav-desktop-header-image {
2903      width: 100%;
2904    }
2905
2906    .nav-desktop-logo {
2907      width: 12rem;
2908      height: 10rem;
2909      padding: 0.5rem;
2910      position: relative;
2911      top: -1.5rem;
2912      cursor: pointer;
2913    }
2914
2915    .nav-desktop-logo .image {
2916      width: 100%;
2917      object-fit: contain;
2918    }
2919
2920    .nav-desktop-container {
2921      display: none;
2922      top: 0;
2923      position: fixed;
2924      width: 100%;
2925      z-index: calc(var(--top-z) + 1);
2926      box-shadow: 0 0 30px rgb(0 0 0 / 40%);
2927    }
2928
2929    .nav-desktop-book-button {
2930      --book-button-depth: 2px;
2931
2932      text-decoration: none;
2933      position: relative;
2934      border: none;
2935      background: transparent;
2936      padding: 0;
2937      cursor: pointer;
2938      outline-offset: calc(var(--book-button-depth) * 2);
2939      transition: filter 250ms;
2940      bottom: 0.05rem;
2941    }
2942
2943    .nav-desktop-book-button .shadow {
2944      position: absolute;
2945      top: 0;
2946      left: 0;
2947      width: 100%;
2948      height: 100%;
2949      border-radius: 7px;
2950      background: hsl(0deg 0% 0% / 0.25);
2951      will-change: transform;
2952      transform: translateY(var(--book-button-depth));
2953      transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
2954    }
2955
2956    .nav-desktop-book-button .edge {
2957      position: absolute;
2958      top: 0;
2959      left: 0;
2960      width: 100%;
2961      height: 100%;
2962      border-radius: 7px;
2963      background: linear-gradient(
2964        to left,
2965        hsl(
2966            var(--emphasis-color-h) var(--emphasis-color-s)
2967              calc(var(--emphasis-color-l) - 25%)
2968          )
2969          0%,
2970        hsl(
2971            var(--emphasis-color-h) var(--emphasis-color-s)
2972              calc(var(--emphasis-color-l) - 5%)
2973          )
2974          8%,
2975        hsl(
2976            var(--emphasis-color-h) var(--emphasis-color-s)
2977              calc(var(--emphasis-color-l) - 5%)
2978          )
2979          92%,
2980        hsl(
2981            var(--emphasis-color-h) var(--emphasis-color-s)
2982              calc(var(--emphasis-color-l) - 25%)
2983          )
2984          100%
2985      );
2986    }
2987
2988    .nav-desktop-book-button .front {
2989      display: block;
2990      position: relative;
2991      padding: 0.8rem 2rem 0.7rem;
2992      border-radius: 7px;
2993      font-size: 1rem;
2994      color: var(--primary-color);
2995      background: var(--emphasis-color);
2996      will-change: transform;
2997      transform: translateY(calc(var(--book-button-depth) * 0));
2998      transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
2999    }
3000
3001    .nav-desktop-book-button:hover {
3002      filter: brightness(105%);
3003    }
3004
3005    .nav-desktop-book-button:hover .front {
3006      transform: translateY(calc(var(--book-button-depth) * -2));
3007      transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
3008    }
3009
3010    .nav-desktop-book-button:active .front {
3011      transform: translateY(calc(var(--book-button-depth) * -1));
3012      transition: transform 34ms;
3013    }
3014
3015    .nav-desktop-book-button:hover .shadow {
3016      transform: translateY(calc(var(--book-button-depth) * -2));
3017      transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
3018    }
3019
3020    .nav-desktop-book-button:active .shadow {
3021      transform: translateY(calc(var(--book-button-depth) / 2));
3022      transition: transform 34ms;
3023    }
3024
3025    .nav-desktop-book-button:focus:not(:focus-visible) {
3026      outline: none;
3027    }
3028
3029    .nav-desktop-book-container {
3030      padding-left: 0.5rem;
3031      flex-shrink: 0;
3032    }
3033
3034    .nav-desktop-group {
3035      padding: 0.5rem 1.5vw;
3036      cursor: pointer;
3037      border-radius: 0.6rem;
3038    }
3039
3040    .nav-desktop-group:last-of-type {
3041      padding-right: 0.5vw;
3042    }
3043
3044    .nav-desktop-group.items-visible .nav-desktop-group-title {
3045      filter: brightness(1.75);
3046    }
3047
3048    .nav-desktop-group:hover .nav-desktop-group-title {
3049      filter: brightness(1.75);
3050      transition: var(--ease-transition);
3051    }
3052
3053    .nav-desktop-group-title {
3054      text-decoration: none;
3055      align-items: center;
3056      display: flex;
3057      justify-content: center;
3058      height: 100%;
3059      text-align: center;
3060      color: unset;
3061    }
3062
3063    .w-bottom-nav-container {
3064      position: fixed;
3065      bottom: 0;
3066      display: flex;
3067      align-items: center;
3068      justify-content: space-between;
3069      width: 100%;
3070      z-index: var(--top-z);
3071      background-color: var(--light-color);
3072      height: var(--nav-menu-height);
3073    }
3074
3075    .w-bottom-nav-item {
3076      font-family: var(--title-font);
3077      text-align: center;
3078      padding: 0 0.5rem;
3079      height: 100%;
3080      display: flex;
3081      align-items: center;
3082      justify-content: center;
3083    }
3084
3085    .w-bottom-nav-item:first-of-type {
3086      padding: 0 0 0 0.8rem;
3087      flex-grow: 0.1;
3088    }
3089
3090    .w-bottom-nav-item.mod-book {
3091      flex-grow: 0.5;
3092      background-color: var(--emphasis-color);
3093    }
3094
3095    .w-bottom-nav-item-link {
3096      text-decoration: none;
3097      color: var(--primary-shade-800);
3098      font-size: 0.85rem;
3099      letter-spacing: 0.05rem;
3100    }
3101
3102    .w-bottom-nav-item-link.mod-book {
3103      color: var(--light-color);
3104    }
3105
3106    .nav-menu-items-container {
3107      height: 0;
3108      opacity: 0;
3109      overflow: hidden;
3110      display: flex;
3111      flex-direction: column;
3112      transition: var(--ease-transition);
3113    }
3114
3115    .nav-menu-items-container.items-visible {
3116      height: unset;
3117      opacity: 1;
3118      margin: 0 0 1rem 2rem;
3119      transition: var(--ease-transition);
3120    }
3121
3122    .nav-menu-group-title {
3123      font-family: var(--title-font);
3124      font-size: 2.5rem;
3125      padding: 1rem;
3126      white-space: nowrap;
3127      transition: var(--ease-transition);
3128      overflow: hidden;
3129      text-overflow: ellipsis;
3130      cursor: pointer;
3131      display: block;
3132    }
3133
3134    .nav-menu-group.items-visible .nav-menu-group-title {
3135      color: var(--emphasis-color);
3136      transition: var(--ease-transition);
3137    }
3138
3139    .nav-menu-item {
3140      padding: 0.7rem 0;
3141      margin: 0.3rem 0;
3142      font-size: 1.3rem;
3143    }
3144
3145    .nav-menu-group-container {
3146      margin: 0 0 10rem 0;
3147    }
3148
3149    .nav-menu-group {
3150      margin: 0.7rem 0;
3151    }
3152
3153    .nav-overlay.items-visible {
3154      width: 100vw;
3155      background: black;
3156      opacity: 0.2;
3157      height: 100vh;
3158      position: fixed;
3159      top: 0;
3160      z-index: 1;
3161      transition: var(--ease-transition);
3162    }
3163
3164    .mobile-book-now-banner {
3165      position: fixed;
3166      bottom: 0;
3167      right: 0;
3168      left: 0;
3169      display: flex;
3170      justify-content: center;
3171      align-items: center;
3172      background: var(--emphasis-color);
3173      font-family: var(--title-font);
3174      font-size: 1.2rem;
3175      letter-spacing: 0.07rem;
3176      color: var(--primary-color);
3177      z-index: 10;
3178      padding: 0.9rem 0;
3179      box-shadow: 0 0 7px rgb(0 0 0 / 30%);
3180      user-select: none;
3181    }
3182
3183    .nav-shopping-cart-container {
3184      fill: var(--primary-color);
3185      color: var(--primary-color);
3186      height: 100%;
3187      display: flex;
3188      flex-direction: column;
3189      justify-content: center;
3190      align-items: center;
3191      padding-right: calc(1.2rem + 0.6vw);
3192      padding-left: 0.2vw;
3193      cursor: pointer;
3194      transition: var(--ease-transition);
3195    }
3196
3197    .nav-shopping-cart-container.mod-mobile {
3198      padding: 0 0.75rem;
3199      margin-left: -3.5rem;
3200    }
3201
3202    .nav-shopping-cart-container:hover {
3203      fill: var(--emphasis-color);
3204      color: var(--emphasis-color);
3205      transition: var(--ease-transition);
3206    }
3207
3208    .nav-shopping-cart-container svg {
3209      height: 1.7rem;
3210      width: 1.7rem;
3211      padding-right: 0.2rem;
3212    }
3213
3214    .nav-shopping-cart-label {
3215      font-size: 75%;
3216      font-family: var(--title-font);
3217    }
3218
3219    .nav-mobile-actions-container {
3220      display: flex;
3221      gap: 0.3rem;
3222    }
3223
3224    @media (max-width: 1150px) {
3225      .nav-desktop-group-container {
3226        font-size: 0.93rem;
3227      }
3228
3229      .nav-desktop-group {
3230        padding: 0.5rem 1vw;
3231        min-width: 7.35rem;
3232      }
3233
3234      .nav-desktop-book-button .front {
3235        font-size: 0.93rem;
3236      }
3237
3238      .nav-shopping-cart-container {
3239        padding-right: 1.1rem;
3240        padding-left: 0;
3241      }
3242
3243      .nav-shopping-cart-container svg {
3244        height: 1.5rem;
3245        width: 1.5rem;
3246      }
3247
3248      .nav-shopping-cart-label {
3249        font-size: 70%;
3250      }
3251    }
3252
3253    @media (max-width: 1074px) {
3254      .nav-desktop-group-container {
3255        font-size: 0.8rem;
3256      }
3257
3258      .nav-desktop-group {
3259        padding: 0.5rem 1vw;
3260        min-width: 6.5rem;
3261      }
3262
3263      .nav-desktop-book-button .front {
3264        font-size: 0.8rem;
3265      }
3266
3267      .nav-shopping-cart-container svg {
3268        height: 1.5rem;
3269        width: 1.5rem;
3270      }
3271
3272      .nav-shopping-cart-label {
3273        font-size: 67%;
3274      }
3275    }
3276
3277    @media (max-width: 485px) {
3278      .nav-menu-container {
3279        --nav-menu-container-width: 100%;
3280      }
3281    }
3282
3283    @media (min-width: 895px) {
3284      .nav-overlay {
3285        height: 0;
3286        width: 0;
3287      }
3288
3289      .nav-menu-container {
3290        display: none;
3291      }
3292
3293      .w-bottom-nav-container {
3294        display: none;
3295      }
3296
3297      .nav-desktop-container {
3298        display: unset;
3299      }
3300
3301      .w-home-page-container {
3302        top: 5.5rem;
3303        position: relative;
3304      }
3305
3306      .mobile-book-now-banner {
3307        display: none;
3308      }
3309    }
3310  </style>
3311  
3311<script>
3312    (function (w) {
3313      const wNav = {};
3314      const HAM_TRIGGER = ".app-hamburger-trigger";
3315      const visibleNavClass = "items-visible";
3316
3317      wNav.toggleDesktopNavItems = (ele, leaveOpen) => {
3318        let currentlyVisible = false;
3319        let group = ele.closest(".app-nav-desktop-group");
3320        const target = group.getElementsByClassName("app-subitem-container")[0];
3321
3322        if (target.classList.contains(visibleNavClass)) {
3323          currentlyVisible = true;
3324        }
3325
3326        if (leaveOpen) {
3327          currentlyVisible = false;
3328        }
3329
3330        wNav.closeAllNav();
3331
3332        group.classList.toggle(visibleNavClass, !currentlyVisible);
3333        target.classList.toggle(visibleNavClass, !currentlyVisible);
3334      };
3335
3336      wNav.closeAllNav = () => {
3337        let all = document.getElementsByClassName("app-subitem-container");
3338        for (let ele of all) {
3339          ele.classList.remove(visibleNavClass);
3340        }
3341
3342        all = document.getElementsByClassName("app-nav-menu-group");
3343        for (let ele of all) {
3344          ele.classList.remove(visibleNavClass);
3345        }
3346      };
3347
3348      wNav.toggleMobileNavItems = (ele) => {
3349        let currentlyVisible = false;
3350        const container = ele.closest(".app-nav-menu-group");
3351        const target = container.getElementsByClassName(
3352          "app-subitem-container",
3353        )[0];
3354        if (target.classList.contains(visibleNavClass)) {
3355          currentlyVisible = true;
3356        }
3357
3358        wNav.closeAllNav();
3359
3360        target.classList.toggle(visibleNavClass, !currentlyVisible);
3361        container.classList.toggle(visibleNavClass, !currentlyVisible);
3362      };
3363
3364      wNav.toggleSubItems = (ele) => {
3365        const nm = ele.closest(".app-nav-menu-item");
3366
3367        toggleExpand(
3368          nm.querySelectorAll(".app-nav-subitem"),
3369          "nav-subitem-expanded",
3370          "nav-subitem-collapsed",
3371        );
3372
3373        toggleExpand(
3374          nm.querySelectorAll(".app-nav-subitem"),
3375          "nav-subitem-revealed",
3376          "nav-subitem-hidden",
3377        );
3378
3379        toggleExpand(
3380          nm.querySelectorAll(".app-nav-item-expand-icon"),
3381          "nav-item-expand-icon-expanded",
3382          "nav-item-expand-icon-collapsed",
3383        );
3384      };
3385
3386      wNav.toggleClose = () => {
3387        const checked = document.querySelector(HAM_TRIGGER).checked;
3388
3389        setHamburgerTrigger(!checked);
3390
3391        toggleExpand(
3392          document.querySelectorAll(".app-nav-menu-body-container"),
3393          "nav-body-expanded",
3394          "nav-body-collapsed",
3395        );
3396
3397        toggleExpand(
3398          document.querySelectorAll(".app-nav-menu-item-container"),
3399          "nav-item-expanded",
3400          "nav-item-collapsed",
3401        );
3402
3403        toggleExpand(
3404          document.querySelectorAll(".app-nav-menu-item"),
3405          "nav-menu-item-expanded",
3406          "nav-menu-item-collapsed",
3407        );
3408
3409        toggleExpand(
3410          document.querySelectorAll(".app-nav-menu-header"),
3411          "nav-expanded",
3412          "nav-collapsed",
3413        );
3414
3415        toggleExpand(
3416          document.querySelectorAll(".app-overlay"),
3417          "items-visible",
3418          "items-hidden",
3419        );
3420
3421        wNav.closeAllNav();
3422      };
3423
3424      const setHamburgerTrigger = (value) => {
3425        document.querySelector(HAM_TRIGGER).checked = value;
3426      };
3427
3428      const toggleExpand = (eles, expandClass, collapseClass) => {
3429        let removeClass = collapseClass;
3430        let addClass = expandClass;
3431        if (eles[0].classList.contains(expandClass)) {
3432          removeClass = expandClass;
3433          addClass = collapseClass;
3434        }
3435
3436        for (let i = 0; i < eles.length; i++) {
3437          const cl = eles[i].classList;
3438          cl.remove(removeClass);
3439          cl.add(addClass);
3440        }
3441      };
3442
3443      w.wNav = wNav;
3444    })(window);
3445  </script>
3445
3446  
3447  
3448  
3449  <div class="nav-desktop-container">
3450    <div class="nav-desktop-banner">
3451      <div class="nav-desktop-mail">
3452        <svg class="nav-desktop-banner-icon">
3453          <use href="#wwd-mail"></use>
3454        </svg>
3455        <a
3456          href="https://evergreentrails.com/contact-us"
3457          >Contact Us</a
3458        >
3459      </div>
3460      <div class="nav-desktop-phone">
3461        <svg class="nav-desktop-banner-icon">
3462          <use href="#wwd-phone"></use>
3463        </svg>
3464        <a href="tel:"></a>
3465      </div>
3466      <div class="nav-desktop-address">
3467        <svg class="nav-desktop-banner-icon">
3468          <use href="#wwd-location-arrow"></use>
3469        </svg>
3470        <a
3471          href="https://maps.google.com/?q=8403%20County%20Road%2015%2c%20Angelica%2c%20NY%2014709"
3472          target="_blank"
3473          rel="noopener"
3474          >8403 County Road 15, Angelica, NY 14709</a
3475        >
3476      </div>
3477    </div>
3478    <div class="nav-desktop-content-wrapper">
3479      <div class="nav-desktop-logo-container">
3480        <div
3481          class="nav-desktop-logo"
3482          onclick="wMain.goTo('https:\/\/evergreentrails.com')"
3483        >
3484          
3485    
3486    
3487    
3488    
3489    
3490    
3491    
3492    
3493        
3494        
3495        
3496    
3497    <picture>
3498      <source type="image/webp"
3499              srcset="https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-small.webp 320w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-small.webp 320w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-large.webp 860w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-large.webp 860w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-xxLarge.webp 1500w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-xxLarge.webp 1500w,"
3500              sizes="15rem"
3501      >
3502      <source type="image/jpeg"
3503              srcset=""
3504              sizes="15rem"
3505      >
3506      <img 
3507           class="image"
3508              
3509           alt=""
3510      >
3511    </picture>
3512
3513        </div>
3514      </div>
3515      <div class="nav-desktop-content-container">
3516        <nav class="nav-desktop-group-container">
3517          
3518            
3519              
3520    
3521    
3522        
3523          <div class="app-nav-desktop-group nav-desktop-group">
3524            <a class="nav-desktop-group-title mock-button"
3525               href="https://evergreentrails.com/ways-to-stay"
3526            >Ways To Stay</a>
3527          </div>
3528        
3529    
3530    
3531
3532            
3533            
3534              
3535    
3536    
3537        
3538          <div class="app-nav-desktop-group nav-desktop-group">
3539            <a class="nav-desktop-group-title mock-button"
3540               href="https://evergreentrails.com/things-to-do"
3541            >Activities</a>
3542          </div>
3543        
3544    
3545    
3546
3547            
3548            
3549              
3550    
3551    
3552        
3553          <div class="app-nav-desktop-group nav-desktop-group">
3554            <a class="nav-desktop-group-title mock-button"
3555               href="https://evergreentrails.com/places-to-go"
3556            >Local Attractions</a>
3557          </div>
3558        
3559    
3560    
3561
3562            
3563            
3564              
3565    
3566      <div class="app-nav-desktop-group nav-desktop-group"
3567           onmouseenter="wNav.toggleDesktopNavItems(this, true)"
3568           onmouseleave="wNav.toggleDesktopNavItems(this)"
3569           onclick="wNav.toggleDesktopNavItems(this, true)"
3570      >
3571        <div class="nav-desktop-group-title mock-button">
3572            More
3573        </div>
3574        <div class="app-subitem-container nav-desktop-items-container">
3575            
3576              <a class="nav-desktop-item"
3577                 href="https://evergreentrails.com/facilities"
3578              >Facilities</a>
3579            
3580              <a class="nav-desktop-item"
3581                 href="https://evergreentrails.com/map"
3582              >Map</a>
3583            
3584              <a class="nav-desktop-item"
3585                 href="https://evergreentrails.com/faqs"
3586              >FAQs</a>
3587            
3588              <a class="nav-desktop-item"
3589                 href="https://evergreentrails.com/rates"
3590              >Rates</a>
3591            
3592              <a class="nav-desktop-item"
3593                 href="https://evergreentrails.com/rules"
3594              >Rules &amp; Policies</a>
3595            
3596              <a class="nav-desktop-item"
3597                 href="https://evergreentrails.com/contact-us"
3598              >Contact Us</a>
3599            
3600        </div>
3601      </div>
3602    
3603    
3604    
3605
3606            
3607          
3608        </nav>
3609        
3610        <div class="nav-desktop-book-container">
3611          <a
3612            href="https://www.campspot.com/book/evergreen-trails-campground"
3613            
3614              target="_blank" rel="noopener"
3615            
3616            class="nav-desktop-book-button"
3617          >
3618            <span class="shadow"></span>
3619            <span class="edge"></span>
3620            <span class="front"> Reserve Now </span>
3621          </a>
3622        </div>
3623      </div>
3624    </div>
3625  </div>
3626  
3627
3628  
3629  <div class="app-overlay nav-overlay" onclick="wNav.toggleClose()"></div>
3630  <div class="app-nav-menu-container nav-menu-container">
3631    <div class="app-nav-menu-header nav-menu-header">
3632      <div class="nav-menu-close" onclick="wNav.toggleClose()">
3633        <input
3634          class="app-hamburger-trigger hamburger-trigger"
3635          type="checkbox"
3636          autocomplete="off"
3637        />
3638        <label class="burger-wrapper">
3639          <span class="app-hamburger hamburger"></span>
3640        </label>
3641      </div>
3642      <div
3643        class="nav-menu-header-image-container"
3644        onclick="wMain.goTo('https:\/\/evergreentrails.com')"
3645      >
3646        
3647    
3648    
3649    
3650    
3651    
3652    
3653    
3654    
3655        
3656        
3657        
3658    
3659    <picture>
3660      <source type="image/webp"
3661              srcset="https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-small.webp 320w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-small.webp 320w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-large.webp 860w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-large.webp 860w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-xxLarge.webp 1500w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/de1a10a3-86a9-413e-939c-637ca2053ae2/de1a10a3-86a9-413e-939c-637ca2053ae2-xxLarge.webp 1500w,"
3662              sizes="9rem"
3663      >
3664      <source type="image/jpeg"
3665              srcset=""
3666              sizes="9rem"
3667      >
3668      <img 
3669           class="image"
3670              
3671           alt=""
3672      >
3673    </picture>
3674
3675      </div>
3676      <div class="nav-mobile-actions-container">
3677        
3678        <div class="nav-menu-phone-container">
3679          <a
3680            href="tel:"
3681            aria-label="park phone"
3682            class="nav-menu-phone"
3683          >
3684            <svg class="nav-menu-phone-icon">
3685              <use href="#wwd-phone"></use>
3686            </svg>
3687            CALL
3688          </a>
3689        </div>
3690      </div>
3691    </div>
3692
3693    <div class="app-nav-menu-body-container nav-menu-body-container">
3694      <div class="app-nav-menu-item-container nav-menu-item-container">
3695        <div class="nav-menu-group-container">
3696          
3697            
3698              
3699    
3700    
3701        
3702          <div class="app-nav-menu-group nav-menu-group app-nav-menu-item">
3703            <a class="nav-menu-group-title"
3704               href="https://evergreentrails.com/ways-to-stay"
3705            >Ways To Stay</a>
3706          </div>
3707        
3708    
3709    
3710
3711            
3712            
3713              
3714    
3715    
3716        
3717          <div class="app-nav-menu-group nav-menu-group app-nav-menu-item">
3718            <a class="nav-menu-group-title"
3719               href="https://evergreentrails.com/things-to-do"
3720            >Activities</a>
3721          </div>
3722        
3723    
3724    
3725
3726            
3727            
3728              
3729    
3730    
3731        
3732          <div class="app-nav-menu-group nav-menu-group app-nav-menu-item">
3733            <a class="nav-menu-group-title"
3734               href="https://evergreentrails.com/places-to-go"
3735            >Local Attractions</a>
3736          </div>
3737        
3738    
3739    
3740
3741            
3742            
3743              
3744    
3745      <div class="app-nav-menu-group nav-menu-group app-nav-menu-item">
3746        <div class="nav-menu-group-title"
3747             onclick="wNav.toggleMobileNavItems(this)"
3748        >
3749            More
3750        </div>
3751        <div class="app-subitem-container nav-menu-items-container">
3752            
3753              <a class="nav-menu-item"
3754                 href="https://evergreentrails.com/facilities"
3755              >Facilities</a>
3756            
3757              <a class="nav-menu-item"
3758                 href="https://evergreentrails.com/map"
3759              >Map</a>
3760            
3761              <a class="nav-menu-item"
3762                 href="https://evergreentrails.com/faqs"
3763              >FAQs</a>
3764            
3765              <a class="nav-menu-item"
3766                 href="https://evergreentrails.com/rates"
3767              >Rates</a>
3768            
3769              <a class="nav-menu-item"
3770                 href="https://evergreentrails.com/rules"
3771              >Rules &amp; Policies</a>
3772            
3773              <a class="nav-menu-item"
3774                 href="https://evergreentrails.com/contact-us"
3775              >Contact Us</a>
3776            
3777        </div>
3778      </div>
3779    
3780    
3781    
3782
3783            
3784          
3785        </div>
3786      </div>
3787    </div>
3788  </div>
3789  <div
3790    class="mobile-book-now-banner"
3791    
3792      onclick="wMain.openNewTab('https:\/\/www.campspot.com\/book\/evergreen-trails-campground')"
3793    
3794  >
3795    Reserve Now
3796  </div>
3797
3798    
3799  <style>
3800    .landing-image-half {
3801      --image-height: 65vh;
3802
3803      position: relative;
3804    }
3805
3806    .landing-image-half .image {
3807      height: var(--image-height);
3808      width: 100vw;
3809      object-fit: cover;
3810    }
3811
3812    .landing-image-half-image {
3813      position: relative;
3814      height: var(--image-height);
3815      background: var(--primary-color);
3816    }
3817
3818    .landing-image-half-image::after {
3819      content: "";
3820      display: block;
3821      position: absolute;
3822      bottom: 0;
3823      width: 100%;
3824      height: 100%;
3825      pointer-events: none;
3826      background: linear-gradient(
3827        0deg,
3828        rgb(0 0 0 / 48%) 15%,
3829        rgba(37, 49, 75, 0) 30%
3830      );
3831      background-color: initial;
3832    }
3833
3834    .landing-image-half-title {
3835      position: absolute;
3836      bottom: 5.5vh;
3837      left: 5vw;
3838      color: var(--light-color-light);
3839      font-weight: bold;
3840    }
3841
3842    .landing-image-half-title::after {
3843      content: "";
3844      display: block;
3845      width: 5rem;
3846      height: 0.5rem;
3847      position: absolute;
3848      bottom: -17px;
3849      background: var(--emphasis-color);
3850      background-image: initial;
3851    }
3852
3853    @media (max-width: 800px) {
3854      .landing-image-half {
3855        --image-height: 50vh;
3856      }
3857
3858      .landing-image-half-title {
3859        position: unset;
3860        margin: 3rem 0 1rem var(--page-margin);
3861        font-weight: normal;
3862        color: var(--primary-color);
3863        width: calc(100% - 7rem);
3864      }
3865
3866      .landing-image-half-title::after {
3867        display: unset;
3868        width: 4rem;
3869        margin: 0 0 0 1rem;
3870        height: 0.1rem;
3871        bottom: 0.8rem;
3872        background: var(--primary-color);
3873      }
3874    }
3875  </style>
3876  <div class="landing-image-half">
3877    <div class="landing-image-half-image">
3878      
3879        
3880    
3881    
3882    
3883    
3884    
3885    
3886    
3887    
3888        
3889        
3890        
3891    
3892    <picture>
3893      <source type="image/webp"
3894              srcset="https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31-small.webp 320w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31-small.webp 320w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31-large.webp 860w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31-large.webp 860w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31-xxLarge.webp 1500w,https://storage.googleapis.com/wpd-image-server/b6da9584-a64a-47c5-9ff5-c0667f044385/images/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31/38cb1d0d-b3ab-44e0-a6a0-ea41b182be31-xxLarge.webp 1500w,"
3895              sizes="100vw"
3896      >
3897      <source type="image/jpeg"
3898              srcset=""
3899              sizes="100vw"
3900      >
3901      <img 
3902           class="image"
3903              
3904           alt=""
3905      >
3906    </picture>
3907
3908      
3909    </div>
3910    <div class="landing-image-half-title title-1">
3911      Contact Us
3912    </div>
3913  </div>
3914
3915    
3916  
3917  
3918  <div
3919    class="bc-title-description-container m-auto my-6 mb-10 flex max-w-3xl flex-col gap-6 px-4 md:my-12 md:text-center"
3920  >
3921    
3922      <div class="bc-title-description-title font-title text-2xl md:text-3xl">
3923        Get in Touch for Your Nature Escape
3924      </div>
3925    
3926    
3927      <div class="bc-title-description-description">
3928        At Evergreen Trails Campground, we’re here to help you plan your perfect getaway in the heart of nature. Whether you have questions about our rustic cabins, RV and tent sites, or simply want to learn more about the beautiful surroundings, our friendly team is ready to assist you. Your experience matters to us, so don’t he
3928sitate to reach out. Let’s get you back to nature together.
3929      </div>
3930    
3931  </div>
3932
3933    <div class="page-content">
3934      <div class="generic-page-container !mt-4">
3935        <div class="contact-details max-w-5xl lg:m-auto">
3936          <div class="contact-header mb-6 font-title text-2xl">
3937            Evergreen Trails Campground
3938          </div>
3939          <div class="flex flex-col gap-6">
3940            
3941            
3942            
3943              <div class="flex items-center gap-2">
3944                <svg class="h-4 w-4 shrink-0 fill-primary">
3945                  <use href="#wwd-location-arrow"></use>
3946                </svg>
3947                <a
3948                  class="font-medium text-primary no-underline hover:underline"
3949                  href="https://maps.google.com/?q=8403%20County%20Road%2015%2c%20Angelica%2c%20NY%2014709"
3950                  target="_blank"
3951                  rel="noopener"
3952                  >8403 County Road 15, Angelica, NY 14709</a
3953                >
3954              </div>
3955              <div class="mb-2 mt-4 max-w-3xl">
3956                <iframe
3957                  width="100%"
3958                  height="400"
3959                  style="border:0"
3960                  loading="lazy"
3961                  allowfullscreen
3962                  referrerpolicy="no-referrer-when-downgrade"
3963                  src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAjkDS1_xkKuz7FoTa8YVnjPEMTPzaSkHo&q=8403%20County%20Road%2015%2c%20Angelica%2c%20NY%2014709"
3964                >
3965                </iframe>
3966              </div>
3967            
3968          </div>
3969        </div>
3970      </div>
3971    </div>
3972    
3973  
3974  <style>
3975    .footer-container {
3976      margin: 6rem auto 0;
3977      background: linear-gradient(
3978        175deg,
3979        var(--light-color) 20%,
3980        var(--light-color-saturated) 100%
3981      );
3982    }
3983
3984    .footer-gallery {
3985      max-width: calc(var(--page-max-width) * 0.8);
3986      margin: 0 auto;
3987      position: relative;
3988      z-index: 1;
3989    }
3990
3991    .footer-gallery-title {
3992      margin: 4rem 2rem 2.5rem;
3993      text-decoration: underline;
3994      text-underline-offset: 1rem;
3995      text-decoration-thickness: 0.25rem;
3996      text-decoration-color: var(--emphasis-color);
3997      line-height: 3.5rem;
3998    }
3999
4000    .footer-gallery-item-container {
4001      display: flex;
4002      flex-wrap: wrap;
4003      gap: 1.5%;
4004      justify-content: center;
4005      margin: 0 1rem;
4006      padding-bottom: 0.5rem;
4007      min-width: 53rem;
4008    }
4009
4010    .footer-gallery-item {
4011      width: 23%;
4012      aspect-ratio: 7/6;
4013      margin-bottom: 1.5%;
4014      cursor: pointer;
4015      position: relative;
4016      min-width: 200px;
4017    }
4018
4019    .footer-gallery-item .image {
4020      height: 100%;
4021      width: 100%;
4022      object-fit: cover;
4023    }
4024
4025    .footer-gallery-item:hover .image {
4026      filter: brightness(0.75);
4027      transition: var(--ease-transition-slow);
4028    }
4029
4030    .footer-gallery-item-more {
4031      width: 100%;
4032      overflow: hidden;
4033      opacity: 0;
4034      position: absolute;
4035      top: 0;
4036      display: flex;
4037      justify-content: center;
4038      align-items: center;
4039    }
4040
4041    .footer-gallery-item:hover .footer-gallery-item-more {
4042      height: 100%;
4043      opacity: 1;
4044      transition: var(--ease-transition-slow);
4045    }
4046
4047    .footer-gallery-item-more-icon {
4048      height: 1.5rem;
4049      width: 1.5rem;
4050      box-sizing: content-box;
4051      fill: var(--primary-shade-800);
4052      background: var(--emphasis-color);
4053      padding: 0.5rem;
4054      border-radius: 50%;
4055      border: 0.15rem solid var(--primary-shade-800);
4056      filter: brightness(1.1);
4057      transition: var(--ease-transition-slow);
4058    }
4059
4060    .footer-gallery-item-more-icon:hover {
4061      fill: var(--emphasis-color);
4062      background: var(--primary-shade-800);
4063      transition: var(--ease-transition-slow);
4064    }
4065
4066    .footer-gallery-wrapper {
4067      max-width: 100vw;
4068      overflow-x: auto;
4069    }
4070
4071    .footer-nav-media-item {
4072      max-width: 100%;
4073      min-width: 7rem;
4074    }
4075
4076    .footer-no-faq {
4077      height: 5rem;
4078    }
4079
4080    .footer-nav-media-item.mod-extra .image {
4081      max-height: 7rem;
4082      width: 100%;
4083    }
4084
4085    .footer-nav-media-item.mod-extra {
4086      margin: 1rem 0;
4087    }
4088
4089    .footer-bottom-banner-container {
4090      border-top: solid 0.05rem var(--light-color);
4091      padding: 0.5rem var(--page-margin);
4092      display: flex;
4093      justify-content: space-between;
4094      align-items: center;
4095      min-height: 4.5rem;
4096    }
4097
4098    .footer-social-icon-container {
4099      text-decoration: none;
4100    }
4101
4102    .footer-social-icon-fill {
4103      background: var(--light-color);
4104      border-radius: 50%;
4105      width: 2.7rem;
4106      height: 2.3rem;
4107      display: flex;
4108      justify-content: center;
4109      align-items: center;
4110    }
4111
4112    .footer-social-icon-fill:hover {
4113      filter: brightness(0.7);
4114    }
4115
4116    .footer-social-icon-fill svg {
4117      fill: var(--primary-color);
4118    }
4119
4120    .footer-social-icon-fill svg.mod-ig {
4121      color: var(--primary-color);
4122      height: 1.9rem;
4123      width: 1.7rem;
4124      box-sizing: border-box;
4125      padding: 0.1rem;
4126    }
4127
4128    .footer-social-icon {
4129      fill: var(--light-color);
4130      color: var(--light-color);
4131      height: 2.25rem;
4132      width: 2.25rem;
4133      transition: var(--ease-transition);
4134    }
4135
4136    .footer-bottom-social-container {
4137      display: flex;
4138      gap: calc(1rem + 2%);
4139      align-items: center;
4140    }
4141
4142    .footer-social-icon:hover {
4143      filter: brightness(0.7);
4144    }
4145
4146    .footer-bottom-details-container {
4147      margin-bottom: 0.25rem;
4148    }
4149
4150    .footer-bottom-item a {
4151      color: var(--light-color);
4152      text-decoration-thickness: 0.1rem;
4153    }
4154
4155    .footer-bottom-item {
4156      font-size: 75%;
4157      color: var(--light-color);
4158      text-align: end;
4159      margin: 0.25rem 0;
4160    }
4161
4162    .recaptcha-footer {
4163      font-size: 75%;
4164      margin-top: 0.25rem;
4165    }
4166
4167    .white-pine-footer {
4168      margin-top: 0.5rem;
4169    }
4170
4171    .white-pine-footer a {
4172      font-weight: 400;
4173      transition: var(--ease-transition);
4174    }
4175
4176    .white-pine-footer a:hover {
4177      color: greenyellow;
4178      transition: var(--ease-transition);
4179      text-decoration: underline;
4180      text-decoration-thickness: 0.1rem;
4181      text-underline-offset: 0.2rem;
4182    }
4183
4184    @media (max-width: 895px) {
4185      .footer-gallery-title {
4186        margin: 2rem 1rem 2rem;
4187      }
4188
4189      .footer-nav-media-item {
4190        min-height: 7rem;
4191      }
4192
4193      .footer-nav-media-item.mod-extra .image {
4194        max-height: 10rem;
4195      }
4196
4197      .footer-bottom-banner-container {
4198        padding: 1rem var(--page-margin) 4.5rem;
4199        justify-content: center;
4200        flex-direction: column;
4201        align-items: center;
4202      }
4203
4204      .footer-bottom-social-container {
4205        margin: 1rem 0;
4206      }
4207
4208      .footer-bottom-item {
4209        text-align: center;
4210      }
4211    }
4212  </style>
4213  
4214  
4215  
4216  
4217  
4218  
4219  
4220  
4221    
4222    
4223
4224  <div class="footer-container">
4225    
4226      
4227    
4228    
4229      
4230    
4231    
4232      
4233    
4234    <div class="footer-nav-wrapper">
4235      <div class="footer-nav-container">
4236        <div class="footer-nav-contact">
4237          <div class="footer-nav-contact-item">
4238            <div class="footer-nav-contact-item-title">Contact</div>
4239            <div class="footer-nav-contact-item-content">
4240              
4241              
4242            </div>
4243          </div>
4244          <div class="footer-nav-contact-item">
4245            <div class="footer-nav-contact-item-title">Address</div>
4246            <div class="footer-nav-contact-item-content">
4247              8403 County Road 15, Angelica, NY 14709
4248            </div>
4249          </div>
4250        </div>
4251        <div class="footer-nav-items">
4252          <div class="footer-nav-group-container">
4253            
4254              
4255                
4256  <div class="footer-nav-group">
4257      
4258          
4259            <div class="footer-nav-group-title">
4260                Ways To Stay
4261            </div>
4262            <div class="footer-nav-item-container">
4263              <a class="footer-nav-menu-item"
4264                 href="https://evergreentrails.com/ways-to-stay"
4265              >Ways To Stay</a>
4266            </div>
4267          
4268      
4269  </div>
4270
4271              
4272              
4273                
4274  <div class="footer-nav-group">
4275      
4276          
4277            <div class="footer-nav-group-title">
4278                Activities
4279            </div>
4280            <div class="footer-nav-item-container">
4281              <a class="footer-nav-menu-item"
4282                 href="https://evergreentrails.com/things-to-do"
4283              >Activities</a>
4284            </div>
4285          
4286      
4287  </div>
4288
4289              
4290              
4291                
4292  <div class="footer-nav-group">
4293      
4294          
4295            <div class="footer-nav-group-title">
4296                Local Attractions
4297            </div>
4298            <div class="footer-nav-item-container">
4299              <a class="footer-nav-menu-item"
4300                 href="https://evergreentrails.com/places-to-go"
4301              >Local Attractions</a>
4302            </div>
4303          
4304      
4305  </div>
4306
4307              
4308              
4309                
4310  <div class="footer-nav-group">
4311      
4312        <div class="footer-nav-group-title">
4313            More
4314        </div>
4315        <div class="footer-nav-item-container">
4316            
4317              <a class="footer-nav-menu-item"
4318                 href="https://evergreentrails.com/facilities"
4319              >Facilities</a>
4320            
4321              <a class="footer-nav-menu-item"
4322                 href="https://evergreentrails.com/map"
4323              >Map</a>
4324            
4325              <a class="footer-nav-menu-item"
4326                 href="https://evergreentrails.com/faqs"
4327              >FAQs</a>
4328            
4329              <a class="footer-nav-menu-item"
4330                 href="https://evergreentrails.com/rates"
4331              >Rates</a>
4332            
4333              <a class="footer-nav-menu-item"
4334                 href="https://evergreentrails.com/rules"
4335              >Rules &amp; Policies</a>
4336            
4337              <a class="footer-nav-menu-item"
4338                 href="https://evergreentrails.com/contact-us"
4339              >Contact Us</a>
4340            
4341        </div>
4342      
4343  </div>
4344
4345              
4346              
4347            
4348          </div>
4349        </div>
4350        <div class="footer-nav-media">
4351          
4352        </div>
4353      </div>
4354      <div class="footer-bottom-banner-container">
4355        <div class="footer-bottom-social-container">
4356          
4357          
4358          
4359          
4360          
4361            <a
4362              class="footer-social-icon-container"
4363              rel="noopener"
4364              target="_blank"
4365              href="https://www.facebook.com/p/Evergreen-Trails-Campground-100041091860902/"
4366              aria-label="Facebook social link"
4367            >
4368              <svg class="footer-social-icon">
4369                <use xlink:href="#wwd-facebook"></use>
4370              </svg>
4371            </a>
4372          
4373          
4374            <a
4375              class="footer-social-icon-container footer-social-icon-fill"
4376              rel="noopener"
4377              target="_blank"
4378              href="https://www.instagram.com/evergreentrailscampground/"
4379              aria-label="Instagram social link"
4380            >
4381              <svg class="footer-social-icon mod-ig">
4382                <use xlink:href="#wwd-instagram"></use>
4383              </svg>
4384            </a>
4385          
4386          
4387          
4388            <a
4389              class="footer-social-icon-container footer-social-icon-fill"
4390              rel="noopener"
4391              target="_blank"
4392              href="https://www.tripadvisor.com/Hotel_Feature-g29817-d1733297-zft1-Evergreen_Trails_Campground.html"
4393              aria-label="Trip Advisor social link"
4394            >
4395              <svg class="footer-social-icon">
4396                <use xlink:href="#wwd-trip-advisor"></use>
4397              </svg>
4398            </a>
4399          
4400        </div>
4401        <div class="footer-bottom-details-container">
4402          
4403          
4404          <div class="footer-bottom-item">
4405            <div class="recaptcha-footer">
4406              This site is protected by reCAPTCHA Enterprise and the Google
4407              <a
4408                target="_blank"
4409                rel="noopener"
4410                href="https://policies.google.com/privacy"
4411                >Privacy Policy</a
4412              >
4413              and
4414              <a
4415                target="_blank"
4416                rel="noopener"
4417                href="https://policies.google.com/terms"
4418                >Terms of Service</a
4419              >
4420              apply.
4421            </div>
4422          </div>
4423          <div class="footer-bottom-item">
4424            <div
4425              class="white-pine-footer flex items-center justify-center gap-1 text-[0.65rem] transition ease-in-out hover:opacity-100 md:justify-end"
4426              style="font-weight: 100;"
4427            >
4428              Built with
4429              <a
4430                href="https://blockcms.build/"
4431                target="_blank"
4432                rel="noopener"
4433                class="group flex items-center gap-1 no-underline"
4434              >
4435                BlockCMS
4436              </a>
4437              
4438            </div>
4439          </div>
4440        </div>
4441      </div>
4442    </div>
4443  </div>
4444  
4445  
4445<script>
4446      wMain.handleReadMore();
4447  </script>
4447
4448  
4449  
4450
4451  
4452  
4452<script src="https://storage.googleapis.com/white-pine-cms-public/scripts/swiper-bundle.min.js"></script>
4452
4453  
4453<script>
4454    var swiper = new Swiper(".app-image-gallery-swiper", {
4455      loop: true,
4456      lazy: true,
4457      pagination: {
4458        el: ".swiper-pagination",
4459        clickable: true,
4460      },
4461      navigation: {
4462        nextEl: ".swiper-button-next",
4463        prevEl: ".swiper-button-prev",
4464      },
4465    });
4466  </script>
4466
4467
4468
4469  </div>
4470
4471  </body>
4472</html>

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.