1<!doctype html> 2<html lang='en-us'> 3 <head> 4 <!-- meta --> 5 <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 6 <meta charset="utf-8" /> 7 <title>The 130-Year-Old Tree Experiment Hiding in Northern Michigan</title> 8 <link rel="canonical" href="https://graylingmichigan.org/articles/post/the-130-year-old-tree-experiment-hiding-in-northern-michigan/" /> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1" /> 10 <meta name="sv-nav-properties" content="{"title":"post","id":"649d0bafca6edd1f0089ad43","parents_ids":["649d0b61ca6edd1f0089ad2d"],"site_name":"primary","section":"system","folderHref":"/articles/post/"}" /> 11 <meta name="twitter:card" content="summary_large_image" /> 12 <meta name="referrer" content="always" /> 13 <meta name="description" content="Planted in 1888, the W.J. Beal Tree Plantation in Grayling, Michigan, is more than a short walking trail through the woods. In fact, it may be the oldest documented tree plantation in North America" /> 14 <meta name="robots" content="index, follow" /> 15 <meta property="og:title" content="The 130-Year-Old Tree Experiment Hiding in Northern Michigan" /> 16 <meta property="og:url" content="https://graylingmichigan.org/articles/post/the-130-year-old-tree-experiment-hiding-in-northern-michigan/" /> 17 <meta property="og:locale" content="en_us" /> 18 <meta property="og:type" content="article" /> 19 <meta property="og:description" content="Planted in 1888, the W.J. Beal Tree Plantation in Grayling, Michigan, is more than a short walking trail through the woods. In fact, it may be the oldest documented tree plantation in North America" /> 20 <meta property="og:image" content="https://assets.simpleviewinc.com/simpleview/image/upload/c_limit,h_1200,q_75,w_1200/v1/clients/graylingmi/Beal_Plantation_013_1685c6f5-4bd6-4126-8d3f-5a715ba2188f.jpg" /> 21 <meta property="og:image:width" content="1200" /> 22 <meta property="og:image:height" content="899" /> 23 <meta property="article:published_time" content="2026-09-22T00:00:00.000Z" /> 24 <meta property="article:modified_time" content="2026-09-22T00:30:08.149Z" /> 25 26 <!-- head css bundles --> 27 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/widget_call_to_action.css"/> 28 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/nav/virtuals/css/shared.css"/> 29 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/nav/virtuals/css/widget_main_dropdown.css"/> 30 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/nav/virtuals/css/widget_secondary.css"/> 31 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/nav/virtuals/css/widget_footer.css"/> 32 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/weather/virtuals/css/shared.css"/> 33 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.min.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 34 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/search/virtuals/css/custom_headerbox.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 35 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/nav/virtuals/css/widget_main.css"/> 36 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/collections/virtuals/css/widget_template_custom_social_links.css"/> 37 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/blog/virtuals/css/custom_blog_index.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 38 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/blog/virtuals/css/custom_blog_detail.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 39 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/blog/virtuals/css/custom_shared.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 40 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/custom_quickview.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 41 <link rel="stylesheet" href="https://unpkg.com/@glidejs/[email protected]/dist/css/glide.core.min.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 42 <link rel="stylesheet" href="https://unpkg.com/plyr@^3/dist/plyr.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 43 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/custom_lightbox.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 44 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/reboot.css"/> 45 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/variables.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 46 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/swatches.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 47 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/shared.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 48 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/custom_header.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 49 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/custom_header_hamburger.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 50 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/shared_print.css" media="print" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 51 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/custom_footer.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 52 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/custom_core_styles.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 53 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/custom_forms.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 54 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/widget_social_share.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 55 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/fontawesome/css/fontawesome.min.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 56 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/fontawesome/css/brands.min.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 57 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/fontawesome/css/regular.min.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 58 <link rel="stylesheet" href="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/css/fontawesome/css/solid.min.css" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 59 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Aleo:wght@400;500;600;700&family=Montserrat:wght@600;700&display=swap" media="print" onload="this.onload=null;this.media='all'" class="preloaded-css"/> 60 61 <!-- head js bundles --> 62
62<script src="https://unpkg.com/plyr@^3/dist/plyr.polyfilled.min.js"></script>
62 63
63<script src="https://player.vimeo.com/api/player.js"></script>
63 64
64<script src="/includes/public/managed/v_b35e94c3_57d3166e/core/libs/sv/requirejs/public/require.js" data-ot-ignore></script>
64 65
65<script src="/requirejs_config_b35e94c3_57d3166e.js" data-ot-ignore></script>
65 66
66<script src="/includes/public/managed/v_b35e94c3_57d3166e/core/libs/sv/siteLib/public/js/globalHeader.js"></script>
66 67
67<script src="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/js/shared_header.js" defer></script>
67 68
68<script src="https://next.imgoingcalendar.com/imgoing-prerender.js?hubName=GraylingMI" defer></script>
68 69 70 <!-- bottomHead --> 71 72
72<script data-id="site_gtm">
vendor: 365 bytes, lines 72-77
72 73 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 74 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 75 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 76 '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 77 })(window,document,'script','gtmDataLayer','
77GTM-NF7Z6ZCQ
vendor: 11 bytes, lines 77-78
77'); 78
78</script>
78 79 80
80<script data-id="site_gtm">
vendor: 365 bytes, lines 80-85
80 81 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 82 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 83 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 84 '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 85 })(window,document,'script','gtmDataLayer','
85GTM-NFBVG93
vendor: 11 bytes, lines 85-86
85'); 86
86</script>
86 87 88 89 <!-- 90 Use this template to add items to the <head> 91 --> 92 93 <link rel="preconnect" href="https://assets.simpleviewinc.com"> 94 <link rel="preconnect" href="https://kit.fontawesome.com"> 95 <link rel="preconnect" href="https://securepubads.g.doubleclick.net"> 96 <link rel="preconnect" href="https://www.google-analytics.com"> 97 <link rel="preconnect" href="https://ws.audioeye.com"> 98 <link rel="preconnect" href="https://wsv3cdn.audioeye.com"> 99 <link rel="preconnect" href="https://www.googletagmanager.com"> 100 <link rel="preconnect" href="https://player.vimeo.com/"> 101 <link rel="preconnect" href="https://unpkg.com"> 102 <link rel="preconnect" href="https://fonts.googleapis.com"> 103 104 <!-- 105 106 Most common Font URLs. (Only uncomment the ones being used) 107 108 # GOOGLE FONTS 109 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 110 111 # ADOBE TYPEKIT FONTS 112 <link rel="preconnect" href="https://use.typekit.net" crossorigin> 113 <link rel="preconnect" href="https://p.typekit.net" crossorigin> 114 115 --> 116 <!-- Userway accessibility widget, per email 2026-01-28 Rob T --> 117
117<script src="https://cdn.userway.org/widget.js" data-account="r029ImJsR2"></script>
117 118 119 <!-- Meta Pixel Code --> 120
120<script>
vendor: 510 bytes, lines 120-132
120 121 !function (f, b, e, v, n, t, s) { 122 if (f.fbq) return; n = f.fbq = function () { 123 n.callMethod ? 124 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 125 }; 126 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 127 n.queue = []; t = b.createElement(e); t.async = !0; 128 t.src = v; s = b.getElementsByTagName(e)[0]; 129 s.parentNode.insertBefore(t, s) 130 }(window, document, 'script', 131 'https://connect.facebook.net/en_US/fbevents.js'); 132 fbq('init', '
1322311071769075432
vendor: 37 bytes, lines 132-134
132'); 133 fbq('track', 'PageView'); 134
134</script>
134 135 <noscript><img height="1" width="1" style="display:none" 136 src="https://www.facebook.com/tr?id=2311071769075432&ev=PageView&noscript=1" /></noscript> 137 <!-- End Meta Pixel Code --> 138 139 <style data-critical-styles> 140 /* variables */ 141 :root{--font-montserrat:"Montserrat",sans-serif;--font-aleo:"Aleo",serif;--font-body:var(--font-montserrat);--font-display:var(--font-aleo);--font-display-system:var(--font-display);--fa-6-family:"Font Awesome 6 Pro";--fa-6-sharp-family:"Font Awesome 6 Sharp";--width-compact:calc(var(--width-comfortable) * (2/3));--width-comfortable:72ch;--width-double:calc(var(--width-comfortable) * 2);--width-base:1000px;--width-feature:1440px;--width-fullscreen:100vw;--width-collection:1318px;--space-px:1px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-40:160px;--space-48:192px;--space-56:224px;--space-64:256px;--container-single:calc(var(--width-comfortable) + var(--space-10));--container-double:calc(var(--width-double) + var(--space-24));--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:4rem;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--black:#000;--white:#fff;--gray-hue:215;--gray-100:var(--white);--gray-200:hsl(var(--gray-hue), 38%, 95%);--gray-300:hsl(var(--gray-hue), 32%, 91%);--gray-400:hsl(var(--gray-hue), 25%, 84%);--gray-500:hsl(var(--gray-hue), 20%, 69%);--gray-600:hsl(var(--gray-hue), 15%, 52%);--gray-700:hsl(var(--gray-hue), 17%, 35%);--gray-800:hsl(var(--gray-hue), 23%, 23%);--gray-900:hsl(var(--gray-hue), 26%, 14%);--primary-color-hue:210;--primary-color-100:hsl(var(--primary-color-hue), 100%, 96%);--primary-color-200:hsl(var(--primary-color-hue), 81%, 86%);--primary-color-300:hsl(var(--primary-color-hue), 82%, 76%);--primary-color-400:hsl(var(--primary-color-hue), 79%, 66%);--primary-color-500:hsl(var(--primary-color-hue), 73%, 57%);--primary-color-600:hsl(var(--primary-color-hue), 62%, 50%);--primary-color-700:hsl(var(--primary-color-hue), 61%, 43%);--primary-color-800:hsl(var(--primary-color-hue), 49%, 34%);--primary-color-900:hsl(var(--primary-color-hue), 47%, 22%);--secondary-color-hue:29;--secondary-color-100:hsl(var(--secondary-color-hue), 100%, 97%);--secondary-color-200:hsl(var(--secondary-color-hue), 96%, 89%);--secondary-color-300:hsl(var(--secondary-color-hue), 93%, 77%);--secondary-color-400:hsl(var(--secondary-color-hue), 90%, 65%);--secondary-color-500:hsl(var(--secondary-color-hue), 84%, 57%);--secondary-color-600:hsl(var(--secondary-color-hue), 75%, 50%);--secondary-color-700:hsl(var(--secondary-color-hue), 71%, 44%);--secondary-color-800:hsl(var(--secondary-color-hue), 65%, 37%);--secondary-color-900:hsl(var(--secondary-color-hue), 61%, 30%);--tertiary-color-hue:0;--tertiary-color-100:hsl(var(--tertiary-color-hue), 93%, 94%);--tertiary-color-200:hsl(var(--tertiary-color-hue), 96%, 89%);--tertiary-color-300:hsl(var(--tertiary-color-hue), 94%, 82%);--tertiary-color-400:hsl(var(--tertiary-color-hue), 91%, 71%);--tertiary-color-500:hsl(var(--tertiary-color-hue), 84%, 60%);--tertiary-color-600:hsl(var(--tertiary-color-hue), 72%, 51%);--tertiary-color-700:hsl(var(--tertiary-color-hue), 74%, 42%);--tertiary-color-800:hsl(var(--tertiary-color-hue), 70%, 35%);--tertiary-color-900:hsl(var(--tertiary-color-hue), 63%, 31%);--shadow-xs:0 0 0 1px rgba(0, 0, 0, 0.05);--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);--shadow-outline:0 0 0 3px rgba(66, 153, 225, 0.5);--rounded-none:0px;--rounded-sm:0.125rem;--rounded-md:0.375rem;--rounded-lg:0.5rem;--rounded-xl:0.75rem;--rounded-2xl:1rem;--rounded-3xl:1.5rem;--rounded-full:9999px;--rounded-circle:50%;--transition-appendix:0.4s ease;--scrollbar-size:var(--space-2)} 142 /* swatches */ 143 :root{--green-66:#66BC29;--green-5a:#5AA624;--green-3e:#3E7319;--blue-2e:#2E4059;--blue-1b:#1B75BC;--blue-29:#29AAE2;--blue-26:#269ED1;--blue-2a:#2A6DB0;--blue-de:#DEF2FA;--gray-45:#454545;--gray-ec:#ECECEC;--sw-body-bg:var(--white);--sw-text-color:var(--blue-2e);--sw-key-color:var(--blue-2e);--sw-key-color-hover:var(--blue-2e);--sw-selected-color:var(--sw-key-color);--sw-alert-color:var(--tertiary-color-500);--sw-focus-color:var(--sw-key-color);--sw-light-focus-color:var(--primary-color-100);--sw-scrollbar-track-color:var(--gray-100);--sw-scrollbar-thumb-color:var(--gray-400);--sw-scrollbar-thumb-hover:var(--gray-500);--sw-scrollbar-thumb-active:var(--gray-600);--sw-letter-spacing:0.8px;--sw-button-primary-bg:var(--green-5a);--sw-button-primary-color:var(--white);--sw-button-primary-bg-hover:var(--green-3e);--sw-button-primary-color-hover:var(--sw-button-primary-color);--sw-button-secondary-bg:var(--blue-1b);--sw-button-secondary-color:var(--white);--sw-button-secondary-bg-hover:var(--blue-2e);--sw-button-secondary-color-hover:var(--white);--sw-button-border-bg:var(--white);--sw-button-border-color:var(--sw-key-color);--sw-button-border-bg-hover:var(--white);--sw-button-border-color-hover:var(--sw-key-color);--sw-text-link-button:var(--sw-key-color);--sw-link-color:var(--blue-1b);--sw-system-link-color:var(--blue-29);--sw-link-hover-color:var(--blue-1b);--sw-system-link-hover-color:var(--blue-29);--sw-icon-color:var(--sw-key-color);--sw-light-icon-color:var(--white);--sw-icon-bg:var(--sw-key-color);--sw-mini-date-bg:var(--green-5a);--sw-mini-date-color:var(--white);--sw-container-bg:var(--primary-color-100);--sw-container-border-color:var(--primary-color-300);--sw-collections-widget-header-border-color:var(--gray-200);--sw-collections-title-color:var(--blue-2a);--sw-collections-text-color:var(--gray-45);--sw-collections-minor-text-color:var(--blue-2a);--sw-collections-text-color-light:var(--white);--sw-collections-minor-text-color-light:var(--gray-200);--sw-collections-view-all-color:var(--sw-button-primary-color);--sw-collections-view-all-bg:var(--sw-button-primary-bg);--sw-collections-view-all-color-hover:var(--sw-button-primary-color-hover);--sw-collections-view-all-bg-hover:var(--sw-button-primary-bg-hover);--sw-collections-read-more-color:var(--sw-button-secondary-color);--sw-collections-read-more-bg:var(--sw-button-secondary-bg);--sw-collections-read-more-color-hover:var(--sw-button-secondary-color-hover);--sw-collections-read-more-bg-hover:var(--sw-button-secondary-bg-hover);--sw-collections-read-more-text-link:var(--sw-text-link-button);--sw-collections-icon-color:var(--blue-1b);--sw-collections-qv-button-color:var(--sw-collections-text-color);--sw-collections-qv-button-color-hover:var(--sw-collections-minor-text-color);--sw-mini-date-color:var(--sw-collections-text-color-light);--sw-mini-date-bg:var(--sw-mini-date-bg)}@media (min-width:1024px){:root{--sw-system-link-color:var(--sw-link-color);--sw-system-link-hover-color:var(--sw-link-hover-color)}} 144 /* core-styles */ 145 body,button,h1,h2,h3,h4,h5,h6,input,p,select{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}hr{height:2px;background-color:var(--gray-45)}button{background-color:var(--sw-button-secondary-bg);color:var(--sw-button-secondary-color)}a{color:var(--sw-link-color)}:is(.core-styles,.contentRender_name_plugins_core_textbox) img[style*="float: left;"],:is(.core-styles,.contentRender_name_plugins_core_textbox)>p:not([style="text-align: right;"])>img{margin-left:0}:is(.core-styles,.contentRender_name_plugins_core_textbox) img[style*="float: right;"],:is(.core-styles,.contentRender_name_plugins_core_textbox)>p:not([style="text-align: right;"])>img[style*="float: right"],:is(.core-styles,.contentRender_name_plugins_core_textbox)>p[style="text-align: right;"]>img{margin-right:0}:is(.core-styles,.contentRender_name_plugins_core_textbox) h1{color:var(--blue-1b);font-family:var(--font-aleo);font-weight:700;font-size:2.3125rem;line-height:1.2;margin-bottom:15px}:is(.core-styles,.contentRender_name_plugins_core_textbox) h2{color:var(--blue-2e);font-family:var(--font-montserrat);font-weight:600;font-size:1.875rem;line-height:1.2;margin-bottom:15px}:is(.core-styles,.contentRender_name_plugins_core_textbox) h3{color:var(--blue-2e);font-family:var(--font-aleo);font-weight:500;font-size:1.875rem;line-height:1.2;margin-bottom:15px}:is(.core-styles,.contentRender_name_plugins_core_textbox) h4{color:var(--blue-26);font-family:var(--font-aleo);font-weight:600;font-size:1.6875rem;line-height:1.2;margin-bottom:15px}:is(.core-styles,.contentRender_name_plugins_core_textbox) h5{color:var(--blue-2e);font-family:var(--font-montserrat);font-weight:700;font-size:1.3125rem;line-height:1.2;margin-bottom:15px}:is(.core-styles,.contentRender_name_plugins_core_textbox) h6{color:var(--blue-2e);font-family:var(--font-montserrat);font-weight:700;font-size:1.125rem;line-height:1.2;margin-bottom:15px}:is(.core-styles,.contentRender_name_plugins_core_textbox) p{color:var(--gray-45);font-family:var(--font-aleo);font-weight:400;font-size:1.0625rem;line-height:1.6;margin-bottom:15px}:is(.core-styles,.contentRender_name_plugins_core_textbox) .sv-wrapped-iframe{margin-bottom:var(--space-4)}:is(.core-styles,.contentRender_name_plugins_core_textbox) a{text-decoration:none;color:var(--blue-1b);font-weight:600;transition:underline var(--transition-appendix)}:is(.core-styles,.contentRender_name_plugins_core_textbox) blockquote{margin:var(--space-12) 0;padding:var(--space-6) var(--space-8);border-left:4px solid var(--primary-color-500)}:is(.core-styles,.contentRender_name_plugins_core_textbox) blockquote>p{margin:0;font-size:var(--text-2xl);font-weight:400;line-height:var(--leading-snug);color:var(--gray-600)}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(table){background:var(--white);margin-bottom:15px;table-layout:auto;padding:var(--space-2)}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(table tbody tr td,table tr td){display:table-cell}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(td,tr){color:var(--gray-45);font-family:var(--font-aleo);font-weight:400;font-size:1.0625rem;line-height:1.6;padding:5px 8px;border:1px solid var(--gray-500)}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(table tr):nth-of-type(2n){background:#f1f1f1}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(ul,ol){margin-bottom:15px;margin-left:var(--space-5)}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(ul,ol):not([class*=block-grid-]) li{font-family:var(--font-aleo);font-weight:400;font-size:1.0625rem;line-height:1.6}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(ul){list-style-type:disc}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(ol){list-style-type:decimal}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(ul li ul){list-style-type:circle}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(ul ul ul){list-style-type:square}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(ul li ul,ul li ol,ol li ol){margin-left:var(--space-5)}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(h1,h2,h3,h4,h5,h6)>a,:is(h1,h2,h3,h4,h5,h6)>a{font:inherit;color:inherit;text-decoration:none}.contentRender_name_plugins_core_textbox img{--margin-sides:var(--space-6);margin-bottom:var(--space-4);margin-left:var(--margin-sides);margin-right:var(--margin-sides);display:inline-block;max-width:calc(100% - (var(--margin-sides) * 2))}@media (hover:hover){button:hover{background-color:var(--sw-button-secondary-bg-hover);color:var(--sw-button-secondary-color-hover)}a:hover{text-decoration:none}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(h1,h2,h3,h4,h5,h6)>a:hover,:is(h1,h2,h3,h4,h5,h6)>a:hover{font:inherit;color:inherit;text-decoration:underline}:is(.core-styles,.contentRender_name_plugins_core_textbox) a:hover{text-decoration:underline}}@media screen and (min-width:40em){:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(h1,h2,h3,h4,h5,h6,p,ul,ol,table){margin-block-end:20px}}@media screen and (min-width:64em){:is(.core-styles,.contentRender_name_plugins_core_textbox) h1{font-size:3.75rem;line-height:1.2}:is(.core-styles,.contentRender_name_plugins_core_textbox) h2{font-size:2.5rem;line-height:1.2}:is(.core-styles,.contentRender_name_plugins_core_textbox) h3{font-size:2.375rem;line-height:1.2}:is(.core-styles,.contentRender_name_plugins_core_textbox) h4{font-size:2.0625rem;line-height:1.2}:is(.core-styles,.contentRender_name_plugins_core_textbox) h5{font-size:1.625rem;line-height:1.2}:is(.core-styles,.contentRender_name_plugins_core_textbox) h6{font-size:1.375rem;line-height:1.2}:is(.core-styles,.contentRender_name_plugins_core_textbox) :is(p,ul,ol,table td,table tr){font-size:1.125rem;line-height:1.75}} 146 /* common shared */ 147 .panel-social .title-container,.skip-link[href],.widget-view-all{text-align:center}.panel-intro .top-cont .title,.widget-view-all{font-family:var(--font-body);text-transform:uppercase;letter-spacing:var(--sw-letter-spacing)}html{overflow-y:scroll}body>.contentRender{min-height:100%;height:100%}body,html{height:100%;font-family:var(--font-body);color:var(--sw-text-color)}body{background:var(--sw-body-bg)}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.skip-link[href]{z-index:5000000;display:block;margin:0;padding:var(--space-8) var(--space-12);width:auto;height:auto;font-size:var(--text-3xl);line-height:var(--leading-tight);color:var(--gray-100);border:4px dashed var(--gray-100);background:var(--gray-900);opacity:0;clip:auto;white-space:normal;pointer-events:none;transition:opacity .2s cubic-bezier(0,0,.3,1)}.skip-link[href]:focus-visible{opacity:1;pointer-events:all}.contentRender_name_plugins_blog_articles_posts,.contentRender_name_plugins_blog_leisure_blog_posts,.contentRender_name_plugins_collections_template_custom_contacts,.contentRender_name_plugins_collections_template_custom_list,.contentRender_name_plugins_common_button,.contentRender_name_plugins_core_textbox,.contentRender_name_plugins_crm_formbuilder,.contentRender_name_plugins_crm_rfp,.contentRender_name_plugins_crm_rsvp,.contentRender_name_plugins_events_submitevent,.contentRender_name_plugins_nav_sitemap,.contentRender_name_plugins_search_results{width:100%;padding:0 var(--space-5);margin:0 auto}.contentRender_name_plugins_core_textbox{padding:var(--space-8) var(--space-5)}.contentRender_name_plugins_crm_dms_formbuilder{margin:0 auto;max-width:var(--width-base)}.panel-page{position:relative;display:grid;grid-template-columns:100%;grid-template-rows:auto auto 1fr auto;min-height:100%}.panel-page.no-hero #main-content{margin-block-start:100px}.panel-navigation-share{display:flex;justify-content:flex-start;align-items:center;max-width:1325px;padding:0 var(--space-5);margin:0 auto;margin-bottom:var(--space-8)}.panel-navigation-share .navigation-container,.visitorsPluginContainer .fb-login-button,.visitorsPluginContainer .login_or{display:none}.panel-intro::after,.panel-intro::before{content:'';width:100%;display:block;position:absolute}.panel-navigation-share .share-container{margin-left:auto}.panel-intro{position:relative;margin:0 auto var(--space-16);background:linear-gradient(to top,#1b75bc,rgba(27,118,188,.2));z-index:1}.panel-intro::after,.panel-intro::before,.slide-img{background-repeat:no-repeat}.panel-intro::before{pointer-events:none;background-image:url(/includes/public/assets/shared/decorations/wave-lines-repeatable.svg);background-size:cover;background-position:center;height:52px;top:-23px;opacity:.3}.panel-intro::after{background-position:top center;background-size:100%;background-image:url(/includes/publi
147c/assets/shared/decorations/wordmark.svg);height:100%;max-width:400px;top:0;left:50%;transform:translate(-50%,0);z-index:-1}.panel-intro .panel-intro-inner .top-cont{max-width:960px;margin:0 auto;padding:62px 20px 78px;min-height:400px}.panel-intro .top-cont :is(.title,.subtitle){text-align:center}.panel-intro .top-cont .title{margin-bottom:10px;font-size:1.1875rem;font-weight:600;line-height:1}.panel-intro .top-cont .subtitle{font-family:var(--font-display);font-size:1rem;line-height:1.3;font-weight:600;letter-spacing:.48px;text-transform:uppercase;margin-bottom:12px}.panel-intro .top-cont .text-cont{margin-bottom:28px}.panel-intro .top-cont :is(.core-styles,.contentRender_name_plugins_core_textbox) p{font-size:.875rem;font-weight:500;line-height:1.5;color:var(--white);text-align:center}.panel-intro .top-cont .view-all-cont{display:flex;justify-content:center;align-items:center}.panel-intro .cta-cont{background-color:var(--white)}.panel-intro .cta-cont .cta-cont-inner{display:flex;justify-content:center;align-items:flex-start;max-width:580px;margin:0 auto}.panel-intro .cta-cont .contentRender_name_plugins_common_call_to_action{margin-top:-35px;width:calc(100% / 3)}.call-to-action .content{max-width:85%}.panel-intro .cta-cont .title{font-family:var(--font-display);color:var(--sw-key-color);font-size:.875rem;font-weight:600}.panel-intro .cta-cont .call-to-action .icon{height:76px;width:76px;background-color:var(--sw-key-color);color:var(--white);border:3px solid var(--white)}@media screen and (min-width:375px){.panel-intro .top-cont .title{font-size:1.875rem}.panel-intro .top-cont .subtitle{font-size:1.125rem}.panel-intro .top-cont :is(.core-styles,.contentRender_name_plugins_core_textbox) p{font-size:1.125rem}}@media screen and (min-width:64em){.panel-page.no-hero #main-content{margin-block-start:170px}.panel-intro::before{margin:-2px auto var(--space-16);background-repeat:repeat;height:116px;top:-58px}.panel-intro::after{max-width:794px}.panel-intro .panel-intro-inner .top-cont{padding:100px 20px 120px;min-height:626px}.call-to-action .content{max-width:unset}.panel-intro .top-cont .title{position:relative;margin-bottom:16px;font-size:3.4375rem;z-index:0}.panel-intro .top-cont .subtitle{margin-bottom:30px;font-size:1.9375rem}.panel-intro .top-cont .text-cont{margin-bottom:32px}.panel-intro .top-cont :is(.core-styles,.contentRender_name_plugins_core_textbox) p{font-size:1.25rem;line-height:1.8}.panel-intro .view-all-cont .widget-view-all{padding:13px 32.35px;font-size:1.125rem}.panel-intro .cta-cont .cta-cont-inner{max-width:780px}.panel-intro .cta-cont .contentRender_name_plugins_common_call_to_action{margin-top:-65px}.panel-intro .cta-cont .call-to-action .icon{margin-bottom:11px;height:137px;width:137px}.panel-intro .cta-cont .title{font-size:1.5rem;max-width:90%}}@media screen and (min-width:90em){.panel-intro .cta-cont .title{max-width:unset}}.panel-social{max-width:var(--width-base);margin:0 auto;padding:0 var(--space-5)}.panel-three-column,.panel-two-column{max-width:var(--width-base);padding:0;margin:0 auto;margin-bottom:var(--space-8)}.panel-three-column :is(.left-container,.center-container,.right-container),.panel-two-column :is(.left-container,.right-container){padding:0 var(--space-5)}:is(.panel-intro,.panel-social,.panel-three-column,.panel-two-column) .contentRender_name_plugins_core_textbox{padding:0}.sv-col>.contentRender>.sv-panel{margin-left:calc(-1 * var(--space-5));margin-right:calc(-1 * var(--space-5))}:is(input,button,select,textarea,a):focus-visible{outline:var(--sw-focus-color) solid 1px;outline-offset:2px}.shared-play-button{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:var(--space-16);height:var(--space-16);padding:0;background-color:var(--sw-key-color);border-radius:50%;font-size:var(--text-2xl);line-height:1;text-align:center;color:var(--blue-29);border:3px solid var(--white);pointer-events:none;transition:background-color .1s,border-color .1s}.glide__arrow,.sv-lightbox .arrow,.widget-view-all{transition:color var(--transition-appendix),background-color var(--transition-appendix)}.video-player .plyr{container:plyr-container/inline-size}.video-player .title{font-family:var(--font-body);text-transform:uppercase;color:var(--sw-key-color);letter-spacing:var(--letter-spacing)}.video-player .plyr__control--overlaid{background-color:var(--sw-key-color);border:3px solid var(--white);color:var(--blue-29);height:52px;width:52px;opacity:1}.video-player .plyr--video .plyr__control:hover{background-color:var(--blue-29);border:3px solid var(--blue-29);color:var(--sw-key-color)}@container plyr-container (min-width:64em){.video-player .plyr__control--overlaid{height:88px;width:88px}.plyr__control--overlaid svg{left:25%}.plyr__control svg{height:30px;width:30px}}.ccl-widget .slide-top .credits,.image-box-with-caption .credits,.related-content .credits,.slide-top .credits{position:absolute;bottom:0;right:0;margin:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:.66rem;font-style:italic;text-shadow:0 0 10px var(--black);color:var(--white);pointer-events:none;z-index:10}.credits a,.credits a:hover{color:inherit;position:relative;z-index:100;pointer-events:all}.credits a:hover{text-decoration:underline}.glide__arrow,.sv-lightbox .arrow{--arrow-color:var(--white);--arrow-bg-color:var(--blue-2e);position:relative;width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin:var(--space-3);background-color:var(--arrow-bg-color);border:2px solid var(--arrow-color);border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);font-size:var(--text-xl);color:var(--arrow-color);pointer-events:all}.glide__arrow.glide__arrow--left::after,.glide__arrow.glide__arrow--right::after{pointer-events:none;font-family:var(--fa-6-sharp-family);font-weight:700;color:var(--white);font-size:1rem}.glide__arrow.glide__arrow--right::after{content:'\f30b'}.glide__arrow.glide__arrow--left::after{content:'\f30a'}.glide__arrow i,.sv-lightbox .arrow i{line-height:var(--leading-none);display:none}.glide.fade .glide__slides{transform:none!important;display:block;width:auto!important}.glide.fade .glide__slide{position:absolute;
147left:0;top:0;z-index:1;opacity:0;transition:opacity .8s}.glide.fade .glide__slide:first-child{position:relative}.glide.fade .glide__slide--active{z-index:2;opacity:1}.slide-img{background-color:#eee;background-position:130% 0;background-size:200% 100%;background-image:linear-gradient(to right,#eee 45%,#f6f6f6,#eee 65%);animation:1.2s ease-in-out infinite img-loading}.slide-img.loaded{animation:none}@keyframes img-loading{to{background-position:-30% 0}}.body-overlay{position:fixed;inset:0;display:none;background-color:rgba(0,0,0,.2);z-index:3}.hamburger-open .body-overlay{display:block}@media (min-width:64em){.contentRender_name_plugins_collections_template_custom_contacts,.contentRender_name_plugins_collections_template_custom_list,.contentRender_name_plugins_common_button,.contentRender_name_plugins_core_textbox,.contentRender_name_plugins_nav_sitemap,.contentRender_name_plugins_search_results{max-width:var(--width-base)}.contentRender_name_plugins_crm_formbuilder,.contentRender_name_plugins_crm_rfp,.contentRender_name_plugins_crm_rsvp,.contentRender_name_plugins_events_submitevent{max-width:var(--width-comfortable)}.panel-navigation-share .navigation-container{display:block}.panel-three-column,.panel-two-column{display:flex}.panel-two-column.sidebar-left .left-container{order:1;flex-basis:40%}.panel-two-column.sidebar-left .right-container{order:2;flex-basis:60%}.panel-two-column.sidebar-right .left-container{order:1;flex-basis:60%}.panel-two-column.sidebar-right .right-container{order:2;flex-basis:40%}.panel-two-column.even :is(.left-container,.right-container){flex-basis:50%}.panel-three-column>*{flex-basis:calc(100% / 3)}.hamburger-open .body-overlay{display:none}}.styled-scrollbar{scrollbar-color:var(--sw-scrollbar-thumb-color) var(--sw-scrollbar-track-color);scrollbar-width:thin}.styled-scrollbar::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.styled-scrollbar::-webkit-scrollbar-track{background-color:var(--sw-scrollbar-track-color)}.styled-scrollbar::-webkit-scrollbar-thumb{background-color:var(--sw-scrollbar-thumb-color);border-radius:var(--rounded-md);border:2px solid var(--sw-scrollbar-track-color)}.styled-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--sw-scrollbar-thumb-hover)}.styled-scrollbar::-webkit-scrollbar-thumb:active{background-color:var(--sw-scrollbar-thumb-active)}.contentRender_name_plugins_common_booking_controlled_width,.custom-embed,.custom-embed.controlled{margin-block-end:60px}.panel-accordion{max-width:1200px}.panel-accordion .accordion-item>button,.panel-accordion .accordion-item>button:focus-visible,.panel-accordion .accordion-item>button:hover{background-color:var(--sw-key-color)}.panel-accordion .accordion-item>button{background-color:var(--sw-key-color);color:var(--white);font-family:var(--font-body);font-size:1.25rem;line-height:1.3;font-weight:700;border-radius:6px;padding:12px 53px 12px 14px}.panel-accordion .accordion-item>button>i{left:unset;right:0}.panel-accordion .accordion-item .accordion-content{border:none}.panel-accordion .accordion-item>button>i::before{content:'\2b'}.panel-accordion .accordion-item.active>button>i::before{content:'\f068'}.panel-accordion .accordion-item .accordion-content>.inner{padding:0}.panel-accordion .accordion-item .accordion-content .contentRender_name_plugins_core_textbox p{font-size:1.125rem;line-height:2}.image-box-with-caption .caption{padding:11.25px 15px;font-family:var(--font-display);font-size:.875rem;color:var(--sw-key-color);text-align:left;background-image:linear-gradient(to right,#eaf7fc,#29aAE200)}@media screen and (min-width:64em){.panel-accordion .accordion-item>button{padding:20px 64px;font-size:1.5rem}.panel-accordion .accordion-item>button>i{padding-right:64px}.panel-accordion .accordion-item .accordion-content .contentRender_name_plugins_core_textbox{max-width:1070px}.panel-accordion .accordion-item .accordion-content .contentRender_name_plugins_core_textbox p{padding-top:24px}.image-box-with-caption .caption{padding:9px 15px;font-size:1rem}}.visitorsPluginContainer button.submit{border-radius:0;text-transform:uppercase}.widget-view-all{display:inline-block;padding:9.5px 15.5px;font-size:var(--text-sm);font-weight:700;text-decoration:none;color:var(--sw-collections-view-all-color);background-color:var(--sw-collections-view-all-bg)}@media (hover:hover){.cta-cont .call-to-action a:hover .icon{background-color:var(--green-66)}.contentRender[class*=contentRender_name_plugins_collections] .img-cont:hover .
147shared-play-button,.image-box-with-caption .slide-pic:hover .shared-play-button{border-color:rgba(255,255,255,.6);background-color:rgba(0,0,0,.7)}.widget-view-all:hover{text-decoration:none;color:var(--sw-collections-view-all-color-hover);background-color:var(--sw-collections-view-all-bg-hover)}}@container (min-width:64em){.glide__arrow,.sv-lightbox .arrow{height:60px;width:60px}.glide__arrow.glide__arrow--left::after,.glide__arrow.glide__arrow--right::after{font-size:1.6875rem}.widget-view-all{padding:13px 33px;font-size:1.125rem}} 148 /* collections shared */ 149 .ccl-v2-widget,.ccl-v2-widget .slide,.ccl-v2-widget .slide>.inner{position:relative}.ccl-v2-widget .slide-footer .read-more,.ccl-v2-widget .widget-title,.ccl-v2-widget .widget-view-all{letter-spacing:var(--sw-letter-spacing);text-align:center}.ccl-v2-widget .details a,.ccl-v2-widget .slide-desc .read-more,.ccl-v2-widget .slide-footer button,.ccl-v2-widget .slide-title>a{transition:color var(--transition-appendix)}:root{--widget-margin-bottom:var(--space-12)}.js-loaded{opacity:1!important;transition:opacity var(--transition-appendix)}.ccl-v2-widget,.ccl-v2-widget *{font-family:inherit}.ccl-v2-widget{container-type:inline-size;margin-bottom:var(--widget-margin-bottom);color:var(--sw-collections-text-color)}.ccl-v2-widget .widget-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:start}.ccl-v2-widget .slides{width:100%}@media (min-width:64em){:root{--widget-margcin-bottom:var(--space-24)}}.ccl-v2-widget .widget-header{display:contents}.ccl-v2-widget .view-all-col{width:calc(100% - var(--space-10));max-width:calc(var(--width-base) - var(--space-10));margin:0 auto}.ccl-v2-widget .title-col{margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-3);width:calc(100% - 40px)}.ccl-v2-widget .widget-title{margin:0 auto;font-family:var(--font-body);font-size:1.375rem;font-weight:600;text-transform:uppercase;line-height:1;color:var(--white);display:inline-block;background-color:var(--sw-key-color);padding:12.5px 32.72px;border-radius:6px}.ccl-v2-widget .widget-subtitle{font-weight:500;font-size:.6em;display:none}.ccl-v2-widget .widget-desc{margin:0;font-family:var(--font-body);font-weight:400;font-size:var(--text-base);line-height:var(--leading-snug);color:inherit;display:none}.ccl-v2-widget .view-all-col{display:flex;justify-content:center;order:10}.ccl-v2-widget .widget-view-all{display:inline-block;padding:9.5px 15.5px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;text-decoration:none;text-transform:uppercase;color:var(--sw-collections-view-all-color);background-color:var(--sw-collections-view-all-bg);transition:color var(--transition-appendix),background-color var(--transition-appendix)}.ccl-v2-widget .content-section,.ccl-v2-widget .content-upper{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-3)}.ccl-v2-widget .content-section{position:relative;z-index:2;order:1}.ccl-v2-widget .overlap-image .content-section{position:absolute;bottom:0;left:0;pointer-events:none}.ccl-v2-widget .overlap-image .content-section a,.ccl-v2-widget .overlap-image .content-section button{pointer-events:all}.ccl-v2-widget .info-flag,.ccl-v2-widget .sponsored{display:block;margin-bottom:6px;font-family:var(--font-display);font-weight:500;font-size:var(--text-sm);line-height:var(--leading-tight);color:var(--sw-collections-minor-text-color)}.ccl-v2-widget .overlap-image .info-flag,.ccl-v2-widget .overlap-image .sponsored{color:var(--sw-collections-minor-text-color-light)}.ccl-v2-widget .sponsored{display:none;z-index:10}.ccl-v2-widget .img-cont,.ccl-v2-widget .slide-img,.ccl-v2-widget .slide-top{position:relative;z-index:1}.ccl-v2-widget .slide:not(.dtn-outside-image) .sponsored{position:absolute;top:0;left:0;display:block;margin:var(--space-2) var(--space-3);color:var(--sw-collections-text-color-light);text-shadow:0 0 10px var(--black);pointer-events:none}.ccl-v2-widget .dtn-outside-image .sponsored,.ccl-v2-widget.animation-overlay .img-cont::after,.ccl-v2-widget.animation-overlay .img-cont::before{display:block}.ccl-v2-widget .slide-title{margin:0;font-family:var(--font-body);font-size:1.6875rem;font-weight:700;line-height:1.4;color:var(--sw-collections-title-color)}.ccl-v2-widget .overlap-image .details,.ccl-v2-widget .overlap-image .slide-desc,.ccl-v2-widget .overlap-image .slide-footer button,.ccl-v2-widget .overlap-image .slide-title{color:var(--sw-collections-text-color-light)}.ccl-v2-widget .slide-title>a{font:inherit;text-decoration:none;color:inherit}.ccl-v2-widget .slide-title i{display:inline;margin-left:.2em}.ccl-v2-widget .details{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1);align-items:start;padding:0;margin:0;list-style:none;font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);line-height:var(--leading-normal);text-transform:capitalize;color:inherit}.ccl-v2-widget .info-item{font:inherit;color:inherit}.ccl-v2-widget .info-item.has-link>a,.ccl-v2-widget .info-item:not(.has-link){display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-display);font-weight:400}.ccl-v2-widget .offer-prefix{font-weight:700}.ccl-v2-widget .details a{font:inherit;color:var(--sw-link-color)}.ccl-v2-widget .overlap-image .details a,.ccl-v2-widget .overlap-image .slide-desc .read-more{
149color:inherit}.ccl-v2-widget .info-item .icon{color:var(--sw-collections-icon-color)}.ccl-v2-widget .overlap-image .info-item .icon{color:var(--sw-light-icon-color)}.ccl-v2-widget .slide-desc{margin:0;font-family:var(--font-display);font-weight:500;font-size:1.0625rem;line-height:1.75;color:inherit}.ccl-v2-widget .slide-desc .read-more{margin-left:.2em;color:var(--sw-link-color);text-decoration:none!important}.ccl-v2-widget .slide-footer{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:auto;font-family:var(--font-body)}.ccl-v2-widget .slide-footer .read-more{display:inline-block;font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);text-decoration:none;text-transform:uppercase;color:var(--sw-collections-read-more-text-link);background-color:transparent;transition:color var(--transition-appendix),background-color var(--transition-appendix)}.ccl-v2-widget .slide-footer .read-more .button-text{display:inline-flex;justify-content:center;align-items:center;gap:4px}.ccl-v2-widget .slide-footer .read-more span::after{content:'\f105';margin-top:-1px;font-family:var(--fa-6-family);font-weight:900;font-size:.875rem;line-height:1;color:var(--sw-key-color);transition:color var(--transition-appendix)}@media screen and (min-width:64em){.ccl-v2-widget .info-item.has-link>a,.ccl-v2-widget .info-item:not(.has-link),.ccl-v2-widget .slide-footer .read-more{font-size:1.125rem}.ccl-v2-widget .slide-footer .read-more span::after{font-size:1rem}}button[data-quickview-button]{display:inline-flex;align-items:baseline;gap:var(--space-1);margin:0;padding:0;background-color:transparent}button[data-quickview-button]:active,button[data-quickview-button]:focus{color:inherit;background-color:transparent}button[data-quickview-button] i{width:var(--space-5)}.ccl-v2-widget .slide-footer button{font-weight:500;color:var(--sw-collections-qv-button-color)}.ccl-v2-widget .img-cont{max-width:100%;overflow:hidden}.ccl-v2-widget .img-cont::after,.ccl-v2-widget .img-cont::before{position:absolute;inset:0;z-index:2;display:none;content:'';pointer-events:none;transition:opacity var(--transition-appendix)}.ccl-v2-widget .img-cont a{padding:0;margin:0;text-decoration:none!important;background:0 0!important}.ccl-v2-widget .slide-img{display:block;width:100%;height:auto;margin:0;object-fit:cover}.ccl-v2-widget.animation-overlay .img-cont::before{opacity:1}.ccl-v2-widget.animation-overlay .img-cont::after{background:rgba(0,0,0,.35);opacity:0}.ccl-v2-widget.animation-expand .slide-img{scale:1;transition:scale .5s}.ccl-v2-widget .mini-date-section,.core-date-list .date{--font-family:var(--font-body);--month-size:1.125rem;--day-size:1.9375rem;color:var(--sw-mini-date-color);background-color:var(--green-5a)}.ccl-v2-widget .mini-date-section{position:absolute;top:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:13.5px 16.3px;pointer-events:none;font-family:var(--font-family);text-transform:uppercase;text-align:center;font-weight:100}.ccl-v2-widget .mini-date-section .date-day,.ccl-v2-widget .mini-date-section .date-month,.core-date-list .date .day,.core-date-list .date .month{line-height:var(--leading-none);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ccl-v2-widget .mini-date-section .date-month{font-size:var(--month-size)}.ccl-v2-widget .mini-date-section .date-day{font-size:var(--day-size)}@container (min-width:64em){.ccl-v2-widget .widget-header{display:contents;gap:var(--space-5) var(--space-8);width:calc(100% - var(--space-10));max-width:calc(var(--width-base) - var(--space-10));padding-bottom:var(--space-3);margin:0 auto var(--space-6);border-bottom:2px solid var(--sw-collections-widget-header-border-color)}.ccl-v2-widget .title-col,.ccl-v2-widget .view-all-col{margin:0}.ccl-v2-widget .title-col{width:100%;max-width:var(--width-comfortable);padding-bottom:0;border-bottom:none;margin:0 auto}.ccl-v2-widget .widget-view-all{padding:13px 33px;font-size:1.125rem}.ccl-v2-widget .widget-title{font-size:3.375rem}.ccl-v2-widget .view-all-col{width:auto;max-width:none}.ccl-v2-widget .overlap-image-desktop .info-flag,.ccl-v2-widget .overlap-image-desktop .sponsored{color:var(--sw-collections-minor-text-color-light)}.ccl-v2-widget .slide-title{font-size:2.0625rem}
149.ccl-v2-widget .overlap-image-desktop .details,.ccl-v2-widget .overlap-image-desktop .slide-desc,.ccl-v2-widget .overlap-image-desktop .slide-footer button,.ccl-v2-widget .overlap-image-desktop .slide-title{color:var(--sw-collections-text-color-light)}.ccl-v2-widget .slide-desc{font-size:1.125rem}.ccl-v2-widget .overlap-image-desktop .details a,.ccl-v2-widget .overlap-image-desktop .slide-desc .read-more{color:inherit}.ccl-v2-widget .overlap-image-desktop .content-section{position:absolute;bottom:0;left:0;z-index:3;width:100%;pointer-events:none}.ccl-v2-widget .overlap-image-desktop .content-section a,.ccl-v2-widget .overlap-image-desktop .content-section button{pointer-events:all}.ccl-v2-widget .overlap-image-desktop .info-item .icon{color:var(--sw-light-icon-color)}.ccl-v2-widget .mini-date-section{padding:14px 14.2px}.ccl-v2-widget .mini-date-section .date-month{font-size:1rem}.ccl-v2-widget .mini-date-section .date-day{font-size:2.4375rem}}@media (hover:hover){.ccl-v2-widget .widget-view-all:hover{text-decoration:none;color:var(--sw-collections-view-all-color-hover);background-color:var(--sw-collections-view-all-bg-hover)}.ccl-v2-widget .overlap-image .details a:hover,.ccl-v2-widget .overlap-image .slide-title>a:hover,.ccl-v2-widget .slide-title>a:hover{color:var(--sw-link-hover-color);text-decoration:none}.ccl-v2-widget .details a:hover,.ccl-v2-widget .slide-desc .read-more:hover{color:var(--sw-link-hover-color)}.ccl-v2-widget .overlap-image .slide-desc .read-more:hover{color:inherit}@media (min-width:64em){.ccl-v2-widget .overlap-image-desktop .details a:hover,.ccl-v2-widget .overlap-image-desktop .slide-title>a:hover{color:inherit;text-decoration:underline}.ccl-v2-widget .overlap-image-desktop .slide-desc .read-more:hover{color:inherit}}.ccl-v2-widget .slide-footer .read-more:hover,.ccl-v2-widget .slide-footer .read-more:hover span::after{color:var(--blue-1b)}.ccl-v2-widget .slide-footer button:hover{color:var(--sw-collections-qv-button-color-hover)}.ccl-v2-widget .overlap-image .slide-footer button:hover{color:var(--sw-collections-text-color-light)}button[data-quickview-button]:hover{color:inherit;background-color:transparent}@container (min-width:64em){.ccl-v2-widget .overlap-image-desktop .slide-footer button:hover{color:var(--sw-collections-text-color-light)}}.ccl-v2-widget.animation-overlay .slide:hover .img-cont::before{opacity:0}.ccl-v2-widget.animation-overlay .slide:hover .img-cont::after{opacity:1}.ccl-v2-widget.animation-expand .slide:hover .slide-img{scale:1.05}}.ccl-v2-widget.core-v2-list .slide>.inner{align-items:start} 150 /* header */ 151 .panel-header{--surface-foreground:transparent;--surface-background:transparent;--surface-mobile-nav:var(--white);--text:var(--gray-100);--text-alt:var(--gray-100);position:absolute;color:var(--text);width:100%;z-index:4}.panel-header::before{content:'';pointer-events:none;position:absolute;left:50%;top:0;translate:-50% 0;display:block;width:100%;height:105px;background:linear-gradient(180deg,rgba(0,0,0,.67) 0,rgba(0,0,0,0) 100%);backdrop-filter:blur(0.5px);z-index:-1}.panel-header .header-inner{display:flex;flex-direction:column-reverse}.panel-header .secondary-nav-container{display:none;padding:0 0 0 20px;background-color:var(--surface-background)}@media (min-width:40em){.panel-header .secondary-nav-container{display:block}}.panel-header .primary-content-container{display:flex;align-items:stretch;justify-content:space-between;padding:0 0 0 20px;background-color:var(--surface-foreground)}.panel-header .primary-content-container .navs-cont{display:flex;flex-direction:column;justify-content:stretch;align-items:flex-end}.panel-header .navs-cont .bottom{height:100%}.panel-header .navs-cont {opacity: 0;}.panel-header .navs-cont .top .widgets{display:none;}.panel-header .contentRender_name_plugins_weather_weather { min-width: 50px; display: block;}.panel-header .navs-cont .top,.panel-header .navs-cont .widgets{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.panel-header.active .primary-content-container{background-color:var(--sw-key-color)}.panel-header .primary-content-container .contentRender_name_plugins_common_logo{padding:var(--space-4) 0}.panel-header .primary-content-container .contentRender_name_plugins_common_logo img{width:145px}.panel-header .main-nav-widgets-container{display:grid;align-items:stretch;grid-template-columns:min-content;gap:var(--space-5);height:100%}.panel-header .main-nav-widgets-container>:not(.widgets){display:flex;align-items:center}.panel-header .widgets .header-button{color:var(--white);font-size:.875rem;font-family:var(--font-aleo);font-weight:800;display:flex;justify-content:center;align-items:center;gap:6px}.panel-header .widgets .header-button i{font-size:.75rem}.panel-header .mobile-nav-container{position:absolute;z-index:10;display:none;width:100%;pointer-events:none}.panel-header .mobile-nav-container.active{display:flex;justify-content:flex-end}.panel-header .mobile-nav-container .mobile-nav{max-width:420px;width:100%;background-color:var(--surface-mobile-nav)}.panel-header .mobile-nav-container.active .mobile-nav{pointer-events:all}.panel-header .mobile-nav .widgets{display:grid;grid-template-columns:minmax(156px,1fr) 110px 50px;gap:16px;align-items:center;padding:19.5px 20px;color:var(--text-alt);background:var(--blue-1b)}.panel-header .mobile-nav .widgets>:not(.search-cont){align-self:center;justify-self:center}@media screen and (max-width:374px){.panel-header .mobile-nav .widgets{grid-template-columns:repeat(2,1fr)}.panel-header .mobile-nav .widgets>.search-cont{grid-column:1/-1}.panel-header .mobile-nav .widgets>:not(.search-cont){align-self:center;justify-self:center;grid-row:2/3}}@media (min-width:64em){.panel-header::before{height:200px}.panel-header .main-nav-widgets-container{padding-inline-end:20px}.panel-header .primary-content-container{padding-inline:40px 0 40px 32px}.panel-header.active .primary-content-container{background:var(--surface-foreground)}.panel-header .primary-content-container .contentRender_name_plugins_common_logo{padding-block:40px}.panel-header .primary-content-container .contentRender_name_plugins_common_logo img{width:235px}.panel-header .mobile-nav-container.active{display:none}.panel-header .navs-cont .top{padding-inline-end:32px;padding-block-start:15px}.panel-header .navs-cont .top .widgets{display:flex;gap:6px;padding-block:6px 7px}.panel-header .navs-cont .bottom{border:solid 2px var(--white);border-left:none;border-right:none;height:auto}.panel-header .navs-cont .top :is(.secondary-nav-container,.header-button,.weather-wrapper){transition:opacity var(--transition-appendix)}.panel-header .navs-cont .top :is(.weather-wrapper){width: 60px;}.panel-header .navs-cont .top.search-active :is(.secondary-nav-container,.header-button,.weather-wrapper){opacity:0}
151.panel-header .widgets {min-width: 260px; justify-content: space-between;}.panel-header .widgets .header-button{font-size:1.0625rem;font-weight:700;line-height:1;margin-inline:10px 26px}.panel-header .widgets .header-button i{font-size:.9375rem;translate:0 -1px}} 152 /* search headerbox */ 153 .search-cont{--font-family-body:var(--font-display);--search-icon:var(--gray-100);--search-input-icon-bg:transparent;--search-input-icon-bg-hover:transparent}.headerbox-search-form{display:flex;padding-block-end:2px;border-bottom:solid 1px var(--white)}.headerbox-search-form input[type=search]{width:100%;height:100%;margin:0;border-radius:0;color:var(--white);font-size:var(--text-sm);text-indent:0;font-family:var(--font-family-body);background-color:transparent}.headerbox-search-form button{padding:0;margin:0;flex-shrink:0;font-size:14px;background-color:var(--search-input-icon-bg);color:var(--gray-100)}.headerbox-search-form button:hover{background-color:var(--search-input-icon-bg-hover)}.search-cont .search-button{display:none;background:0 0;color:var(--search-icon)}@media screen and (min-width:64em){.search-cont{position:relative}.search-cont .search-button{width:40px;height:26px;padding:0;margin:0;display:block}.search-cont .search-button .close,.search-cont.active .search-button .open{display:none}.search-cont.active .search-button .close{display:block}.search-cont .headerbox-search-form{opacity:0;pointer-events:none;position:absolute;right:100%;top:0;width:310px;height:100%;z-index:25;transition:opacity .2s ease-in-out}.search-cont.active .headerbox-search-form{opacity:1;pointer-events:all;padding-block-end:4px}.headerbox-search-form input[type=search]{text-indent:0;font-size:1.125rem}.headerbox-search-form button{height:100%;padding:0;margin:0}}.dropdown-nav-container .search-cont .headerbox-search-form{opacity:1;position:static;pointer-events:all}.dropdown-nav-container .search-cont .headerbox-search-form input[type=search]{height:unset}.dropdown-nav-container .nav .search-cont .search-button{display:none}@media (min-width:64em){.dropdown-nav-container .search-cont .headerbox-search-form{width:100%}.dropdown-nav-container .nav .search-cont .headerbox-search-form button{width:var(--space-12)}} 154 /* weather shared */ 155 .weather-wrapper{cursor:default;position:relative;display:inline-block; width: 50px;min-width: 50px;}.weather-wrapper .deg{padding-left:3px;padding-right:2px}.weather-wrapper .weather-button{display:flex;align-items:center;position:relative;z-index:15;background-color:transparent;font-size:14px;padding:0;margin:0;color:currentColor;cursor:default}.weather-wrapper .weather-button:focus,.weather-wrapper .weather-button:focus-visible{outline:0}.weather-wrapper .weather-button .temp{white-space:nowrap}.weather-wrapper .weather-button .temp .fa{display:none}.weather-wrapper .weather-button .weather-icon{margin-right:3px;font-size:14px}.weather-wrapper .weather-dropdown{display:none;min-width:320px;background-color:var(--white);position:absolute;top:100%;left:0;z-index:40;cursor:initial;color:var(--black)}.weather-wrapper .top-section{text-align:center;padding:5px}.weather-wrapper .forecast .temp-wrapper{display:flex;justify-content:center;align-items:center}.weather-wrapper .forecast .weather-icon{font-size:22px;margin-right:7px}.weather-wrapper .forecast .temp{font-size:32px}.weather-wrapper .forecast .info{font-size:18px}.weather-wrapper .forecast-list .item{display:block;border-top:1px solid #999;padding:2px 8px}.weather-wrapper .item-details{display:flex;justify-content:space-between;align-items:center;font-size:18px}.weather-wrapper .item-details .data{display:flex;justify-content:flex-start;align-items:center}.weather-wrapper .item-details .data>div{font-size:24px;padding:0 3px;text-align:center}.weather-wrapper .item-details .weather-icon{font-size:22px;display:inline-block;min-width:35px;color:#fe9b0c}.weather-wrapper .item-details .high{padding-right:6px;width:55px}.weather-wrapper .item-details .sep{border-left:1px solid #cdcdcd;height:26px;width:1px}.weather-wrapper .item-details .low{color:#18a3de;width:55px}@media screen and (min-width:1024px){.weather-wrapper .weather-button{font-size:1.125rem}.weather-wrapper .weather-dropdown{right:0;left:auto}} 156 /* heroes */ 157 .autoplayer-pro .poster,.autoplayer-pro .video{top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);position:absolute}.autoplayer-pro{--controls-bg-hover-color:var(--blue-1b);--controls-text-hover-color:var(--sw-key-color);--text-content-bg-color:var(--primary-color-100);--text-color:var(--gray-100);--border-color:var(--gray-100);position:relative;display:flex;overflow:hidden;height:54vh;z-index:0}@media (min-width:641px){.autoplayer-pro{height:810px}}.autoplayer-pro .poster{z-index:1;display:block;object-fit:cover;filter:blur(20px)}.autoplayer-pro .fallback.loaded .poster{filter:none}.autoplayer-pro .video{z-index:2;opacity:0;transition:opacity .3s cubic-bezier(0,0,.3,1)}.autoplayer-pro.video-loaded .video{opacity:1}.autoplayer-pro .video-controls{display:none;margin-bottom:var(--space-4)}.autoplayer-pro.video-loaded .video-controls{display:flex;gap:12px}.autoplayer-pro .video-control{display:inline-flex;align-items:center;justify-content:center;padding:0;width:52px;height:52px;color:var(--text-color);border:none;border-radius:50%;background-color:var(--blue-2e);border:3px solid var(--border-color);cursor:pointer}.autoplayer-pro .video-control i{color:var(--blue-29);font-size:1.25rem}@media (hover:hover){.autoplayer-pro .video-control:hover{background-color:var(--controls-bg-hover-color);color:var(--controls-text-hover-color)}.autoplayer-pro .video-control:hover i{color:var(--white)}}
157.autoplayer-pro .description,.autoplayer-pro .text-content .read-more,.autoplayer-pro .text-content .title{font-family:var(--font-display);color:var(--text-color)}.autoplayer-pro .video-control:focus-visible{outline:var(--border-color) solid 1px;outline-offset:2px}.autoplayer-pro .video-control .fa-play{margin-left:var(--space-px)}.autoplayer-pro .text-content{position:absolute;right:0;bottom:0;padding:26px 22px;z-index:12}.autoplayer-pro .text-content .title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2);line-height:var(--leading-tight)}.autoplayer-pro .description{font-size:var(--text-base);margin-bottom:var(--space-2)}.autoplayer-pro .text-content .read-more{text-decoration:none;font-weight:700}.autoplayer-pro .text-content .read-more:focus-visible,.autoplayer-pro .text-content .read-more:hover{text-decoration:underline;outline:0}.autoplayer-pro .logo-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:70%;z-index:3}.autoplayer-pro .logo-wrapper .logo{max-width:242px}@media screen and (min-width:64em){.autoplayer-pro .video-control{height:88px;width:88px}.autoplayer-pro .text-content{padding:58px 48px}.autoplayer-pro.video-loaded .video-controls{gap:21px}.autoplayer-pro .video-control i{font-size:1.875rem}} 158 .core-v2-hero-image{margin:0 0 10px}.panel-page:has(#main-content > .contentRender_name_plugins_common_container_intro) .core-v2-hero-image{margin-bottom:0}.core-v2-hero-image .img-cont::before{display:block;background:linear-gradient(to top,rgba(0,0,0,.85) 0,transparent)}.core-v2-hero-image.hide-content .img-cont::before{display:none}.core-v2-hero-image .content-section{padding:24px;max-width:600px}.core-v2-hero-image .content-section,.core-v2-hero-image .content-upper{gap:9px}.core-v2-hero-image .slide-title{margin-bottom:0;font-size:1.25rem;line-height:var(--leading-tight)}.core-v2-hero-image .slide-desc{font-weight:400;font-size:.9375rem;line-height:1.6}.core-v2-hero-image .slide-footer .read-more{font-weight:700;color:var(--sw-collections-text-color-light)}.core-v2-hero-image .slide-footer .read-more span::after{color:var(--sw-collections-text-color-light);margin-top:0;font-size:.75rem}.core-v2-hero-image .slide .shared-play-button{height:40px;width:40px;font-size:18px;top:80px;right:20px}.panel-page:has(#main-content > .contentRender_name_plugins_common_container_intro) .core-v2-hero-image .content-section{padding:34px 24px}.panel-page:has(#main-content > .contentRender_name_plugins_common_container_intro) .core-v2-hero-image .slide-top .credits{margin:36px var(--space-3)}@container (min-width:375px){.core-v2-hero-image .slide .shared-play-button{width:var(--space-16);height:var(--space-16);font-size:var(--text-2xl)}}@media (hover:hover){.core-v2-hero-image.animation-expand .slide:hover .slide-img{scale:1.02}}@container (min-width:64em){.core-v2-hero-image .content-upper{gap:15px}.core-v2-hero-image .content-section{gap:20px;padding:32px 42px;max-width:550px}.core-v2-hero-image .slide-title{font-size:2.0625rem}.core-v2-hero-image .slide-desc{font-size:1.125rem;line-height:1.75}.core-v2-hero-image .slide-footer .read-more span::after{margin-top:-2px;font-size:unset}.core-v2-hero-image .slide .shared-play-button{top:50%;right:auto;left:50%;translate:-50% -50%}.panel-page:has(#main-content > .contentRender_name_plugins_common_container_intro) .core-v2-hero-image .content-section{padding:90px 42px}.panel-page:has(#main-content > .contentRender_name_plugins_common_container_intro) .core-v2-hero-image .slide-top .credits{margin:66px var(--space-3)}} 159 160 </style> 161 162 </head> 163 <body> 164 <!-- topBody --> 165 166 <noscript> 167 <iframe src="//www.googletagmanager.com/ns.html?id=GTM-NF7Z6ZCQ" title="Google Tag Manager" height="0" width="0" style="display:none;visibility:hidden"></iframe> 168 </noscript> 169 170 <noscript> 171 <iframe src="//www.googletagmanager.com/ns.html?id=GTM-NFBVG93" title="Google Tag Manager" height="0" width="0" style="display:none;visibility:hidden"></iframe> 172 </noscript> 173 174 175 <!-- content --> 176 <div data-civid="649d0bb1ca6edd1f0089ad45" class="contentRender contentRender_0 contentRender_type_panel contentRender_name_plugins_common_page" data-sv-time="7" data-sv-index="0" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 177 178 179 180 181 182 183 184<style>.skip-link { display: none; }</style>
185<script> 186 // CRM FORM STYLING HELPER JS 187 // Adds the body class as quickly as possible to hide all the items on the page so we don't 188 // have the site flash before the calendar shows up 189 if (location.search.indexOf('action=popupCal') > -1 && document.body.querySelectorAll('.lookup-calHolder')) { 190 document.body.classList.add('crm-calendar-popup'); 191 }; 192</script>
192 193 194<!-- Adds a check for IE, if we're in IE we block the entire page --> 195<div 196 id="ie-warning" 197 style="position: fixed; z-index: 999999999999; top: 0; left: 0; display: none; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; background-color: #fff;" 198 aria-hidden="true" 199> 200 <div> 201 <img 202 src="/includes/public/assets/shared/logo.svg" 203 alt="Grayling Visitors Bureau " 204 width="80" 205 height="80" 206 style="margin-bottom: 16px;" 207 /> 208 <p style="font-size: 22px; font-weight: 700; line-height: 1.3; text-align: center;">Your browser is not supported for this experience.<br />We recommend using Chrome, Firefox, Edge, or Safari.</p> 209 </div> 210
210<script> 211 var ieWarning = document.querySelector('#ie-warning'); 212 if (document.body.style.msTouchAction !== undefined) { 213 ieWarning.style.display = 'flex'; 214 ieWarning.setAttribute('aria-hidden', 'false'); 215 } 216 </script>
216 217</div> 218 219 220<a class="skip-link sr-only" href="#main-content">Skip to main content</a> 221 222<div class="root-panel panel-page no-hero"> 223 <div class="header-container"> 224 <div data-civid="648b54cbb2380a0dcdf11760" class="contentRender contentRender_1 contentRender_type_panel contentRender_name_plugins_common_header" data-sv-time="0" data-sv-index="1" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 225 226 227<header class="panel-header theme_1 system" data-guid="0a4d48ad-e065-4483-8595-9a40182dd03b"> 228 <div class="header-inner"> 229 <div class="primary-content-container"> 230 <div data-civid="65a838bcdbbe452f05725b17" class="contentRender contentRender_4 contentRender_type_widget contentRender_name_plugins_common_logo" data-sv-time="8" data-sv-index="4" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 231 232 233 234 235<div class="logo" data-guid="55840d9a-8164-48f9-9416-c201990ca9e3" > 236 <a href="https://graylingmichigan.org/" target="_self" aria-label="Grayling Visitors Bureau "> 237 238 <img 239 src="/includes/public/assets/shared/logos/grayling-logo-white.svg" 240 alt="Grayling Visitors Bureau " 241 loading="lazy" 242 fetchpriority="low" 243 width="140" 244 height="40" 245 /> 246 247 </a> 248</div> 249 250</div> 251 <div class="navs-cont"> 252 <div class="top" data-top-row> 253 254 <div class="secondary-nav-container"><div data-civid="65a838bcdbbe452f05725b13" class="contentRender contentRender_2 contentRender_type_widget contentRender_name_plugins_nav_secondary" data-sv-time="12" data-sv-index="2" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 255 256 257 258 259 260 261<div class="nav-container secondary" data-guid="0c282c9a-8e55-46ff-a8f4-2b0f32e8498b" 262 data-gtm-vars='{"tClient_ga4": {"eventName": "navigation_click", "navType": "Secondary", "interactionSource": "navigation"}}' 263> 264 <noscript class="permanently-hidden"> 265 266 <nav> 267 268 <a href="/about-us/" 269 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "About%20Us", "interactionUrl": "%2Fabout-us%2F", "interactionText": "About%20Us"}}' 270>About Us</a> 271 272 <a href="/live-work/" 273 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Live%20%26%20Work", "interactionUrl": "%2Flive-work%2F", "interactionText": "Live%20%26%20Work"}}' 274>Live & Work</a> 275 276 <a href="/live-work/relocation/" 277 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Relocation", "interactionUrl": "%2Flive-work%2Frelocation%2F", "interactionText": "Relocation"}}' 278>Relocation</a> 279 280 <a href="/live-work/schools-college/" 281 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Schools%20%2F%20Colleges", "interactionUrl": "%2Flive-work%2Fschools-college%2F", "interactionText": "Schools%20%2F%20Colleges"}}' 282>Schools / Colleges</a> 283 284 <a href="/live-work/camp-grayling-military-base/" 285 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Camp%20Grayling%20Military%20Base", "interactionUrl": "%2Flive-work%2Fcamp-grayling-military-base%2F", "interactionText": "Camp%20Grayling%20Military%20Base"}}' 286>Camp Grayling Military Base</a> 287 288 <a href="/live-work/churches/" 289 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Churches", "interactionUrl": "%2Flive-work%2Fchurches%2F", "interactionText": "Churches"}}' 290>Churches</a> 291 292 <a href="/live-work/wi-fi-computer-access-link/" 293 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Wi-Fi%2FComputer%20Access", "interactionUrl": "%2Flive-work%2Fwi-fi-computer-access-link%2F", "interactionText": "Wi-Fi%2FComputer%20Access"}}' 294>Wi-Fi/Computer Access</a> 295 296 <a href="/live-work/local-resources/" 297 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Local%20Resources", "interactionUrl": "%2Flive-work%2Flocal-resources%2F", "interactionText": "Local%20Resources"}}' 298>Local Resources</a> 299 300 <a href="/live-work/local-business-directory/" 301 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Local%20Business%20Directory", "interactionUrl": "%2Flive-work%2Flocal-business-directory%2F", "interactionText": "Local%20Business%20Directory"}}' 302>Local Business Directory</a> 303 304 <a href="https://graylingmichigan.org/blog/" 305 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Blog", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fblog%2F", "interactionText": "Blog"}}' 306>Blog</a> 307 308 </nav> 309 310 </noscript> 311 312 313 <nav class="navigation navigation-dropdown secondary desktop" role="navigation" data-secondary-nav-desktop 314 data-gtm-vars='{"tClient_ga4": {"eventName": "navigation_click", "navType": "Secondary", "interactionSource": "navigation"}}' 315> 316
316<script type="text/template" data-nav-item-template>{{+linkTracking}} 317 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "{{%data.title}}", "interactionSource": "navigation", "interactionUrl": "{{%%href}}", "interactionText": "{{%%data.title}}"}}' 318{{/}} 319{{+nav_items}} 320 {{+nav_items_helper}} {{!-- This nested partial is necessary to make this partial recursive because helpers.partial 321 only outputs the inner text of the partial, not the partial name. Please do not remove! --}} 322 {{#shownchildren}} 323 {{~exec(function() { 324 if (!data.isLazyLoaded) { 325 helpers.var.depth = 1; 326 } else { 327 helpers.var.depth = data.depth; 328 } 329 })}} 330 <div class="nav-item level-{{~var.depth}} {{data.section}}" data-id="{{data.id}}" data-nav-item> 331 <div class="nav-item-control level-{{~var.depth}}"> 332 <a 333 class="nav-link" 334 href="{{href}}" 335 target="{{target}}" 336 {{>linkTracking}} 337 > 338 {{data.title}} 339 </a> 340 {{:shownchildren}} 341 <button 342 id="{{data.id}}" 343 class="dropdown-toggle" 344 aria-label="open submenu" 345 aria-haspopup="true" 346 aria-expanded="false" 347 data-dropdown-toggle 348 > 349 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 350 </button> 351 {{/}} 352 </div> 353 {{:shownchildren}} 354 <div class="dropdown-helper" data-dropdown-helper></div> 355 <div 356 class="dropdown-menu level-{{~var.depth}} 357 {{:isLazyLoaded}} 358 {{:shownChildren.0}}rendered{{/}} 359 {{/}}" 360 aria-labelledby="{{data.id}}" 361 data-parent-id="{{data.id}}" 362 data-start="{{data.folderHref}}" 363 data-section="{{data.section}}" 364 data-dropdown-menu 365 > 366 {{:isLazyLoaded}} 367 {{>nav_items_helper}} 368 {{/}} 369 </div> 370 {{/}} 371 </div> 372 {{/}} 373 {{/}} 374 {{>nav_items_helper}} 375{{/}} 376 377{{>nav_items}}</script>
377 378 379 380 381 382 383 384 385 386 <div class="nav-item level-1 secondary" data-id="65a58862b847b21dff79c31a" data-nav-item> 387 <div class="nav-item-control level-1"> 388 <a 389 class="nav-link" 390 href="/about-us/" 391 target="_self" 392 393 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "About Us", "interactionSource": "navigation", "interactionUrl": "%2Fabout-us%2F", "interactionText": "About%20Us"}}' 394 395 > 396 About Us 397 </a> 398 399 </div> 400 401 </div> 402 403 404 <div class="nav-item level-1 secondary" data-id="65a58862b847b21dff79c346" data-nav-item> 405 <div class="nav-item-control level-1"> 406 <a 407 class="nav-link" 408 href="/live-work/" 409 target="_self" 410 411 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Live & Work", "interactionSource": "navigation", "interactionUrl": "%2Flive-work%2F", "interactionText": "Live%20%26%20Work"}}' 412 413 > 414 Live & Work 415 </a> 416 417 <button 418 id="65a58862b847b21dff79c346" 419 class="dropdown-toggle" 420 aria-label="open submenu" 421 aria-haspopup="true" 422 aria-expanded="false" 423 data-dropdown-toggle 424 > 425 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 426 </button> 427 428 </div> 429 430 <div class="dropdown-helper" data-dropdown-helper></div> 431 <div 432 class="dropdown-menu level-1 433 " 434 aria-labelledby="65a58862b847b21dff79c346" 435 data-parent-id="65a58862b847b21dff79c346" 436 data-start="/live-work/" 437 data-section="secondary" 438 data-dropdown-menu 439 > 440 441 </div> 442 443 </div> 444 445 446 <div class="nav-item level-1 secondary" data-id="65a58862b847b21dff79c372" data-nav-item> 447 <div class="nav-item-control level-1"> 448 <a 449 class="nav-link" 450 href="https://graylingmichigan.org/blog/" 451 target="_self" 452 453 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Blog", "interactionSource": "navigation", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fblog%2F", "interactionText": "Blog"}}' 454 455 > 456 Blog 457 </a> 458 459 </div> 460 461 </div> 462 463 464 465 </nav> 466 467 <nav class="navigation secondary mobile hide" role="navigation" data-secondary-nav-mobile 468 data-gtm-vars='{"tClient_ga4": {"eventName": "navigation_click", "navType": "Secondary", "interactionSource": "navigation"}}' 469> 470
470<script type="text/template" data-nav-item-template>{{+linkTracking}} 471 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "{{%data.title}}", "interactionSource": "navigation", "interactionUrl": "{{%%href}}", "interactionText": "{{%%data.title}}"}}' 472{{/}} 473{{+nav_items}} 474 {{+nav_items_helper}} {{!-- This nested partial is necessary to make this partial recursive because helpers.partial 475 only outputs the inner text of the partial, not the partial name. Please do not remove! --}} 476 {{#shownchildren}} 477 {{~exec(function() { 478 if (!data.isLazyLoaded) { 479 helpers.var.depth = 1; 480 } else { 481 helpers.var.depth = data.depth; 482 } 483 })}} 484 <div class="nav-item level-{{~var.depth}} {{data.section}}" data-id="{{data.id}}" data-nav-item> 485 <div class="nav-item-control level-{{~var.depth}}"> 486 <a 487 class="nav-link" 488 href="{{href}}" 489 target="{{target}}" 490 {{>linkTracking}} 491 > 492 {{data.title}} 493 </a> 494 {{:shownchildren}} 495 <button 496 id="{{data.id}}" 497 class="dropdown-toggle" 498 aria-label="open submenu" 499 aria-haspopup="true" 500 aria-expanded="false" 501 data-dropdown-toggle 502 > 503 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 504 </button> 505 {{/}} 506 </div> 507 {{:shownchildren}} 508 <div class="dropdown-helper" data-dropdown-helper></div> 509 <div 510 class="dropdown-menu level-{{~var.depth}} 511 {{:isLazyLoaded}} 512 {{:shownChildren.0}}rendered{{/}} 513 {{/}}" 514 aria-labelledby="{{data.id}}" 515 data-parent-id="{{data.id}}" 516 data-start="{{data.folderHref}}" 517 data-section="{{data.section}}" 518 data-dropdown-menu 519 > 520 {{:isLazyLoaded}} 521 {{>nav_items_helper}} 522 {{/}} 523 </div> 524 {{/}} 525 </div> 526 {{/}} 527 {{/}} 528 {{>nav_items_helper}} 529{{/}} 530 531{{>nav_items}}</script>
531 532 533 534 535 536 537 538 539 540 <div class="nav-item level-1 secondary" data-id="65a58862b847b21dff79c31a" data-nav-item> 541 <div class="nav-item-control level-1"> 542 <a 543 class="nav-link" 544 href="/about-us/" 545 target="_self" 546 547 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "About Us", "interactionSource": "navigation", "interactionUrl": "%2Fabout-us%2F", "interactionText": "About%20Us"}}' 548 549 > 550 About Us 551 </a> 552 553 </div> 554 555 </div> 556 557 558 <div class="nav-item level-1 secondary" data-id="65a58862b847b21dff79c346" data-nav-item> 559 <div class="nav-item-control level-1"> 560 <a 561 class="nav-link" 562 href="/live-work/" 563 target="_self" 564 565 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Live & Work", "interactionSource": "navigation", "interactionUrl": "%2Flive-work%2F", "interactionText": "Live%20%26%20Work"}}' 566 567 > 568 Live & Work 569 </a> 570 571 <button 572 id="65a58862b847b21dff79c346" 573 class="dropdown-toggle" 574 aria-label="open submenu" 575 aria-haspopup="true" 576 aria-expanded="false" 577 data-dropdown-toggle 578 > 579 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 580 </button> 581 582 </div> 583 584 <div class="dropdown-helper" data-dropdown-helper></div> 585 <div 586 class="dropdown-menu level-1 587 " 588 aria-labelledby="65a58862b847b21dff79c346" 589 data-parent-id="65a58862b847b21dff79c346" 590 data-start="/live-work/" 591 data-section="secondary" 592 data-dropdown-menu 593 > 594 595 </div> 596 597 </div> 598 599 600 <div class="nav-item level-1 secondary" data-id="65a58862b847b21dff79c372" data-nav-item> 601 <div class="nav-item-control level-1"> 602 <a 603 class="nav-link" 604 href="https://graylingmichigan.org/blog/" 605 target="_self" 606 607 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Blog", "interactionSource": "navigation", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fblog%2F", "interactionText": "Blog"}}' 608 609 > 610 Blog 611 </a> 612 613 </div> 614 615 </div> 616 617 618 619 </nav> 620 621</div> 622
623<script> 624 require([ 625 'jquery', 626 'plugins_nav_custom_nav_desktop_dropdown', 627 'plugins_nav_custom_nav_mobile', 628 ], function($, navDesktop, navMobile) { 629 var root = $('[data-guid="0c282c9a-8e55-46ff-a8f4-2b0f32e8498b"]'); 630 var navTreeDepth = 2; 631 navDesktop.init(root, '[data-secondary-nav-desktop]', navTreeDepth); 632 navMobile.init(root, '[data-secondary-nav-mobile]', '[data-secondary-nav-cont]', navTreeDepth); 633 }); 634</script>
634</div></div> 635 636 <div class="widgets"> 637 <div data-civid="65a838bcdbbe452f05725b1b" class="contentRender contentRender_6 contentRender_type_widget contentRender_name_plugins_common_header_button" data-sv-time="9" data-sv-index="6" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'><a href="https://grayling-mi.bookdirect.net/" target="_blank" class="header-button"> 638 <i class="fa-sharp fa-solid fa-compass"></i> 639 Check Rates 640</a></div> 641 <div data-civid="65a838bcdbbe452f05725b19" class="contentRender contentRender_5 contentRender_type_widget contentRender_name_plugins_weather_weather" data-sv-time="30" data-sv-index="5" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 642 643<div class="weather-wrapper" data-sv-weatherWidget></div> 644
645<script id="translations_1c4cf3cd-9a44-468a-8449-0610f7c5783a" type="text/template"> 646 {"current_conditions":"Current Conditions","sunny":"Sunny","clear":"Clear","windy":"Windy","partly_cloudy":"Partly Cloudy","mostly_cloudy":"Mostly Cloudy","rain":"Rain","rain_and_snow":"Rain and Snow","snow":"Snow","fog":"Fog","thunderstorm":"Thunderstorm","monday":"Monday","tuesday":"Tuesday","wednesday":"Wednesday","thursday":"Thursday","friday":"Friday","saturday":"Saturday","sunday":"Sunday"} 647</script>
647 648
649<script type="text/template" data-weatherwidget-template> 650 651 {{!dropdownEnabled}} 652 <div class="weather-info"> 653 <span class="weather-icon"> 654 <i class="wi {{condition.icon}}" aria-hidden="true"></i> 655 </span> 656 <span class="temp"> 657 {{temp}}<span class="deg">°</span> 658 </span> 659 </div> 660 {{?}} 661 <button class="weather-button" 662 data-sv-weather-toggle 663 aria-label="toggle weather dropdown" 664 aria-controls="weather-dropdown" 665 aria-expanded="false" 666 > 667 <span class="weather-icon"> 668 <i class="wi {{current.condition.icon}}" aria-hidden="true"></i> 669 </span> 670 <span class="temp"> 671 {{current.temp}}<span class="deg">°</span> 672 <i class="fa fa-chevron-down" aria-hidden="true"></i> 673 </span> 674 </button> 675 <div id="weather-dropdown" class="weather-dropdown" data-sv-weather-dropdown> 676 <div class="top-section"> 677 <div class="header"> 678 {{currentConditions}} 679 </div> 680 <div class="forecast-wrapper"> 681 <div class="forecast"> 682 <div class="temp-wrapper"> 683 <span class="weather-icon"> 684 <i class="wi {{current.condition.icon}}" aria-hidden="true"></i> 685 </span> 686 <span class="temp"> 687 {{current.temp}}<span class="deg">°</span> 688 </span> 689 </div> 690 <div class="info"> 691 {{current.condition.text}} 692 </div> 693 </div> 694 </div> 695 </div> 696 <div class="forecast-list"> 697 {{#forecast}} 698 <div class="item"> 699 <div class="item-details" title="{{condition.text}}"> 700 <div class="day"> 701 {{day}} 702 </div> 703 <div class="data"> 704 <div class="visual"> 705 <span class="weather-icon"> 706 <i class="wi {{condition.icon}}" aria-hidden="true"></i> 707 </span> 708 </div> 709 <div class="high"> 710 {{high}}<span class="deg">°</span> 711 </div> 712 <div class="sep"></div> 713 <div class="low"> 714 {{low}}<span class="deg">°</span> 715 </div> 716 </div> 717 </div> 718 </div> 719 {{/forecast}} 720 </div> 721 </div> 722 {{/}} 723 724</script>
724 725
726<script> 727 require(["goatee", "sv_urlLib", "sv_site"], function(goatee, urlLib, sv_site) { 728 let root = document.querySelector("[data-sv-weatherWidget]"); 729 let template = document.querySelector("[data-weatherwidget-template]").innerHTML; 730 let weatherCont = document.querySelector("[data-weather-cont]"); 731 let settings = {"unit_of_measure":"f"}; 732 let translations = JSON.parse(document.querySelector("#translations_1c4cf3cd-9a44-468a-8449-0610f7c5783a").innerHTML); 733 let configDropdownValue = sv_site.siteConfig.custom[sv_site.site]?.weather?.dropdownEnabled; 734 const dropdownEnabled = configDropdownValue !== undefined ? configDropdownValue : true; 735 736 let url = urlLib.build({ 737 path : "/plugins/core/svapi/", 738 get : { 739 service : "weatherv2", 740 endpoint : "latlng", 741 serviceArgs : JSON.stringify({ 742 lat : settings.latitude || sv_site.siteConfig.latitude, 743 lng : settings.longitude || sv_site.siteConfig.longitude, 744 unit : settings.unit_of_measure 745 }) 746 } 747 }); 748 749 // if dropdown run data handling 750 if (dropdownEnabled) { 751 fetch(url) 752 .then(res => res.json()) 753 .then(json => { 754 json.data.forecast.splice(5); 755 756 // translate days and conditions
757 let currentConditions = translations.current_conditions; 758 759 json.data.forecast = json.data.forecast.map(dayForecast => { 760 return {...dayForecast, day: translations[dayForecast.day.toLowerCase()]}; 761 }); 762 763 json.data.current.condition.text = json.data.current.condition.name === 'clear' 764 ? translations[json.data.current.condition.text.toLowerCase()] 765 : translations[json.data.current.condition.name.toLowerCase()]; 766 767 // fill the template with json data 768 fillTemplate({...json.data, currentConditions, dropdownEnabled}); 769 770 // add on click event listener 771 let buttons = document.querySelectorAll("[data-sv-weather-toggle]"); 772 buttons.forEach( elem => { 773 elem.addEventListener('click',function(e){ 774 let dropdown = this.parentNode.querySelector("[data-sv-weather-dropdown]"); 775 dropdown.classList.toggle("open"); 776 let isActive = dropdown.classList.contains("open"); 777 this.setAttribute("aria-expanded", isActive); 778 }); 779 }) 780 }); 781 } else { 782 //else use current temp and disable the dropdown 783 fetch(url) 784 .then(res => res.json()) 785 .then(json => { 786 // fill the template with json data 787 fillTemplate({...json.data.current, dropdownEnabled}); 788 }) 789 } 790 791 function fillTemplate (data) { 792 let html = goatee.fill(template, {...data}); 793 root.innerHTML = html; 794 let clone = root.cloneNode(true); 795 796 weatherCont?.replaceWith(clone); 797 } 798 }); 799 800</script>
800 801</div> 802 <div data-civid="65a838bcdbbe452f05725b1d" class="contentRender contentRender_7 contentRender_type_widget contentRender_name_plugins_search_headerbox" data-sv-time="30" data-sv-index="7" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 803 804 805 806<div class="search-cont" data-guid="0e9d0a3d-11bc-450b-a45e-1356322fae98"> 807 <form class="headerbox-search-form" data-sv-searchForm action="/search/" method="GET"> 808 <input data-sv-search-input name="q" type="search" class="searchInput" autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="Search" value="" /> 809 <button type="submit" data-sv-search-button> 810 <i class ="fa fa-search fa-inverse" aria-hidden="true"></i> 811 </button> 812 </form> 813 <button class="search-button" data-toggle-search aria-expanded="false" aria-label="toggle search dropdown" aria-controls="headerbox-search-form"> 814 <i class="fas fa-search open" aria-hidden="true"></i> 815 <i class="fas fa-times close" aria-hidden="true"></i> 816 </button> 817</div> 818
819<script> 820require(["plugins_common_custom_utils", "domReady!"], function(utils) { 821 let root = document.querySelector('[data-guid="0e9d0a3d-11bc-450b-a45e-1356322fae98"]'); 822 let searchCont = document.querySelector('[data-search-cont]'); 823 let topRow = document.querySelector('[data-top-row]'); 824 let searchButtonsToHide = root.querySelectorAll('[data-sv-search-button], [data-sv-search-input]'); 825 let isActive = false; 826 const breakpoint = 1024; 827 828 // clone to mobile nav 829 searchCont?.replaceWith(root.cloneNode(true)); 830 831 function ariaHideEl(el) { 832 el.setAttribute('aria-hidden', true); 833 el.setAttribute('tabindex', -1); 834 } 835 836 function ariaShowEl(el) { 837 el.removeAttribute('aria-hidden'); 838 el.removeAttribute('tabindex'); 839 } 840 841 function toggleSearchElVisibility() { 842 if (window.innerWidth < breakpoint || isActive) { 843 searchButtonsToHide.forEach(ariaShowEl); 844 return; 845 } 846 searchButtonsToHide.forEach(ariaHideEl); 847 } 848 849 document.querySelectorAll('[data-toggle-search]').forEach( elem => { 850 elem.addEventListener("click", function(e) { 851 e.stopImmediatePropagation(); 852 let searchCont = this.parentNode; 853 searchCont.classList.toggle('active'); 854 topRow.classList.toggle('search-active'); 855 this.classList.toggle('active'); 856 isActive = searchCont.classList.contains('active'); 857 this.getAttribute('aria-expanded', isActive); 858 toggleSearchElVisibility(); 859 if (isActive) { 860 searchCont.querySelector('[data-sv-search-input]').focus(); 861 } 862 }); 863 }); 864 865 document.querySelectorAll('[data-sv-searchForm]').forEach( elem => { 866 let input = elem.querySelector('[data-sv-search-input]'); 867 elem.addEventListener('submit', function(e) { 868 if (input.value.length === 0) { 869 e.preventDefault(); 870 this.querySelector('[data-sv-search-input]').focus(); 871 } 872 }); 873 }); 874 875 ['resize', 'orientationchange'].forEach(ev => window.addEventListener(ev, utils.debounce(toggleSearchElVisibility, 200))); 876 877 toggleSearchElVisibility(); 878}); 879</script>
879 880</div> 881 </div> 882 </div> 883 <div class="bottom"> 884 <div class="main-nav-widgets-container"> 885 <div data-civid="65a838bcdbbe452f05725b1f" class="contentRender contentRender_8 contentRender_type_widget contentRender_name_plugins_nav_main" data-sv-time="36" data-sv-index="8" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 886 887 888 889 890 891 892<div class="nav-container" data-guid="b0d0b410-7e24-4f90-8479-bfcd61092e42" 893 data-gtm-vars='{"tClient_ga4": {"eventName": "navigation_click", "navType": "Main", "interactionSource": "navigation"}}' 894> 895 <noscript class="permanently-hidden"> 896 897 <nav> 898 899 900 901 <a href="/things-to-do/" 902 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Things%20To%20Do", "interactionUrl": "%2Fthings-to-do%2F", "interactionText": "Things%20To%20Do"}}' 903>Things To Do</a> 904 905 <a href="/things-to-do/arts-culture/" 906 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Arts%20%26%20Culture", "interactionUrl": "%2Fthings-to-do%2Farts-culture%2F", "interactionText": "Arts%20%26%20Culture"}}' 907>Arts & Culture</a> 908 909 <a href="/things-to-do/arts-culture/live-entertainment/" 910 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Live%20Music%2FPerformance", "interactionUrl": "%2Fthings-to-do%2Farts-culture%2Flive-entertainment%2F", "interactionText": "Live%20Music%2FPerformance"}}' 911>Live Music/Performance</a> 912 913 <a href="/things-to-do/arts-culture/art-galleries/" 914 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Art%20Galleries", "interactionUrl": "%2Fthings-to-do%2Farts-culture%2Fart-galleries%2F", "interactionText": "Art%20Galleries"}}' 915>Art Galleries</a> 916 917 <a href="/things-to-do/arts-culture/museums-historical-sites/" 918 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Museums%20%26%20Historical%20Sites", "interactionUrl": "%2Fthings-to-do%2Farts-culture%2Fmuseums-historical-sites%2F", "interactionText": "Museums%20%26%20Historical%20Sites"}}' 919>Museums & Historical Sites</a> 920 921 <a href="/things-to-do/attractions/" 922 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Attractions", "interactionUrl": "%2Fthings-to-do%2Fattractions%2F", "interactionText": "Attractions"}}' 923>Attractions</a> 924 925 <a href="/things-to-do/attractions/ausable-canoe-marathon/" 926 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "AuSable%20Canoe%20Marathon", "interactionUrl": "%2Fthings-to-do%2Fattractions%2Fausable-canoe-marathon%2F", "interactionText": "AuSable%20Canoe%20Marathon"}}' 927>AuSable Canoe Marathon</a> 928 929 <a href="/things-to-do/attractions/hartwick-pines-state-park/" 930 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Hartwick%20Pines%20State%20Park", "interactionUrl": "%2Fthings-to-do%2Fattractions%2Fhartwick-pines-state-park%2F", "interactionText": "Hartwick%20Pines%20State%20Park"}}' 931>Hartwick Pines State Park</a> 932 933 934 935 <a href="/things-to-do/attractions/fish-hatchery/" 936 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Fish%20Hatchery", "interactionUrl": "%2Fthings-to-do%2Fattractions%2Ffish-hatchery%2F", "interactionText": "Fish%20Hatchery"}}' 937>Fish Hatchery</a> 938 939 <a href="https://graylingmichigan.org/things-to-do/nature-parks-wildlife/rivers-lakes/" 940 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Rivers%20%26%20Lakes", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fthings-to-do%2Fnature-parks-wildlife%2Frivers-lakes%2F", "interactionText": "Rivers%20%26%20Lakes"}}' 941>Rivers & Lakes</a> 942 943 <a href="/things-to-do/attractions/wellington-farm-usa/" 944 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Wellington%20Farm%2C%20USA", "interactionUrl": "%2Fthings-to-do%2Fattractions%2Fwellington-farm-usa%2F", "interactionText": "Wellington%20Farm%2C%20USA"}}' 945>Wellington Farm, USA</a> 946 947 <a href="/things-to-do/attractions/roscommon-zoo/" 948 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Roscommon%20Zoo", "interactionUrl": "%2Fthings-to-do%2Fattractions%2Froscommon-zoo%2F", "interactionText": "Roscommon%20Zo
948o"}}' 949>Roscommon Zoo</a> 950 951 <a href="/things-to-do/outdoors/" 952 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Outdoor%20Recreation", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2F", "interactionText": "Outdoor%20Recreation"}}' 953>Outdoor Recreation</a> 954 955 <a href="/things-to-do/outdoors/fishing/" 956 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Fishing", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Ffishing%2F", "interactionText": "Fishing"}}' 957>Fishing</a> 958 959 <a href="/things-to-do/outdoors/fishing/fly-fishing/" 960 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Fly%20Fishing", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Ffishing%2Ffly-fishing%2F", "interactionText": "Fly%20Fishing"}}' 961>Fly Fishing</a> 962 963 <a href="/things-to-do/outdoors/fishing/ice-fishing/" 964 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Ice%20Fishing", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Ffishing%2Fice-fishing%2F", "interactionText": "Ice%20Fishing"}}' 965>Ice Fishing</a> 966 967 <a href="/things-to-do/outdoors/fishing/lake-fishing/" 968 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Lake%20Fishing", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Ffishing%2Flake-fishing%2F", "interactionText": "Lake%20Fishing"}}' 969>Lake Fishing</a> 970 971 <a href="/things-to-do/outdoors/water-activities/" 972 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Water%20Activities", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fwater-activities%2F", "interactionText": "Water%20Activities"}}' 973>Water Activities</a> 974 975 <a href="/things-to-do/outdoors/water-activities/boating-and-swimming/" 976 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Boating%20And%20Swimming", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fwater-activities%2Fboating-and-swimming%2F", "interactionText": "Boating%20And%20Swimming"}}' 977>Boating And Swimming</a> 978 979 <a href="/things-to-do/outdoors/water-activities/canoeing-kayaking/" 980 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Canoeing%20%26%20Kayaking", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fwater-activities%2Fcanoeing-kayaking%2F", "interactionText": "Canoeing%20%26%20Kayaking"}}' 981>Canoeing & Kayaking</a> 982 983 <a href="/things-to-do/outdoors/biking/" 984 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Biking", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fbiking%2F", "interactionText": "Biking"}}' 985>Biking</a> 986 987 <a href="/things-to-do/outdoors/disc-golf-course/" 988 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Disc%20Golf%20Course", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fdisc-golf-course%2F", "interactionText": "Disc%20Golf%20Course"}}' 989>Disc Golf Course</a> 990 991 <a href="/things-to-do/outdoors/hiking/" 992 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Hiking", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fhiking%2F", "interactionText": "Hiking"}}' 993>Hiking</a> 994 995 <a href="/things-to-do/outdoors/horseback-riding/" 996 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Horseback%20Riding", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fhorseback-riding%2F", "interactionText": "Horseback%20Riding"}}' 997>Horseback Riding</a> 998 999 <a href="/things-to-do/outdoors/geocaching/" 1000 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Geocaching", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fgeocaching%2F", "interactionText": "Geocaching"}}' 1001>Geocaching</a> 1002 1003 <a href="/things-to-do/outdoors/golfing/" 1004 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Golfing", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fgolfing%2F", "interactionText": "Golfing"}}' 1005>Golfing</a> 1006 1007 <a href="/things-to-do/outdoors/off-roading/" 1008 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Off%20Road%20%2F%20ORV%20%2F%20ATV", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Foff-roading%2F", "interactionText": "Off%20Roa
1008d%20%2F%20ORV%20%2F%20ATV"}}' 1009>Off Road / ORV / ATV</a> 1010 1011 <a href="/things-to-do/outdoors/skate-park/" 1012 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Skate%20Park", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fskate-park%2F", "interactionText": "Skate%20Park"}}' 1013>Skate Park</a> 1014 1015 <a href="/things-to-do/outdoors/hunting/" 1016 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Hunting", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fhunting%2F", "interactionText": "Hunting"}}' 1017>Hunting</a> 1018 1019 <a href="/things-to-do/outdoors/cross-country-skiing/" 1020 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Cross%20Country%20Skiing", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fcross-country-skiing%2F", "interactionText": "Cross%20Country%20Skiing"}}' 1021>Cross Country Skiing</a> 1022 1023 <a href="/things-to-do/outdoors/snowmobiling/" 1024 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Snowmobiling", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fsnowmobiling%2F", "interactionText": "Snowmobiling"}}' 1025>Snowmobiling</a> 1026 1027 <a href="/things-to-do/outdoors/hiking-ski-walking-snowshoeing/" 1028 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Snowshoeing%20and%20Winter%20Hiking", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fhiking-ski-walking-snowshoeing%2F", "interactionText": "Snowshoeing%20and%20Winter%20Hiking"}}' 1029>Snowshoeing and Winter Hiking</a> 1030 1031 <a href="/things-to-do/outdoors/fat-tire-biking/" 1032 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Fat%20Tire%20Biking", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Ffat-tire-biking%2F", "interactionText": "Fat%20Tire%20Biking"}}' 1033>Fat Tire Biking</a> 1034 1035 <a href="/things-to-do/outdoors/downhill-skiing/" 1036 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Downhill%20Skiing", "interactionUrl": "%2Fthings-to-do%2Foutdoors%2Fdownhill-skiing%2F", "interactionText": "Downhill%20Skiing"}}' 1037>Downhill Skiing</a> 1038 1039 <a href="/things-to-do/nature-parks-wildlife/" 1040 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Nature%2C%20Parks%2C%20%26%20Wildlife", "interactionUrl": "%2Fthings-to-do%2Fnature-parks-wildlife%2F", "interactionText": "Nature%2C%20Parks%2C%20%26%20Wildlife"}}' 1041>Nature, Parks, & Wildlife</a> 1042 1043 <a href="/things-to-do/nature-parks-wildlife/fall-color-tour-and-scenic-drive/" 1044 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Fall%20Color%20Tour%20%26%20Scenic%20Drives", "interactionUrl": "%2Fthings-to-do%2Fnature-parks-wildlife%2Ffall-color-tour-and-scenic-drive%2F", "interactionText": "Fall%20Color%20Tour%20%26%20Scenic%20Drives"}}' 1045>Fall Color Tour & Scenic Drives</a> 1046 1047 <a href="/things-to-do/nature-parks-wildlife/birdwatching/" 1048 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Birdwatching", "interactionUrl": "%2Fthings-to-do%2Fnature-parks-wildlife%2Fbirdwatching%2F", "interactionText": "Birdwatching"}}' 1049>Birdwatching</a> 1050 1051 <a href="/things-to-do/nature-parks-wildlife/rivers-lakes/" 1052 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Rivers%20%26%20Lakes", "interactionUrl": "%2Fthings-to-do%2Fnature-parks-wildlife%2Frivers-lakes%2F", "interactionText": "Rivers%20%26%20Lakes"}}' 1053>Rivers & Lakes</a> 1054 1055 <a href="https://graylingmichigan.org/things-to-do/outdoors/fishing/" 1056 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Fishing", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fthings-to-do%2Foutdoors%2Ffishing%2F", "interactionText": "Fishing"}}' 1057>Fishing</a> 1058 1059 <a href="/things-to-do/nature-parks-wildlife/morel-mushroom-hunting/" 1060 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Morel%20Mushroom%20Hunting", "interactionUrl": "%2Fthings-to-do%2Fnature-parks-wildlife%2Fmorel-mushroom-hunting%2F", "interactionText": "Morel%20Mushroom%20Hunting"}}' 1061>Morel Mushroom Hunting</a> 1062 1063 <a href="/things-to-do/nature-parks-wildlife/state-parks/" 1064 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "State%20Parks%2FCampgrounds", "interactionUrl": "%2Fthings-to-do%2Fnature-parks-wildlife%2Fstate-parks%2F", "interactionText": "State%20Parks%2FCampgrounds"}}' 1065>State Parks/Campgrounds</a> 1066 1067 <a href="/things-to-do/nature-parks-wildlife/parks-playgrounds/" 1068 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Local%20Parks%20%26%20Playgrounds", "interactionUrl": "%2Fthings-to-do%2Fnature-parks-wildlife%2Fparks-playgrounds%2F", "interactionText": "Local%20Parks%20%26%20Playgrounds"}}' 1069>Local Parks & Playgrounds</a> 1070 1071 <a href="/things-to-do/nature-parks-wildlife/lavender-farm/" 1072 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Lavender%20Farm", "interactionUrl": "%2Fthings-to-do%2Fnature-parks-wildlife%2Flavender-farm%2F", "interactionText": "Lavender%20Farm"}}' 1073>Lavender Farm</a> 1074 1075 1076 1077 <a href="https://graylingmichigan.org/things-to-do/outdoors/hunting/" 1078 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Hunting", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fthings-to-do%2Foutdoors%2Fhunting%2F", "interactionText": "Hunting"}}' 1079>Hunting</a> 1080 1081 <a href="/things-to-do/indoor/" 1082 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Indoor%20Recreation", "interactionUrl": "%2Fthings-to-do%2Findoor%2F", "interactionText": "Indoor%20Recreation"}}' 1083>Indoor Recreation</a> 1084 1085 <a href="/things-to-do/shopping/" 1086 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Shopping", "interactionUrl": "%2Fthings-to-do%2Fshopping%2F", "interactionText": "Shopping"}}' 1087>Shopping</a> 1088 1089 <a href="/things-to-do/night-life/" 1090 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Night%20Life", "interactionUrl": "%2Fthings-to-do%2Fnight-life%2F", "interactionText": "Night%20Life"}}' 1091>Night Life</a> 1092 1093 <a href="/things-to-do/wellness-activities/" 1094 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Wellness%20Activities", "interactionUrl": "%2Fthings-to-do%2Fwellness-activities%2F", "interactionText": "Wellness%20Activities"}}' 1095>Wellness Activities</a> 1096 1097 <a href="/events/" 1098 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Events", "interactionUrl": "%2Fevents%2F", "interactionText": "Events"}}' 1099>Events</a> 1100 1101 1102 1103 1104 1105 <a href="/events/local-community-events/" 1106 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Local%20Community%20Events", "interactionUrl": "%2Fevents%2Flocal-community-events%2F", "interactionText": "Local%20Community%20Events"}}' 1107>Local Community Events</a> 1108 1109 <a href="/food-and-drink/" 1110 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Food%20%26%20Drink", "interactionUrl": "%2Ffood-and-drink%2F", "interactionText": "Food%20%26%20Drink"}}' 1111>Food & Drink</a> 1112 1113 <a href="/food-and-drink/restaurants/" 1114 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Restaurants", "interactionUrl": "%2Ffood-and-drink%2Frestaurants%2F", "interactionText": "Restaurants"}}' 1115>Restaurants</a> 1116 1117 <a href="/food-and-drink/breweries/" 1118 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Breweries", "interactionUrl": "%2Ffood-and-drink%2Fbreweries%2F", "interactionText": "Breweries"}}' 1119>Breweries</a> 1120 1121 <a href="/food-and-drink/coffee-shops/" 1122 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Coffee%20Shops", "interactionUrl": "%2Ffood-and-drink%2Fcoffee-shops%2F", "interactionText": "Coffee%20Shops"}}' 1123>Coffee Shops</a> 1124 1125 1126 1127 1128 1129 <a href="/stay/" 1130 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Places%20To%20Stay", "interactionUrl": "%2Fstay%2F", "interactionText": "Places%20To%20Stay"}}' 1131>Places To Stay</a> 1132 1133 <a href="/stay/hotels/" 1134 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Hotels%20%26%20Motels", "interactionUrl": "%2Fstay%2Fhotels%2F", "interactionText": "Hotels%20%26%20Motels"}}' 1135>Hotels & Motels</a> 1136 1137 <a href="/stay/bed-breakfast-specialty/" 1138 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Bed%20%26%20Breakfasts%2FSpecialty%20Accommodations", "interactionUrl": "%2Fstay%2Fbed-breakfast-specialty%2F", "interactionText": "Bed%20%26%20Breakfasts%2FSpecialty%20Accommodations"}}' 1139>Bed & Breakfasts/Specialty Accommodations</a> 1140 1141 <a href="/stay/cabins/" 1142 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Cabins%20%26%20Lodges", "interactionUrl": "%2Fstay%2Fcabins%2F", "interactionText": "Cabins%20%26%20Lodges"}}' 1143>Cabins & Lodges</a> 1144 1145 <a href="/stay/camping/" 1146 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Camping", "interactionUrl": "%2Fstay%2Fcamping%2F", "interactionText": "Camping"}}' 1147>Camping</a> 1148 1149 <a href="/plan/" 1150 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Plan%20Your%20Visit", "interactionUrl": "%2Fplan%2F", "interactionText": "Plan%20Your%20Visit"}}' 1151>Plan Your Visit</a> 1152 1153 <a href="https://graylingmichigan.org/visitor-guide/" 1154 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Visitor%20Guide", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fvisitor-guide%2F", "interactionText": "Visitor%20Guide"}}' 1155>Visitor Guide</a> 1156 1157 <a href="/plan/how-to-get-here/" 1158 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "How%20To%20Get%20Here", "interactionUrl": "%2Fplan%2Fhow-to-get-here%2F", "interactionText": "How%20To%20Get%20Here"}}' 1159>How To Get Here</a> 1160 1161 <a href="/plan/maps-brochures/" 1162 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Maps%20%26%20Brochures", "interactionUrl": "%2Fplan%2Fma
1162ps-brochures%2F", "interactionText": "Maps%20%26%20Brochures"}}' 1163>Maps & Brochures</a> 1164 1165 <a href="/plan/wi-fi-computer-access/" 1166 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Wi-Fi%2FComputer%20Access", "interactionUrl": "%2Fplan%2Fwi-fi-computer-access%2F", "interactionText": "Wi-Fi%2FComputer%20Access"}}' 1167>Wi-Fi/Computer Access</a> 1168 1169 <a href="https://graylingmichigan.org/enewsletters/" 1170 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Newsletter%20Signup", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fenewsletters%2F", "interactionText": "Newsletter%20Signup"}}' 1171>Newsletter Signup</a> 1172 1173 1174 1175 </nav> 1176 1177 </noscript> 1178 1179 1180<button 1181 class="menu-toggle" 1182 type="button" 1183 aria-label="toggle menu" 1184 aria-haspopup="true" 1185 aria-expanded="false" 1186 aria-controls="primary-site-menu" 1187 data-action="toggle-menu" 1188> 1189 <div class="menu open"> 1190 <img src='/includes/public/assets/shared/header/mobile-open.svg' width="35" height="25" aria-hidden="true"> 1191 <span class="text">Menu</span> 1192 </div> 1193 <div class="menu close"> 1194 <img src='/includes/public/assets/shared/header/mobile-close.svg' width="25" height="25" aria-hidden="true"> 1195 <span class="text">Close</span> 1196 </div> 1197</button> 1198 1199 1200 1201 <nav 1202 class="navigation navigation-three-col primary desktop" 1203 role="navigation" 1204 data-primary-nav-desktop 1205 1206 data-gtm-vars='{"tClient_ga4": {"eventName": "navigation_click", "navType": "Main", "interactionSource": "navigation"}}' 1207 1208 > 1209
1209<script type="text/template" data-nav-item-template>{{+linkTracking}} 1210 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "{{%data.title}}", "interactionSource": "navigation", "interactionUrl": "{{%%href}}", "interactionText": "{{%%data.title}}"}}' 1211{{/}} 1212{{+nav_items}} 1213 {{+nav_items_helper}} {{!-- This nested partial is necessary to make this partial recursive because helpers.partial 1214 only outputs the inner text of the partial, not the partial name. Please do not remove! --}} 1215 {{#shownchildren}} 1216 {{~exec(function() { 1217 if (!data.isLazyLoaded) { 1218 helpers.var.depth = 1; 1219 } else { 1220 helpers.var.depth = data.depth; 1221 } 1222 })}} 1223 <div class="nav-item level-{{~var.depth}} {{data.section}}" data-id="{{data.id}}" data-nav-item> 1224 <div class="nav-item-control level-{{~var.depth}}"> 1225 <a 1226 class="nav-link" 1227 href="{{href}}" 1228 target="{{target}}" 1229 {{>linkTracking}} 1230 > 1231 {{data.title}} 1232 </a> 1233 {{:shownchildren}} 1234 <button 1235 id="{{data.id}}" 1236 class="dropdown-toggle" 1237 aria-label="open submenu" 1238 aria-haspopup="true" 1239 aria-expanded="false" 1240 data-dropdown-toggle 1241 > 1242 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1243 </button> 1244 {{/}} 1245 </div> 1246 {{:shownchildren}} 1247 <div class="dropdown-helper" data-dropdown-helper></div> 1248 <div 1249 class="dropdown-menu level-{{~var.depth}} 1250 {{:isLazyLoaded}} 1251 {{:shownChildren.0}}rendered{{/}} 1252 {{/}}" 1253 aria-labelledby="{{data.id}}" 1254 data-parent-id="{{data.id}}" 1255 data-start="{{data.folderHref}}" 1256 data-section="{{data.section}}" 1257 data-dropdown-menu 1258 > 1259 {{:isLazyLoaded}} 1260 {{>nav_items_helper}} 1261 {{/}} 1262 </div> 1263 {{/}} 1264 </div> 1265 {{/}} 1266 {{/}} 1267 {{>nav_items_helper}} 1268{{/}} 1269 1270{{>nav_items}}</script>
1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 <div class="nav-item level-1 main" data-id="65a58861b847b21dff79c23c" data-nav-item> 1280 <div class="nav-item-control level-1"> 1281 <a 1282 class="nav-link" 1283 href="/things-to-do/" 1284 target="_self" 1285 1286 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Things To Do", "interactionSource": "navigation", "interactionUrl": "%2Fthings-to-do%2F", "interactionText": "Things%20To%20Do"}}' 1287 1288 > 1289 Things To Do 1290 </a> 1291 1292 <button 1293 id="65a58861b847b21dff79c23c" 1294 class="dropdown-toggle" 1295 aria-label="open submenu" 1296 aria-haspopup="true" 1297 aria-expanded="false" 1298 data-dropdown-toggle 1299 > 1300 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1301 </button> 1302 1303 </div> 1304 1305 <div class="dropdown-helper" data-dropdown-helper></div> 1306 <div 1307 class="dropdown-menu level-1 1308 " 1309 aria-labelledby="65a58861b847b21dff79c23c" 1310 data-parent-id="65a58861b847b21dff79c23c" 1311 data-start="/things-to-do/" 1312 data-section="main" 1313 data-dropdown-menu 1314 > 1315 1316 </div> 1317 1318 </div> 1319 1320 1321 <div class="nav-item level-1 main" data-id="65a58861b847b21dff79c268" data-nav-item> 1322 <div class="nav-item-control level-1"> 1323 <a 1324 class="nav-link" 1325 href="/events/" 1326 target="_self" 1327 1328 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Events", "interactionSource": "navigation", "interactionUrl": "%2Fevents%2F", "interactionText": "Events"}}' 1329 1330 > 1331 Events 1332 </a> 1333 1334 <button 1335 id="65a58861b847b21dff79c268" 1336 class="dropdown-toggle" 1337 aria-label="open submenu" 1338 aria-haspopup="true" 1339 aria-expanded="false" 1340 data-dropdown-toggle 1341 > 1342 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1343 </button> 1344 1345 </div> 1346 1347 <div class="dropdown-helper" data-dropdown-helper></div> 1348 <div 1349 class="dropdown-menu level-1 1350 " 1351 aria-labelledby="65a58861b847b21dff79c268" 1352 data-parent-id="65a58861b847b21dff79c268" 1353 data-start="/events/" 1354 data-section="main" 1355 data-dropdown-menu 1356 > 1357 1358 </div> 1359 1360 </div> 1361 1362 1363 <div class="nav-item level-1 main" data-id="65a58861b847b21dff79c296" data-nav-item> 1364 <div class="nav-item-control level-1"> 1365 <a 1366 class="nav-link" 1367 href="/food-and-drink/" 1368 target="_self" 1369 1370 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Food & Drink", "interactionSource": "navigation", "interactionUrl": "%2Ffood-and-drink%2F", "interactionText": "Food%20%26%20Drink"}}' 1371 1372 > 1373 Food & Drink 1374 </a> 1375 1376 <button 1377 id="65a58861b847b21dff79c296" 1378 class="dropdown-toggle" 1379 aria-label="open submenu" 1380 aria-haspopup="true" 1381 aria-expanded="false" 1382 data-dropdown-toggle 1383 > 1384 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1385 </button> 1386 1387 </div> 1388 1389 <div class="dropdown-helper" data-dropdown-helper></div> 1390 <div 1391 class="dropdown-menu level-1 1392 " 1393 aria-labelledby="65a58861b847b21dff79c296" 1394 data-parent-id="65a58861b847b21dff79c296" 1395 data-start="/food-and-drink/" 1396 data-section="main" 1397 data-dropdown-menu 1398 > 1399 1400 </div> 1401 1402 </div> 1403 1404 1405 <div class="nav-item level-1 main" data-id="65a58861b847b21dff79c2c2" data-nav-item> 1406 <div class="nav-item-control level-1"> 1407 <a 1408 class="nav-link" 1409 href="/stay/" 1410 target="_self" 1411 1412 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Places To Stay", "interactionSource": "navigation", "interactionUrl": "%2Fstay%2F", "interactionText": "Places%20To%20Stay"}}' 1413 1414 > 1415 Places To Stay 1416 </a> 1417 1418 <button 1419 id="65a58861b847b21dff79c2c2" 1420 class="dropdown-toggle" 1421 aria-label="open submenu" 1422 aria-haspopup="true" 1423 aria-expanded="false" 1424 data-dropdown-toggle 1425 > 1426 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1427 </button> 1428 1429 </div> 1430 1431 <div class="dropdown-helper" data-dropdown-helper></div> 1432 <div 1433 class="dropdown-menu level-1 1434 " 1435 aria-labelledby="65a58861b847b21dff79c2c2" 1436 data-parent-id="65a58861b847b21dff79c2c2" 1437 data-start="/stay/" 1438 data-section="main" 1439 data-dropdown-menu 1440 > 1441 1442 </div> 1443 1444 </div> 1445 1446 1447 <div class="nav-item level-1 main" data-id="65a58861b847b21dff79c2ee" data-nav-item> 1448 <div class="nav-item-control level-1"> 1449 <a 1450 class="nav-link" 1451 href="/plan/" 1452 target="_self" 1453 1454 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Plan Your Visit", "interactionSource": "navigation", "interactionUrl": "%2Fplan%2F", "interactionText": "Plan%20Your%20Visit"}}' 1455 1456 > 1457 Plan Your Visit 1458 </a> 1459 1460 <button 1461 id="65a58861b847b21dff79c2ee" 1462 class="dropdown-toggle" 1463 aria-label="open submenu" 1464 aria-haspopup="true" 1465 aria-expanded="false" 1466 data-dropdown-toggle 1467 > 1468 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1469 </button> 1470 1471 </div> 1472 1473 <div class="dropdown-helper" data-dropdown-helper></div> 1474 <div 1475 class="dropdown-menu level-1 1476 " 1477 aria-labelledby="65a58861b847b21dff79c2ee" 1478 data-parent-id="65a58861b847b21dff79c2ee" 1479 data-start="/plan/" 1480 data-section="main" 1481 data-dropdown-menu 1482 > 1483 1484 </div> 1485 1486 </div> 1487 1488 1489 1490 </nav> 1491 1492 <nav class="navigation primary mobile hide" role="navigation" data-primary-nav-mobile 1493 data-gtm-vars='{"tClient_ga4": {"eventName": "navigation_click", "navType": "Main", "interactionSource": "navigation"}}' 1494> 1495
1495<script type="text/template" data-nav-item-template>{{+linkTracking}} 1496 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "{{%data.title}}", "interactionSource": "navigation", "interactionUrl": "{{%%href}}", "interactionText": "{{%%data.title}}"}}' 1497{{/}} 1498{{+nav_items}} 1499 {{+nav_items_helper}} {{!-- This nested partial is necessary to make this partial recursive because helpers.partial 1500 only outputs the inner text of the partial, not the partial name. Please do not remove! --}} 1501 {{#shownchildren}} 1502 {{~exec(function() { 1503 if (!data.isLazyLoaded) { 1504 helpers.var.depth = 1; 1505 } else { 1506 helpers.var.depth = data.depth; 1507 } 1508 })}} 1509 <div class="nav-item level-{{~var.depth}} {{data.section}}" data-id="{{data.id}}" data-nav-item> 1510 <div class="nav-item-control level-{{~var.depth}}"> 1511 <a 1512 class="nav-link" 1513 href="{{href}}" 1514 target="{{target}}" 1515 {{>linkTracking}} 1516 > 1517 {{data.title}} 1518 </a> 1519 {{:shownchildren}} 1520 <button 1521 id="{{data.id}}" 1522 class="dropdown-toggle" 1523 aria-label="open submenu" 1524 aria-haspopup="true" 1525 aria-expanded="false" 1526 data-dropdown-toggle 1527 > 1528 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1529 </button> 1530 {{/}} 1531 </div> 1532 {{:shownchildren}} 1533 <div class="dropdown-helper" data-dropdown-helper></div> 1534 <div 1535 class="dropdown-menu level-{{~var.depth}} 1536 {{:isLazyLoaded}} 1537 {{:shownChildren.0}}rendered{{/}} 1538 {{/}}" 1539 aria-labelledby="{{data.id}}" 1540 data-parent-id="{{data.id}}" 1541 data-start="{{data.folderHref}}" 1542 data-section="{{data.section}}" 1543 data-dropdown-menu 1544 > 1545 {{:isLazyLoaded}} 1546 {{>nav_items_helper}} 1547 {{/}} 1548 </div> 1549 {{/}} 1550 </div> 1551 {{/}} 1552 {{/}} 1553 {{>nav_items_helper}} 1554{{/}} 1555 1556{{>nav_items}}</script>
1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 <div class="nav-item level-1 main" data-id="65a58861b847b21dff79c23c" data-nav-item> 1566 <div class="nav-item-control level-1"> 1567 <a 1568 class="nav-link" 1569 href="/things-to-do/" 1570 target="_self" 1571 1572 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Things To Do", "interactionSource": "navigation", "interactionUrl": "%2Fthings-to-do%2F", "interactionText": "Things%20To%20Do"}}' 1573 1574 > 1575 Things To Do 1576 </a> 1577 1578 <button 1579 id="65a58861b847b21dff79c23c" 1580 class="dropdown-toggle" 1581 aria-label="open submenu" 1582 aria-haspopup="true" 1583 aria-expanded="false" 1584 data-dropdown-toggle 1585 > 1586 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1587 </button> 1588 1589 </div> 1590 1591 <div class="dropdown-helper" data-dropdown-helper></div> 1592 <div 1593 class="dropdown-menu level-1 1594 " 1595 aria-labelledby="65a58861b847b21dff79c23c" 1596 data-parent-id="65a58861b847b21dff79c23c" 1597 data-start="/things-to-do/" 1598 data-section="main" 1599 data-dropdown-menu 1600 > 1601 1602 </div> 1603 1604 </div> 1605 1606 1607 <div class="nav-item level-1 main" data-id="65a58861b847b21dff79c268" data-nav-item> 1608 <div class="nav-item-control level-1"> 1609 <a 1610 class="nav-link" 1611 href="/events/" 1612 target="_self" 1613 1614 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Events", "interactionSource": "navigation", "interactionUrl": "%2Fevents%2F", "interactionText": "Events"}}' 1615 1616 > 1617 Events 1618 </a> 1619 1620 <button 1621 id="65a58861b847b21dff79c268" 1622 class="dropdown-toggle" 1623 aria-label="open submenu" 1624 aria-haspopup="true" 1625 aria-expanded="false" 1626 data-dropdown-toggle 1627 > 1628 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1629 </button> 1630 1631 </div> 1632 1633 <div class="dropdown-helper" data-dropdown-helper></div> 1634 <div 1635 class="dropdown-menu level-1 1636 " 1637 aria-labelledby="65a58861b847b21dff79c268" 1638 data-parent-id="65a58861b847b21dff79c268" 1639 data-start="/events/" 1640 data-section="main" 1641 data-dropdown-menu 1642 > 1643 1644 </div> 1645 1646 </div> 1647 1648 1649 <div class="nav-item level-1 main" data-id="65a58861b847b21dff79c296" data-nav-item> 1650 <div class="nav-item-control level-1"> 1651 <a 1652 class="nav-link" 1653 href="/food-and-drink/" 1654 target="_self" 1655 1656 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Food & Drink", "interactionSource": "navigation", "interactionUrl": "%2Ffood-and-drink%2F", "interactionText": "Food%20%26%20Drink"}}' 1657 1658 > 1659 Food & Drink 1660 </a> 1661 1662 <button 1663 id="65a58861b847b21dff79c296" 1664 class="dropdown-toggle" 1665 aria-label="open submenu" 1666 aria-haspopup="true" 1667 aria-expanded="false" 1668 data-dropdown-toggle 1669 > 1670 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1671 </button> 1672 1673 </div> 1674 1675 <div class="dropdown-helper" data-dropdown-helper></div> 1676 <div 1677 class="dropdown-menu level-1 1678 " 1679 aria-labelledby="65a58861b847b21dff79c296" 1680 data-parent-id="65a58861b847b21dff79c296" 1681 data-start="/food-and-drink/" 1682 data-section="main" 1683 data-dropdown-menu 1684 > 1685 1686 </div> 1687 1688 </div> 1689 1690 1691 <div class="nav-item level-1 main" data-id="65a58861b847b21dff79c2c2" data-nav-item> 1692 <div class="nav-item-control level-1"> 1693 <a 1694 class="nav-link" 1695 href="/stay/" 1696 target="_self" 1697 1698 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Places To Stay", "interactionSource": "navigation", "interactionUrl": "%2Fstay%2F", "interactionText": "Places%20To%20Stay"}}' 1699 1700 > 1701 Places To Stay 1702 </a> 1703 1704 <button 1705 id="65a58861b847b21dff79c2c2" 1706 class="dropdown-toggle" 1707 aria-label="open submenu" 1708 aria-haspopup="true" 1709 aria-expanded="false" 1710 data-dropdown-toggle 1711 > 1712 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1713 </button> 1714 1715 </div> 1716 1717 <div class="dropdown-helper" data-dropdown-helper></div> 1718 <div 1719 class="dropdown-menu level-1 1720 " 1721 aria-labelledby="65a58861b847b21dff79c2c2" 1722 data-parent-id="65a58861b847b21dff79c2c2" 1723 data-start="/stay/" 1724 data-section="main" 1725 data-dropdown-menu 1726 > 1727 1728 </div> 1729 1730 </div> 1731 1732 1733 <div class="nav-item level-1 main" data-id="65a58861b847b21dff79c2ee" data-nav-item> 1734 <div class="nav-item-control level-1"> 1735 <a 1736 class="nav-link" 1737 href="/plan/" 1738 target="_self" 1739 1740 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Plan Your Visit", "interactionSource": "navigation", "interactionUrl": "%2Fplan%2F", "interactionText": "Plan%20Your%20Visit"}}' 1741 1742 > 1743 Plan Your Visit 1744 </a> 1745 1746 <button 1747 id="65a58861b847b21dff79c2ee" 1748 class="dropdown-toggle" 1749 aria-label="open submenu" 1750 aria-haspopup="true" 1751 aria-expanded="false" 1752 data-dropdown-toggle 1753 > 1754 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1755 </button> 1756 1757 </div> 1758 1759 <div class="dropdown-helper" data-dropdown-helper></div> 1760 <div 1761 class="dropdown-menu level-1 1762 " 1763 aria-labelledby="65a58861b847b21dff79c2ee" 1764 data-parent-id="65a58861b847b21dff79c2ee" 1765 data-start="/plan/" 1766 data-section="main" 1767 data-dropdown-menu 1768 > 1769 1770 </div> 1771 1772 </div> 1773 1774 1775 1776 </nav> 1777 1778</div> 1779
1780<script> 1781 require([ 1782 'jquery', 1783 'plugins_nav_custom_nav_desktop_three_col', 1784 'plugins_nav_custom_nav_mobile' 1785 ], function($, navDesktop, navMobile) { 1786 var root = $('[data-guid="b0d0b410-7e24-4f90-8479-bfcd61092e42"]'); 1787 var menuToggle = root.find('[data-action="toggle-menu"]'); 1788 var headerPanel = $('.panel-header'); 1789 var bodyOverlay = $('[data-body-overlay]'); 1790 var navTreeDepth = 3; 1791 1792 navDesktop.init(root, '[data-primary-nav-desktop]', navTreeDepth); 1793 navMobile.init(root, '[data-primary-nav-mobile]', '[data-main-nav-cont]', navTreeDepth); 1794 1795 function toggleMenu() { 1796 document.body.classList.toggle('hamburger-open'); 1797 menuToggle.toggleClass('active'); 1798 headerPanel.toggleClass('active'); 1799 menuToggle.attr('aria-expanded', menuToggle.hasClass('active')); 1800 document.querySelector('#primary-site-menu').classList.toggle('active'); 1801 } 1802 1803 [bodyOverlay, menuToggle].forEach(toggle => toggle.on('click', () => toggleMenu())); 1804 }); 1805</script>
1805</div> 1806 </div> 1807 1808 </div> 1809 </div> 1810 </div> 1811 </div> 1812 <div id="primary-site-menu" class="mobile-nav-container" data-mobile-nav> 1813 <div class="mobile-nav"> 1814 <header class="widgets"> 1815 <div data-search-cont></div> 1816 <div data-civid="65a838bcdbbe452f05725b1b" class="contentRender contentRender_6 contentRender_type_widget contentRender_name_plugins_common_header_button" data-sv-time="9" data-sv-index="6" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'><a href="https://grayling-mi.bookdirect.net/" target="_blank" class="header-button"> 1817 <i class="fa-sharp fa-solid fa-compass"></i> 1818 Check Rates 1819</a></div> 1820 <div data-weather-cont></div> 1821 </header> 1822 <div class="mobile-main-nav" data-main-nav-cont></div> 1823 <div class="mobile-secondary-nav" data-secondary-nav-cont></div> 1824 <div class="mobile-footer-nav" data-footer-nav-cont><div data-civid="65a838bcdbbe452f05725b15" class="contentRender contentRender_3 contentRender_type_widget contentRender_name_plugins_nav_mobile_footer" data-sv-time="13" data-sv-index="3" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 1825 1826 1827 1828 1829<div class="nav-container" data-guid="3ca51cee-1eac-4493-b758-3af306a0234c" 1830 data-gtm-vars='{"tClient_ga4": {"eventName": "navigation_click", "navType": "Footer", "interactionSource": "navigation"}}' 1831> 1832 <noscript class="permanently-hidden"> 1833 1834 <nav> 1835 1836 <a href="/contact-us/" 1837 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Contact", "interactionUrl": "%2Fcontact-us%2F", "interactionText": "Contact"}}' 1838>Contact</a> 1839 1840 1841 1842 <a href="/media/" 1843 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Media", "interactionUrl": "%2Fmedia%2F", "interactionText": "Media"}}' 1844>Media</a> 1845 1846 <a href="/media/videos/" 1847 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Videos", "interactionUrl": "%2Fmedia%2Fvideos%2F", "interactionText": "Videos"}}' 1848>Videos</a> 1849 1850 <a href="https://graylingmichigan.org/articles/" 1851 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "News", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Farticles%2F", "interactionText": "News"}}' 1852>News</a> 1853 1854 <a href="/privacy-policy/" 1855 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Privacy%20Policy", "interactionUrl": "%2Fprivacy-policy%2F", "interactionText": "Privacy%20Policy"}}' 1856>Privacy Policy</a> 1857 1858 <a href="https://graylingmichigan.org/sitemap/" 1859 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Sitemap", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fsitemap%2F", "interactionText": "Sitemap"}}' 1860>Sitemap</a> 1861 1862 </nav> 1863 1864 </noscript> 1865 1866 1867 <nav class="navigation footer mobile hide" role="navigation" data-footer-nav-mobile 1868 data-gtm-vars='{"tClient_ga4": {"eventName": "navigation_click", "navType": "Footer", "interactionSource": "navigation"}}' 1869> 1870
1870<script type="text/template" data-nav-item-template>{{+linkTracking}} 1871 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "{{%data.title}}", "interactionSource": "navigation", "interactionUrl": "{{%%href}}", "interactionText": "{{%%data.title}}"}}' 1872{{/}} 1873{{+nav_items}} 1874 {{+nav_items_helper}} {{!-- This nested partial is necessary to make this partial recursive because helpers.partial 1875 only outputs the inner text of the partial, not the partial name. Please do not remove! --}} 1876 {{#shownchildren}} 1877 {{~exec(function() { 1878 if (!data.isLazyLoaded) { 1879 helpers.var.depth = 1; 1880 } else { 1881 helpers.var.depth = data.depth; 1882 } 1883 })}} 1884 <div class="nav-item level-{{~var.depth}} {{data.section}}" data-id="{{data.id}}" data-nav-item> 1885 <div class="nav-item-control level-{{~var.depth}}"> 1886 <a 1887 class="nav-link" 1888 href="{{href}}" 1889 target="{{target}}" 1890 {{>linkTracking}} 1891 > 1892 {{data.title}} 1893 </a> 1894 {{:shownchildren}} 1895 <button 1896 id="{{data.id}}" 1897 class="dropdown-toggle" 1898 aria-label="open submenu" 1899 aria-haspopup="true" 1900 aria-expanded="false" 1901 data-dropdown-toggle 1902 > 1903 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1904 </button> 1905 {{/}} 1906 </div> 1907 {{:shownchildren}} 1908 <div class="dropdown-helper" data-dropdown-helper></div> 1909 <div 1910 class="dropdown-menu level-{{~var.depth}} 1911 {{:isLazyLoaded}} 1912 {{:shownChildren.0}}rendered{{/}} 1913 {{/}}" 1914 aria-labelledby="{{data.id}}" 1915 data-parent-id="{{data.id}}" 1916 data-start="{{data.folderHref}}" 1917 data-section="{{data.section}}" 1918 data-dropdown-menu 1919 > 1920 {{:isLazyLoaded}} 1921 {{>nav_items_helper}} 1922 {{/}} 1923 </div> 1924 {{/}} 1925 </div> 1926 {{/}} 1927 {{/}} 1928 {{>nav_items_helper}} 1929{{/}} 1930 1931{{>nav_items}}</script>
1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 <div class="nav-item level-1 footer" data-id="65a58862b847b21dff79c373" data-nav-item> 1941 <div class="nav-item-control level-1"> 1942 <a 1943 class="nav-link" 1944 href="/contact-us/" 1945 target="_self" 1946 1947 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Contact", "interactionSource": "navigation", "interactionUrl": "%2Fcontact-us%2F", "interactionText": "Contact"}}' 1948 1949 > 1950 Contact 1951 </a> 1952 1953 </div> 1954 1955 </div> 1956 1957 1958 <div class="nav-item level-1 footer" data-id="65a58862b847b21dff79c39f" data-nav-item> 1959 <div class="nav-item-control level-1"> 1960 <a 1961 class="nav-link" 1962 href="/media/" 1963 target="_self" 1964 1965 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Media", "interactionSource": "navigation", "interactionUrl": "%2Fmedia%2F", "interactionText": "Media"}}' 1966 1967 > 1968 Media 1969 </a> 1970 1971 <button 1972 id="65a58862b847b21dff79c39f" 1973 class="dropdown-toggle" 1974 aria-label="open submenu" 1975 aria-haspopup="true" 1976 aria-expanded="false" 1977 data-dropdown-toggle 1978 > 1979 <i class="icon-toggle fas fa-angle-down" aria-hidden="true"></i> 1980 </button> 1981 1982 </div> 1983 1984 <div class="dropdown-helper" data-dropdown-helper></div> 1985 <div 1986 class="dropdown-menu level-1 1987 " 1988 aria-labelledby="65a58862b847b21dff79c39f" 1989 data-parent-id="65a58862b847b21dff79c39f" 1990 data-start="/media/" 1991 data-section="footer" 1992 data-dropdown-menu 1993 > 1994 1995 </div> 1996 1997 </div> 1998 1999 2000 <div class="nav-item level-1 footer" data-id="65a58862b847b21dff79c3cb" data-nav-item> 2001 <div class="nav-item-control level-1"> 2002 <a 2003 class="nav-link" 2004 href="/privacy-policy/" 2005 target="_self" 2006 2007 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Privacy Policy", "interactionSource": "navigation", "interactionUrl": "%2Fprivacy-policy%2F", "interactionText": "Privacy%20Policy"}}' 2008 2009 > 2010 Privacy Policy 2011 </a> 2012 2013 </div> 2014 2015 </div> 2016 2017 2018 <div class="nav-item level-1 footer" data-id="65a58862b847b21dff79c3f7" data-nav-item> 2019 <div class="nav-item-control level-1"> 2020 <a 2021 class="nav-link" 2022 href="https://graylingmichigan.org/sitemap/" 2023 target="_self" 2024 2025 data-gtm-click data-gtm-vars='{"tClient_ga4" : {"eventName" : "navigation_click", "linkObject": "Sitemap", "interactionSource": "navigation", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fsitemap%2F", "interactionText": "Sitemap"}}' 2026 2027 > 2028 Sitemap 2029 </a> 2030 2031 </div> 2032 2033 </div> 2034 2035 2036 2037 </nav> 2038 2039</div> 2040
2041<script> 2042 require([ 2043 'jquery', 2044 'plugins_nav_custom_nav_mobile', 2045 ], function($, navMobile) { 2046 var root = $('[data-guid="3ca51cee-1eac-4493-b758-3af306a0234c"]'); 2047 var menuToggle = root.find('[data-action="toggle-menu"]'); 2048 var bodyOverlay = $('[data-body-overlay]'); 2049 var navTreeDepth = 3; 2050 2051 navMobile.init(root, '[data-footer-nav-mobile]', '[data-footer-nav-cont]', navTreeDepth); 2052 2053 function toggleMenu() { 2054 document.body.classList.toggle('hamburger-open'); 2055 menuToggle.toggleClass('active'); 2056 menuToggle.attr('aria-expanded', menuToggle.hasClass('active')); 2057 document.querySelector('#primary-site-menu').classList.toggle('active'); 2058 } 2059 2060 [bodyOverlay, menuToggle].forEach(toggle => toggle.on('click', () => toggleMenu())); 2061 }); 2062</script>
2062</div></div> 2063 </div> 2064 </div> 2065</header> 2066 2067<div class="body-overlay" data-body-overlay></div></div> 2068 </div> 2069 <div id="slideshow-container" class="slideshow-container"> 2070 2071 </div> 2072 <div id="main-content" class="content"> 2073 <div data-civid="649d0bbcca6edd1f0089ad54" class="contentRender contentRender_9 contentRender_type_widget contentRender_name_plugins_blog_articles_posts" data-sv-time="55" data-sv-index="9" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 2074 2075<div class="blog-container" data-sv-blog-container> 2076
2076<script> 2077 /* 2078 Adds class to <body> to identify if we are on blog index or detail page. 2079 2080 When on detail page: On page load, the header slideshow is hidden, allowing 2081 for JS at bottom of page to update the image and then show main image in 2082 header slideshow without flashing content while image is updated. 2083 */ 2084 var className = true ? "blog-detail" : "blog-index"; 2085 document.querySelector('body').classList.add(className); 2086 </script>
2086 2087 2088
2088<script data-translations type="text/template"> 2089 {"blog":{"archives":"Archives","author_by":"By","author":"Author","authors":"Authors","author_on":"on","category":"Category","categories":"Categories","download_document":"Download Document","share":"Share","tag":"Tag","tags":"Tags","related_posts_title":"You May Also Like","read_more":"Read More","no_posts_found":"No posts found","no_items_found":"No items found","next_page":"Next Page","prev_page":"Previous Page","next_post":"Next Post","prev_post":"Previous Post","posts_from":"Posts From"},"common":{"back":"Back","top_list":"Back to Top of List","back_to_top":"Back to Top","label_listings":"Listings","label_events":"Events","label_offers":"Offers","nav_home":"Home","addthis":"Share","from":"From","to":"To","legal_text":"Grayling Visitors Bureau. All Rights Reserved.","enews_email":"Email","enews_submit":"Submit","menu_open":"Menu","menu_close":"Close","follow_us":"Follow Us","minute_read":"min read","valid":"Valid"}} 2090 </script>
2090 2091 2092 2093
2094<script data-detail-data type="text/template"> 2095 {"blog":"articles","id":"6ab1cbf241f45dbddf8f81a5","title":"The 130-Year-Old Tree Experiment Hiding in Northern Michigan","publish_start":"2026-09-22T00:00:00.000Z","created":"2026-09-22T00:29:38.325Z","placeholderImageUrl":"https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/graylingmi/featured_img_889d2b14-5759-4d8a-bad8-aa18ba140271.png"} 2096</script>
2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 2117
2117<script type="text/template" data-headerslideshow-template> 2118 2119 2120<div class="custom-blog-detail-hero"> 2121 2122 <div class="img-cont"> 2123 <picture> 2124 2125 2126 2127 <source 2128 srcset="https://assets.simpleviewinc.com/simpleview/image/upload/c_fill,f_jpg,h_563,q_65,w_1920/v1/clients/graylingmi/Beal_Plantation_013_1685c6f5-4bd6-4126-8d3f-5a715ba2188f.jpg" 2129 media="screen and (min-width: 1440px)" 2130 /> 2131 2132 2133 2134 <source 2135 srcset="https://assets.simpleviewinc.com/simpleview/image/upload/c_fill,f_jpg,h_422,q_65,w_1440/v1/clients/graylingmi/Beal_Plantation_013_1685c6f5-4bd6-4126-8d3f-5a715ba2188f.jpg" 2136 media="screen and (min-width: 1024px)" 2137 /> 2138 2139 2140 2141 <source 2142 srcset="https://assets.simpleviewinc.com/simpleview/image/upload/c_fill,f_jpg,h_300,q_65,w_1024/v1/clients/graylingmi/Beal_Plantation_013_1685c6f5-4bd6-4126-8d3f-5a715ba2188f.jpg" 2143 media="screen and (min-width: 640px)" 2144 /> 2145 2146 <img 2147 class="hero-img" 2148 src="https://assets.simpleviewinc.com/simpleview/image/upload/c_fill,f_jpg,h_188,q_65,w_640/v1/clients/graylingmi/Beal_Plantation_013_1685c6f5-4bd6-4126-8d3f-5a715ba2188f.jpg" 2149 alt="Beal Plantation" 2150 loading="eager" 2151 fetchpriority="high" 2152 /> 2153 </picture> 2154 </div> 2155</div> 2156 </script>
2156 2157 2158
2158<script> 2159 (function() { 2160 var target = document.querySelector(".root-panel .slideshow-container"); 2161 var srcHtml = document.querySelector('[data-headerslideshow-template]').innerHTML; 2162 target.outerHTML = srcHtml; 2163 })(); 2164 </script>
2164 2165 2166 2167 2168 2169<main class="blog-post blog-single" data-postid="6ab1cbf241f45dbddf8f81a5"> 2170 <div class="post-squeeze"> 2171 <div class="title-container"> 2172 2173<a class="shared-back-button" href="javascript:history.go(-1);" style="display: none;" data-shared-back-button><i class="fas fa-long-arrow-alt-left" aria-hidden="true"></i> <span>Back</span></a> 2174
2175<script> 2176 require(["domReady!"], function() { 2177 /* 2178 if we are coming from the same domain then we show the button, otherwise a user got here from Google or some other means so we don't 2179 also we require window.history to be greater than 1, otherwise opening a link in a new tab toggles a non-functional back button 2180 */ 2181 if (document.referrer.match(window.location.host) && window.history.length > 1) { 2182 Array.from(document.querySelectorAll('[data-shared-back-button]')).forEach((button) => button.style.display = ''); 2183 } 2184 }); 2185</script>
2185 2186 <h1 class="title">The 130-Year-Old Tree Experiment Hiding in Northern Michigan</h1> 2187 <div class="author-by-line"> 2188 2189 <span>By</span> <a href="/articles/author/chris-peters/6793f52ba80cba1fecf2784e/">Chris Peters</a> <span>on</span> 2190 2191 <time datetime="2026-09-21"> 2192 Sep. 21, 2026 2193 </time> 2194 </div> 2195 </div> 2196 2197 <div class="post-content-container"> 2198 <div class="post-content"> 2199 <div data-civid="6ab1cbf241f45dbddf8f81a8" class="contentRender contentRender_0 contentRender_type_panel contentRender_name_plugins_blog_core_panel" data-sv-time="0" data-sv-index="0" data-gtm-vars="{ "tCore" : { "contentNum" : "1" } }"><div class="blog_core_panel"> 2200 <div data-civid="6ab1cc0941f45dbddf8f81b0" class="contentRender contentRender_1 contentRender_type_widget contentRender_name_plugins_core_textbox" data-sv-time="0" data-sv-index="1" data-gtm-vars="{ "tCore" : { "contentNum" : "1" } }"><section data-sv-core-textbox data-guid="c2d728a7-3715-4f9b-a3e0-3d5a8a00d015"> 2201 <p>Planted in 1888, the W.J. Beal Tree Plantation in Grayling, Michigan, is more than a short walking trail through the woods. In fact, it may be the oldest documented tree plantation in North America and represents an important early effort to understand how Michigan's forests could be restored after the state's intensive logging era. Today, visitors can walk among trees that are part of that experiment and learn about the beginnings of forest management and reforestation in northern Michigan.</p> 2202 2203<p> </p> 2204 2205<h2>The History and Significance of the Beal Plantation</h2> 2206 2207<p>Located within the Grayling Industrial Park, the W.J. Beal Tree Plantation offers a unique combination of local history, forestry education, and an easily accessible outdoor experience. The story of the plantation begins with William James Beal, a botanist and professor at what is now Michigan State University. In the late 1800s, extensive logging had removed much of the forest around northern Michigan, leaving large areas of cutover land and sandy soil. At the time, there was still much to learn about how forests could be replanted and managed.</p> 2208 2209<p>In 1888, Beal established an 80-acre experimental tree station near Grayling. He planted more than 40 species of trees and shrubs to study which plants could survive and grow in the region's dry, sandy soils. The experiment also looked at different approaches to establishing trees, helping researchers better understand how Michigan's forests could be regenerated.</p> 2210 2211<p>The plantation became an important early step in Michigan forestry and an important forest heritage locations in the Grayling area. Although only a fraction of the original plantation remains today, the surviving trees provide a living example of Beal's work and the development of early forest restoration practices.</p> 2212 2213<p> </p> 2214 2215<h2>How to Find the W.J. Beal Tree Plantation</h2> 2216 2217<p>The W.J. Beal Tree Plantation is located on Industrial Drive in Grayling, Michigan, making its location somewhat unex
2217pected for a historic woodland site. From Grayling, take M-72 east and continue past the I-75 overpass. Turn onto right Industrial Drive and look for the parking area less than a half mile from the turn on your left. The plantation is open year-round, and there is no admission fee. The site includes a parking area and a self-guided interpretive trail.</p> 2218 2219<p> </p> 2220 2221<h2>Explore the Beal Plantation Trail</h2> 2222 2223<p>The Beal Plantation Trail is a short, easy loop measuring approximately one-quarter (0.25) mile. While it is not a hiking destination, the trail provides an opportunity to closely examine the trees that remain from Beal's historic experiment. The pathway is considered accessible and is suitable for visitors looking for a short walk, families, and anyone interested in learning more about Michigan's forests.</p> 2224 2225<p>Along the trail, interpretive displays explain the history of the plantation, the purpose of Beal's experiment, and the different plants that were studied The trail also offers an opportunity to see several types of mature conifers. Particularly notable are the towering red and white pines. Norway spruce is another important species associated with Beal's findings. These trees helped demonstrate which species were well suited to the sandy soils of northern Michigan.</p> 2226 2227<p>Because the walk is short and easy, visitors can take their time reading the interpretive signs and examining the trees. In winter, the plantation can also provide a simple setting for a short snowshoe outing.</p> 2228 2229<p> </p> 2230 2231<h2>Visit the W.J. Beal Tree Plantation in Grayling</h2> 2232 2233<p>The W.J. Beal Tree Plantation is a unique Grayling destination where a short walk connects visitors with more than a century of Michigan forestry history. From the original 1888 experiment to the mature trees that remain today, the plantation tells the story of an important effort to understand how northern Michigan's forests could recover and be managed for the future.</p> 2234 2235<p>When planning your next Up North trip, the Grayling Visitors Bureau is your resource for finding things to do, outdoor recreation, historical attractions and places to stay in Grayling and Crawford County. Visit the Grayling Visitors Bureau website to plan your getaway and find the information you need for your next northern Michigan adventure. With Grayling's central location, you can enjoy historic locations like the W.J. Beal Tree Plantation along with the area's many hiking trails, forests, rivers and other attractions while staying close to everything the region has to offer.</p> 2236 2237</section></div> 2238</div></div> 2239 </div> 2240 2241 </div> 2242 2243 <footer class="footer"> 2244 2245 <section> 2246 <div class="sv-share"> 2247 <div class="sv-share-button-wrapper"> 2248 <button class="sv-share-trigger" type="button" aria-expanded="false" aria-label="show share links" aria-controls="share-popover"> 2249 <i class="sv-share-trigger-icon fas fa-share-square"></i> 2250 <span>Share</span> 2251 </button> 2252 <ul id="share-popover" class="sv-share-popover"> 2253 <div data-sv-social-share></div> 2254 </ul> 2255 </div> 2256 </div> 2257 </section> 2258
2258<script type="text/template" data-social-share-template> 2259 2260 {{#items}} 2261 <li class="sv-share-service-email"> 2262 <!-- Email --> 2263 <a href="mailto:?subject={{title}}&body={{url}}" target="_blank"> 2264 <i class="sv-share-service-icon fas fa-envelope" aria-hidden="true"></i> 2265 <span>Email</span> 2266 </a> 2267 </li> 2268 2269 <li class="sv-share-service-twitter"> 2270 <!-- Twitter --> 2271 <a href="https://twitter.com/share?url={{url}}&text={{%%title}}" target="_blank"> 2272 <i class="sv-share-service-icon fab fa-twitter" aria-hidden="true"></i> 2273 <span>Twitter</span> 2274 </a> 2275 </li> 2276 2277 <li class="sv-share-service-facebook"> 2278 <!-- Facebook --> 2279 <a href="https://www.facebook.com/sharer/sharer.php?u={{url}}" target="_blank"> 2280 <i class="sv-share-service-icon fab fa-facebook" aria-hidden="true"></i> 2281 <span>Facebook</span> 2282 </a> 2283 </li> 2284 2285 <li class="sv-share-service-linkedin"> 2286 <!-- LinkedIn --> 2287 <a href="https://www.linkedin.com/shareArticle?url={{url}}&title={{title}}" target="_blank"> 2288 <i class="sv-share-service-icon fab fa-linkedin" aria-hidden="true"></i> 2289 <span>LinkedIn</span> 2290 </a> 2291 </li> 2292 2293 <li class="sv-share-service-reddit"> 2294 <!-- Reddit --> 2295 <a href="https://reddit.com/submit?url={{url}}&title={{title}}" target="_blank"> 2296 <i class="sv-share-service-icon fab fa-reddit" aria-hidden="true"></i> 2297 <span>Reddit</span> 2298 </a> 2299 </li> 2300 {{/}} 2301 2302 </script>
2302 2303 2304 2305 2306 2307 </footer> 2308 2309 2310 <section> 2311 <div class="author"> 2312 2313 <div class="author-details"> 2314 <div class="author-title">Author</div> 2315 <h5>Chris Peters</h5> 2316 <div class="author-description"></div> 2317 </div> 2318</div> 2319 </section> 2320 2321 2322 2323 2324 2325 2326 2327 2328 <section class="sibling-posts core-styles" data-sibling-posts-container> 2329
2329<script type="text/template" data-sibling-posts-template> 2330 2331 {{~setVar("translations", global.translations)}} 2332 {{:previousPost}} 2333 <a class="prev-post" href="{{previousPost.url}}" title="{{%previousPost.title}}"> 2334 <i class="fas fa-long-arrow-alt-left" aria-hidden="true"></i> {{~var.translations.blog.prev_post}} 2335 </a> 2336 {{/}} 2337 2338 {{:nextPost}} 2339 <a class="next-post" href="{{nextPost.url}}" title="{{%nextPost.title}}"> 2340 {{~var.translations.blog.next_post}} <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i> 2341 </a> 2342 {{/}} 2343 2344 </script>
2344 2345</section> 2346
2347<script>require(["plugins_blog_custom_sibling_posts"])</script>
2347 2348 </div> 2349</main> 2350 2351 2352
2352<script>require(["plugins_common_custom_social_share"], function(socialShare) { 2353 socialShare.init("6ab1cbf241f45dbddf8f81a5", null) 2354 });</script>
2354 2355 2356 2357 2358 2359 2360</div></div> 2361 </div> 2362 <div class="footer-container"> 2363 <div data-civid="648b5507b2380a0dcdf11770" class="contentRender contentRender_10 contentRender_type_panel contentRender_name_plugins_common_footer" data-sv-time="4" data-sv-index="10" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 2364 2365 2366 2367 2368<footer class="panel-footer" data-guid="d549ef06-6abb-4fd2-b919-06a73f858230"> 2369 <div class="bg-img" data-lazy-bg-src="https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/graylingmi/footer_img_5c7c27a3-64ae-41ea-b1a3-1c87a7173056.png"> 2370 <div class="footer-content-container"> 2371 <div class="left"> 2372 <div data-civid="65c2713b90d612290cdd30e1" class="contentRender contentRender_14 contentRender_type_widget contentRender_name_plugins_common_logo_footer" data-sv-time="10" data-sv-index="14" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'><div class="logo-footer" data-guid="88f2d9b4-b196-46b5-a599-14acbdb24fff" > 2373 <a href="https://graylingmichigan.org/" target="_self" aria-label="Grayling Visitors Bureau "> 2374 2375 <img 2376 src="/includes/public/assets/shared/logos/grayling-logo-footer.svg" 2377 alt="Grayling Visitors Bureau " 2378 loading="lazy" 2379 fetchpriority="low" 2380 width="140" 2381 height="40" 2382 /> 2383 2384 </a> 2385</div></div> 2386 <div class="social-media"> 2387 2388 <p class="social-title">Follow Us</p> 2389 <div data-civid="65c2713b90d612290cdd30e9" class="contentRender contentRender_18 contentRender_type_widget contentRender_name_plugins_collections_type_custom_social_slides contentRender_name_plugins_collections_template_custom_social_links" data-sv-time="36" data-sv-index="18" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 2390 2391<ul class="social-links"> 2392 2393 2394 <li class="social-network"> 2395 <a 2396 class="social-link" 2397 href="http://www.facebook.com/GraylingVisitorsBureau?ref=ts" 2398 target="_blank" 2399 rel="noopener" 2400 title="Visit our facebook page" 2401 aria-label="Visit our facebook page" 2402 data-gtm-click data-gtm-vars='{ "tClient_ga4" : {"eventName" : "navigation_click", "navType" : "Social Links", "linkObject": "Social | Facebook", "interactionUrl" : "http%3A%2F%2Fwww.facebook.com%2FGraylingVisitorsBureau%3Fref%3Dts", "interactionSource": "widget" } }' 2403 > 2404 <i 2405 class="social-icon fab fa-facebook-f" 2406 aria-hidden="true" 2407 ></i> 2408 </a> 2409 </li> 2410 2411 2412 <li class="social-network"> 2413 <a 2414 class="social-link" 2415 href="https://www.youtube.com/@VisitGrayling" 2416 target="_blank" 2417 rel="noopener" 2418 title="Visit our youtube page" 2419 aria-label="Visit our youtube page" 2420 data-gtm-click data-gtm-vars='{ "tClient_ga4" : {"eventName" : "navigation_click", "navType" : "Social Links", "linkObject": "Social | Youtube", "interactionUrl" : "https%3A%2F%2Fwww.youtube.com%2F%40VisitGrayling", "interactionSource": "widget" } }' 2421 > 2422 <i 2423 class="social-icon fab fa-youtube" 2424 aria-hidden="true" 2425 ></i> 2426 </a> 2427 </li> 2428 2429</ul></div> 2430 2431 </div> 2432 <div class="client-details"> 2433 <div data-civid="65c2713b90d612290cdd30e3" class="contentRender contentRender_15 contentRender_type_widget contentRender_name_plugins_core_textbox" data-sv-time="10" data-sv-index="15" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'><section data-sv-core-textbox data-guid="ced09a36-cd53-4e72-864c-2e87de961c9f"> 2434 <p>Grayling Visitors Bureau</p> 2435 2436<p>P.O. Box 217, Grayling, MI 49738</p> 2437 2438</section></div><div data-civid="65c2713b90d612290cdd30e5" class="contentRender contentRender_16 contentRender_type_widget contentRender_name_plugins_core_textbox" data-sv-time="17" data-sv-index="16" data-gtm-vars='{ "tCore" : { "contentNum" : "2" } }'><section data-sv-core-textbox data-guid="bd8a0753-17ac-4a50-8c54-a69b791cdc1c"> 2439 <p><a data-sv-linklookup-id="mailto:[email protected]" data-sv-linklookup-type="plugins_nav_mailto_link" data-sv-targetauto="true" href="mailto:[email protected]" target="_blank">[email protected]</a></p> 2440 2441</section></div><div data-civid="65c2713b90d612290cdd30e7" class="contentRender contentRender_17 contentRender_type_widget contentRender_name_plugins_core_textbox" data-sv-time="16" data-sv-index="17" data-gtm-vars='{ "tCore" : { "contentNum" : "3" } }'><section data-sv-core-textbox data-guid="668d382e-2151-4f4e-928d-53cff8408994"> 2442 <p><a data-sv-linklookup-id="tel:989.348.4945" data-sv-linklookup-type="plugins_nav_external_link" data-sv-targetauto="true" href="tel:989.348.4945" target="_self">989.348.4945</a> (Local)  |  <a data-sv-linklookup-id="tel:1.800.937.8837" data-sv-linklookup-type="plugins_nav_external_link" data-sv-targetauto="true" href="tel:1.800.937.8837" target="_self">1.800.937.8837</a> (Toll-Free)</p> 2443 2444</section></div> 2445 </div> 2446 </div> 2447 <div class="right"> 2448 <div class="cta-container"> 2449 <div data-civid="65c2713b90d612290cdd30db" class="contentRender contentRender_11 contentRender_type_widget contentRender_name_plugins_common_call_to_action" data-sv-time="9" data-sv-index="11" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 2450 2451 <div class="call-to-action" data-guid=""> 2452 <a href="https://graylingmichigan.org/visitor-guide/" target="_self" data-gtm-click data-gtm-vars='{ "tClient_ga4" : {"eventName" : "navigation_click", "navType" : "Navigation Callout", "linkObject": "Call To Action", "interactionSource": "widget", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fvisitor-guide%2F", "interactionText": "Request%20Free%2
24520Visitor%E2%80%99s%20Guide" } }'> 2453 <div class="inner"> 2454 2455 <i class="icon fa-sharp fa-solid fa-book-open" aria-hidden="true"></i> 2456 2457 <div class="content"> 2458 2459 <h3 class="title">Request Free Visitorâs Guide</h3> 2460 2461 2462 </div> 2463 </div> 2464 </a> 2465 </div> 2466</div><div data-civid="65c2713b90d612290cdd30dd" class="contentRender contentRender_12 contentRender_type_widget contentRender_name_plugins_common_call_to_action" data-sv-time="10" data-sv-index="12" data-gtm-vars='{ "tCore" : { "contentNum" : "2" } }'> 2467 2468 <div class="call-to-action" data-guid=""> 2469 <a href="https://graylingmichigan.org/enewsletters/" target="_self" data-gtm-click data-gtm-vars='{ "tClient_ga4" : {"eventName" : "navigation_click", "navType" : "Navigation Callout", "linkObject": "Call To Action", "interactionSource": "widget", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fenewsletters%2F", "interactionText": "Sign%20Up%20for%20the%20Latest%20News" } }'> 2470 <div class="inner"> 2471 2472 <i class="icon fa-solid fa-envelope-open-text" aria-hidden="true"></i> 2473 2474 <div class="content"> 2475 2476 <h3 class="title">Sign Up for the Latest News</h3> 2477 2478 2479 </div> 2480 </div> 2481 </a> 2482 </div> 2483</div><div data-civid="65c2713b90d612290cdd30df" class="contentRender contentRender_13 contentRender_type_widget contentRender_name_plugins_common_call_to_action" data-sv-time="10" data-sv-index="13" data-gtm-vars='{ "tCore" : { "contentNum" : "3" } }'> 2484 2485 <div class="call-to-action" data-guid=""> 2486 <a href="https://graylingmichigan.org/plan/" target="_self" data-gtm-click data-gtm-vars='{ "tClient_ga4" : {"eventName" : "navigation_click", "navType" : "Navigation Callout", "linkObject": "Call To Action", "interactionSource": "widget", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fplan%2F", "interactionText": "Plan%20Your%20Adventure" } }'> 2487 <div class="inner"> 2488 2489 <i class="icon fa-solid fa-compass" aria-hidden="true"></i> 2490 2491 <div class="content"> 2492 2493 <h3 class="title">Plan Your Adventure</h3> 2494 2495 2496 </div> 2497 </div> 2498 </a> 2499 </div> 2500</div> 2501 </div> 2502 <div class="footer-nav"> 2503 <div data-civid="65c2713b90d612290cdd30eb" class="contentRender contentRender_19 contentRender_type_widget contentRender_name_plugins_nav_footer" data-sv-time="16" data-sv-index="19" data-gtm-vars='{ "tCore" : { "contentNum" : "1" } }'> 2504 2505 2506 2507 2508 2509 <ul class="navigation-footer" 2510 data-gtm-vars='{"tClient_ga4": {"eventName": "navigation_click", "navType": "Footer", "interactionSource": "navigation"}}' 2511> 2512 2513 <li class="item item-parent row-1"> 2514 <a 2515 href="/contact-us/" 2516 target="_self" 2517 class="" 2518 title="Contact" 2519 2520 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Contact", "interactionUrl": "%2Fcontact-us%2F", "interactionText": "Contact"}}' 2521 2522 > 2523 Contact 2524 </a> 2525 </li> 2526 2527 <li class="item item-parent row-2 has-submenu"> 2528 <a 2529 href="/media/" 2530 target="_self" 2531 class=" has-children" 2532 title="Media" 2533 2534 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Media", "interactionUrl": "%2Fmedia%2F", "interactionText": "Media"}}' 2535 2536 > 2537 Media 2538 </a> 2539 </li> 2540 2541 <li class="item item-parent row-3"> 2542 <a 2543 href="/privacy-policy/" 2544 target="_self" 2545 class="" 2546 title="Privacy Policy" 2547 2548 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Privacy%20Policy", "interactionUrl": "%2Fprivacy-policy%2F", "interactionText": "Privacy%20Policy"}}' 2549 2550 > 2551 Privacy Policy 2552 </a> 2553 </li> 2554 2555 <li class="item item-parent row-4 last"> 2556 <a 2557 href="https://graylingmichigan.org/sitemap/" 2558 target="_self" 2559 class="" 2560 title="Sitemap" 2561 2562 data-gtm-click data-gtm-vars='{"tClient_ga4": {"linkObject": "Sitemap", "interactionUrl": "https%3A%2F%2Fgraylingmichigan.org%2Fsitemap%2F", "interactionText": "Sitemap"}}' 2563 2564 > 2565 Sitemap 2566 </a> 2567 </li> 2568 2569 </ul> 2570</div> 2571 </div> 2572 </div> 2573 </div> 2574 </div> 2575 <div class="attributions"> 2576 <div class="attribution-content-container"> 2577 <p>© 2026 Grayling Visitors Bureau. All Rights Reserved.</p> 2578 <div class="logos"> 2579 <img 2580 class="puremichigan-logo" 2581 src="/includes/public/assets/shared/logos/puremichiganlogo.svg" 2582 alt="Pure Michigan" 2583 loading="lazy" 2584 fetchPriority="low" 2585 width="105" 2586 height="25" 2587 /> 2588 <div class="divider"></div> 2589 <a 2590 class="made-by-sv" 2591 2592 2593 href="https://www.simpleviewinc.com/our-services/creative-design/" 2594 2595 2596 target="_blank" 2597 rel="noopener" 2598 > 2599 <img 2600 src="/includes/public/assets/shared/made-by-sv-white.svg" 2601 alt="Made by Simpleview" 2602 loading="lazy" 2603 fetchpriority="low" 2604 width="385" 2605 height="54" 2606 /> 2607 </a> 2608 </div> 2609 </div> 2610 </div> 2611 <div class="mobile-fixed"> 2612 2613 2614 </div> 2615</footer> 2616
2617<script> 2618 require(["plugins_common_custom_lazyload"], function(lazyload) { 2619 const root = document.querySelector('[data-guid="d549ef06-6abb-4fd2-b919-06a73f858230"]'); 2620 lazyload.lazy(root); 2621 }); 2622</script>
2622</div> 2623 </div> 2624</div> 2625<div id="gallery-portal" data-gallery-portal></div> 2626<div id="quickview-detail" data-quickview-detail></div></div> 2627 <!-- footer css bundles --> 2628 2629 <!-- footer js bundles --> 2630
2630<script src="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/core/public/js/loginCheck.js"></script>
2630 2631
2631<script src="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/js/shared_footer.js" defer></script>
2631 2632
2632<script src="/includes/public/managed/v_b35e94c3_57d3166e/core/plugins/common/virtuals/js/custom_forms.js" defer></script>
2632 2633 2634
2634<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://graylingmichigan.org/#organization","name":"Grayling Visitors Bureau ","url":"https://graylingmichigan.org/","telephone":"989-348-4945","address":{"@type":"PostalAddress","streetAddress":"P.O. Box 217","addressLocality":"Grayling","addressRegion":"Michigan","postalCode":"49738"}},{"@type":"WebSite","@id":"https://graylingmichigan.org/#website","url":"https://graylingmichigan.org/","name":"Grayling Visitors Bureau ","publisher":{"@id":"https://graylingmichigan.org/#organization"},"potentialAction":{"@type":"SearchAction","target":"https://graylingmichigan.org/search/?q={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://graylingmichigan.org/articles/post/the-130-year-old-tree-experiment-hiding-in-northern-michigan/#webpage","url":"https://graylingmichigan.org/articles/post/the-130-year-old-tree-experiment-hiding-in-northern-michigan/","mainEntity":{"@id":"https://graylingmichigan.org/articles/post/-/6ab1cbf241f45dbddf8f81a5/#post"},"isPartOf":{"@id":"https://graylingmichigan.org/#website"},"breadcrumb":{"@type":"BreadcrumbList","name":"Breadcrumbs","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://graylingmichigan.org/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https://graylingmichigan.org/articles"},{"@type":"ListItem","position":3,"name":"Post","item":"https://graylingmichigan.org/articles/post"},{"@type":"ListItem","position":4,"name":"The 130 Year Old Tree Experiment Hiding In Northern Michigan","item":"https://graylingmichigan.org/articles/post/the-130-year-old-tree-experiment-hiding-in-northern-michigan/"}]}},{"@type":"BlogPosting","@id":"https://graylingmichigan.org/articles/post/-/6ab1cbf241f45dbddf8f81a5/#post","url":"https://graylingmichigan.org/articles/post/the-130-year-old-tree-experiment-hiding-in-northern-michigan/","headline":"The 130-Year-Old Tree Experiment Hiding in Northern Michigan","name":"The 130-Year-Old Tree Experiment Hiding in Northern Michigan","about":"The 130-Year-Old Tree Experiment Hiding in Northern Michigan","description":"Planted in 1888, the W.J. Beal Tree Plantation in Grayling, Michigan, is more than a short walking trail through the woods. In fact, it may be the oldest documented tree plantation in North America","articleBody":"Planted in 1888, the W.J. Beal Tree Plantation in Grayling, Michigan, is more than a short walking trail through the woods. In fact, it may be the oldest documented tree plantation in North America","dateCreated":"2026-09-22T00:29:38.325Z","datePublished":"2026-09-22T00:00:00.000Z","dateModified":"2026-09-22T00:30:08.149Z","author":{"@type":"Person","name":"Chris Peters","sameAs":"https://graylingmichigan.org/articles/author/chris-peters/6793f52ba80cba1fecf2784e/"},"publisher":{"@id":"https://graylingmichigan.org/#organization"},"image":{"@type":"ImageObject","url":"https://assets.simpleviewinc.com/simpleview/image/upload/c_limit,h_1200,q_75,w_1200/v1/clients/graylingmi/Beal_Plantation_013_1685c6f5-4bd6-4126-8d3f-5a715ba2188f.jpg","width":1200,"height":899}}]}</script>
2634 2635 <!-- bottomBody --> 2636 2637
2637<script data-id="site_global_footer"> 2638 require(["sv_clientLib", "sv_load!plugins_dynamic_content"], function(clientLib) { 2639 clientLib._initLazy(); 2640 }); 2641 </script>
2641 2642 2643 �� </body> 2644</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.