{stash:embed:global-v4:base}

{exp:stash:set_list trim="yes" name="{stash:entry_id}_entry_data" parse_tags="yes" parse_conditionals="yes"}
	{exp:speedy:fragment key="data-entry-vars-v6" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
		{stash:embed:data-v5:entry-vars}
	{/exp:speedy:fragment}
{/exp:stash:set_list}

{!-- ENTRY TEMPLATE DATA & VARS --}

{exp:stash:get_list name="{stash:entry_id}_entry_data" parse_tags="yes" parse_conditionals="yes" process="inline"}

	{!-- Set the Entry Title --}
	{exp:stash:set name="{stash:entry_id}_meta_title" trim="yes" parse_tags="yes" parse_conditionals="yes"}
		{if meta_title==title || meta_title==heading}{meta_title} | Hawaii Travel Guide{if:elseif meta_title}{meta_title}{if:elseif heading==title}{heading} | Hawaii Travel Guide{if:elseif heading}{heading} | Hawaii Travel Guide{if:else}{title} {if '{region}'!='' && '{section_short_name}'!=''}| {section_short_name}{if '{section_short_name}'!='Big Island of Hawaii'} Hawaii{/if}{if:else}|HawaiiGuide{/if}{/if}
	{/exp:stash:set}

	{exp:stash:set name="{stash:entry_id}_canonical_url" trim="yes" parse_tags="yes" parse_conditionals="yes"}
		{if canonical_override}
			{canonical_override}
		{if:else}
			https://www.hawaii-guide.com{section_url}{if type_url}{type_url}{/if}{if classification_url}{classification_url}{/if}{if url_title}/{url_title}{/if}
		{/if}
	{/exp:stash:set}

	{exp:stash:set name="{stash:entry_id}_channel_name" trim="yes" parse_tags="yes" parse_conditionals="yes"}
		{channel_short_name}
	{/exp:stash:set}

	{exp:stash:set name="{stash:entry_id}_meta_desc" trim="yes" parse_tags="yes" parse_conditionals="yes"}
		{exp:low_replace find='"' replace="'"}{meta_description}{/exp:low_replace} Discover more about {if heading}{heading}{if:else}{title}{/if} on HawaiiGuide.
	{/exp:stash:set}

	{!-- HEADER TAGS --}
	{exp:stash:set name="{stash:entry_id}_header_css" parse_tags="yes"}
		{if '{entry_photos}'=='yes' || '{gallery-block-check}'=='Yes'}<link rel="stylesheet" href="https://aws.hawaii-guide.com/files/css/splide-default.min-v6.css">{/if}
		{block_css}
	{/exp:stash:set}

	{exp:stash:set name="{stash:entry_id}_header_tags"}

	{/exp:stash:set}

	{exp:stash:set name="{stash:entry_id}_footer_tags"}

		{block_scripts}

		<script type="application/ld+json">
		{
		  "@context" : "http://schema.org",
		  "@type" : "Article",
		  "mainEntityOfPage":{
		    "@type":"WebPage",
		    "@id":"{exp:stash:{stash:entry_id}_canonical_url}"
		   },
		 "headline" : "{if meta_title}{meta_title}{if:elseif heading}{heading}{if:else}{title}{/if}",
		 "publisher": {
		    "@type": "Organization",
		    "name": "Hawaii-Guide.com",
		    "logo": {
		      "@type": "ImageObject",
		      "url": "https://aws.hawaii-guide.com/files/images/branding/logo-hawaiiguide-v12-60px.png",
		      "width": 255,
		      "height": 60
		     }
		  },
		  "author" : {
		   	{exp:switchee variable='{author_id}'}
		   		{case value='1'}
				    "@type" : "Person",
				    "name" : "John C. Derrick",
					"jobTitle": "Editor in Chief",
					"url": "https://www.hawaii-guide.com/john-c-derrick",
				    "image": {
			            "@type": "ImageObject",
			            "url": "https://aws.hawaii-guide.com/files/images/team/john-derrick-2022-lei.png",
			            "width": 256,
			            "height": 256
			        },
			        "sameAs": [
			            "https://www.johncderrick.com",
                  "https://www.linkedin.com/in/johncderrick/",
			            "https://x.com/jcderrick",
                  "https://www.youtube.com/@JohnCDerrick",
			            "https://www.facebook.com/john.derrick"
			        ]
				{/case}
				{case value='2'}
				    "@type" : "Person",
				    "name" : "Victoria C. Derrick",
				    "jobTitle": "President",
					"url": "https://www.hawaii-guide.com/tori-c-derrick",
				    "image": {
			            "@type": "ImageObject",
			            "url": "https://aws.hawaii-guide.com/files/images/team/victoria-circle-2022.png",
			            "width": 256,
			            "height": 256
			        },
			        "sameAs": [
                "https://victoriaderrick.com/",
                "https://www.linkedin.com/in/victoriacolvinderrick",
                "https://www.instagram.com/vcderrick/",
                "https://www.facebook.com/victoriacderrick"
			        ]
				{/case}
				{case default="yes"}
				    "@type" : "Person",
				    "name" : "John C. Derrick",
					"jobTitle": "Editor in Chief",
					"url": "https://www.hawaii-guide.com/john-c-derrick",
				    "image": {
			            "@type": "ImageObject",
			            "url": "https://aws.hawaii-guide.com/files/images/team/john-derrick-2022-lei.png",
			            "width": 256,
			            "height": 256
			        },
			        "sameAs": [
			            "https://www.johncderrick.com",
                  "https://www.linkedin.com/in/johncderrick/",
			            "https://x.com/jcderrick",
                  "https://www.youtube.com/@JohnCDerrick",
			            "https://www.facebook.com/john.derrick"
			        ]
			   	{/case}
		   {/exp:switchee}
		  },
		 "image": [
			 "https://www.hawaii-guide.com{exp:jcogs_img:pair hide_relative_path="yes" src="{entry_icon}" crop="yes|center,bottom|0,0" width="350" allow_scale_larger="yes" height="350" quality="95"}{made}{/exp:jcogs_img:pair}",
			 "https://www.hawaii-guide.com{exp:jcogs_img:pair hide_relative_path="yes" src="{entry_icon}" crop="yes|center,bottom|0,0" width="800" allow_scale_larger="yes" height="600" quality="95"}{made}{/exp:jcogs_img:pair}",
			 "https://www.hawaii-guide.com{exp:jcogs_img:pair hide_relative_path="yes" src="{entry_icon}" crop="yes|center,bottom|0,0" width="1600" allow_scale_larger="yes" max_height="900" quality="95"}{made}{/exp:jcogs_img:pair}"
			 ],
		  "url" : "{exp:stash:{stash:entry_id}_canonical_url}",
		  "description": "{exp:low_replace find='"' replace="'"}{structured_description}{/exp:low_replace}"{if '{show_pub_date}'=='yes'},
	 	  "datePublished" : "{entry_date_long}",
	 	  "dateModified" : "{edit_date_long}"
		  {/if}
		}
		{
		  "@context": "http://schema.org",
		  "@type": "Organization",
		  "name": "HawaiiGuide",
		  "url": "https://www.hawaii-guide.com",
		  "sameAs": [
		    "https://hawaiiguide.com",
		    "https://www.facebook.com/hawaiiguide",
		    "https://twitter.com/hawaii_guide",
		    "https://www.instagram.com/hawaii_guide/",
		    "https://www.youtube.com/hawaiiguide"
		  ]
		}
		</script>

		<script type="application/ld+json">
			{stash:embed:scripts-v3:breadcrumbs}
		</script>

		{if '{entry_photos}'=='yes'}
			<script defer src="https://aws.hawaii-guide.com/files/js/splide.min.js"></script>
			<script defer src="https://aws.hawaii-guide.com/files/js/splide-options.js"></script>
		{/if}{!--entry_photos--}

		{footer_scripts}

		{if '{allow_advertising}'!='No' && '{channel_short_name}'!='advertisers' && '{current_query_string}'!='live=' && '{current_query_string}'!='live=cleared' && '{current_query_string}'!='live=ee-cleared' && '{current_query_string}'!='live=cf-cleared'}
			{!--AdThrive and Adsense Ad Code with delay determined by device or cookie; does not load in LIVE query string mode --}
			{!-- ad-code-split -- ad-code-together -- ad-code-raptive -- ad-code-adsense --}
			{ad-code-together}
		{/if}{!--allow_ads--}

	{/exp:stash:set}{!--footer_tags--}

	{exp:stash:set name="{stash:entry_id}_body_class" trim="yes" parse_tags="yes" parse_conditionals="yes"}
		{if ('{allow_advertising}'=='No' && '{entry_limited_ads}'=='No')} no-footer-ad no-outstream-player{/if}
		{if ('{allow_advertising}'=='No' && '{entry_limited_ads}'=='Yes')} no-outstream-player{/if}
		{if '{disable-inline-video}'=='yes'} no-outstream-player{/if}
		{if '{channel_short_name}'=='advertisers'} no-footer-ad no-outstream-player{/if}
        {if	'{video_url}'!='' && '{video_status}'=='ON'} video-page{/if}
        {if '{hero_size}'=='Cover'} cover-page{/if}
        {if '{allow_advertising}'=='No'} reg-divider{if:else} ad-divider{/if}
         {!--no-footer-ad--}
	{/exp:stash:set}

	{exp:stash:set name="{stash:entry_id}_body"}
		<!-- BEGIN .content -->
		<section class="content" id="type-entry-page">

			<div class="wrapper{if '{hero_size}'=='Cover' || '{entry_sidebar_display}'=='none' || '{allow_advertising}'=='No'} nosidebar{/if}" id="top">

				<div class="main-content row-fluid" id="top-content">

			<main role="main" id="main-content" class="main clear{if '{hero_size}'=='Cover' || '{entry_sidebar_display}'=='none' || '{allow_advertising}'=='No'} nosidebar{/if} nopad" style="padding-top:0px !important;">

			{!-- ANNOUNCEMENTS & UPDATES --}
			{if '{entry_icon}'==''}<div class="clear clearfix" style="min-height:55px;">{/if}

					{if	'{video_url}'!='' && '{video_status}'=='ON'}
						<div id="hawaii-top" class="wrapper-slim{if '{hero_size}'=='Cover'}-off{/if}" style="position:relative;">
							<div class="single-slide{if '{hero_size}'=='Cover'}-top{/if} background100 mb0 mt0">
								<div class="bg-image{if '{hero_size}'=='Cover'}-top{/if}" style="position:relative;">
									<div class="video-container main-image">

										{if segment_1=='OFF' && '{hero_size}'=='Cover' && (hero-video-heading || hero-video-subheading)}<p class="single-slide-full-text no-select hide-for-small-only-off {if ( '{segment_1}'=='kauai' || '{segment_1}'=='oahu' || '{segment_1}'=='maui' || '{segment_1}'=='big-island') && '{segment_2}'!=''}solo-entry-text{if:elseif '{segment_1}'!=''}solo-entry-text{/if}{if hero_heading_size=='Large'} large-text{if:elseif hero_heading_size=='Medium'} medium-text{/if} solo-entry-text">{hero-video-heading}{if hero-video-subheading && segment_1=='OFF'}<span class="no-select">{hero-video-subheading}</span>{/if}</p>{/if}

										<video playsinline="" autoplay="" muted="" loop="" id="bg-head-video">
										    <source id="video-source" data-src="{video_url}" type="video/mp4">
										</video>

                                        <!-- Video Control Overlay -->
                                        <div class="video-controls">
                                            <i id="video-play" class="fa fa-play" style="display: none;"></i>
                                            <i id="video-pause" class="fa fa-pause"></i>
                                        </div>

										<style>
                      .video-controls{position:absolute;bottom:25%;right:15%;padding:5px;z-index:1000}.video-controls i{position:relative;font-size:7rem;color:#fff;cursor:pointer;z-index:1;opacity:.6}.video-controls i::after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;border:6px solid rgba(255,255,255,.7);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;z-index:-1}.video-controls i:hover::after{animation:1.5s infinite pulse}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{transform:translate(-50%,-50%) scale(2);opacity:0}100%{opacity:0}}@media (max-width:768px){ .video-controls{position:absolute;bottom:20%;right:5%;}.video-controls i{font-size:4.5rem}.video-controls i::after{width:30px;height:30px}}

											.video-container {display: grid;justify-items: center;align-items: center;position: relative;width: 100%;height: 100%;overflow: hidden;background:url({exp:jcogs_img:pair parse='inward' src='{entry_icon}' crop='yes|{if '{entry_icon_focus}'=='left center'}left,center{if:elseif '{entry_icon_focus}'=='right center'}right,center{if:else}center,center{/if}|0,0' width='1200' height='535' quality='75' allow_scale_larger='yes'}https://aws.hawaii-guide.com{made}{/exp:jcogs_img:pair});background-size:cover;background-position: center center;margin-top:0px;margin-bottom:10px;/*border-radius:100px 100px 100px 20px;*/border:none;}

											.video-container video {position: absolute;z-index: 1;top: 50%;left:50%;min-width: 101%;min-height: 100%;width:100%;/*border-radius:100px 100px 100px 20px;*/transform: translateX(-50%) translateY(-50%); object-fit: cover; object-position: center;}

											{if '{hero_size}'=='Cover'}
                        #type-entry-page{margin-top: -5px;}
												@media only screen and (min-width:1024px){#type-entry-page{margin-top: -90px;}.goUS-header .nav-inline-block span{color:#fff;text-shadow:0px 2px 3px #444;text-shadow: -1px -1px 2px rgba(0,0,0,0.2),1px -1px 2px rgba(0,0,0,0.2),-1px  1px 2px rgba(0,0,0,0.2),1px  1px 2px rgba(0,0,0,0.2);}}
												@media only screen and (min-width:1281px){}
											{/if}
										</style>

										{if video_url_hd}
										<script>
											document.addEventListener("DOMContentLoaded", function() {
                        // Check if screen width is large (desktop/tablet)
                        if (window.innerWidth > 1023) {
                            const videoControls = document.querySelector(".video-controls");
                            let video = document.getElementById("bg-head-video");
                            let source = document.getElementById("video-source");
                            videoControls.style.display = "block";
										        source.src = "{video_url_hd}";
										        video.load();
											    }
											});
										</script>
										{/if}{!--video_url_hd--}

										{if '{hero_size}'=='Cover'}
										<script>
                      document.addEventListener("DOMContentLoaded", function() {
                          const header = document.querySelector(".goUS-header");
                          const logoImg = document.querySelector(".logo img");

                          function updateLogo() {
                              const screenWidth = window.innerWidth;

                              if (screenWidth >= 1024) {
                                  // Apply sticky behavior only on screens 1281px or larger
                                  if (header.classList.contains("is-sticky")) {
                                      logoImg.src = "https://aws.hawaii-guide.com/files/images/branding/logo-hawaiiguide-v16-120px.png";
                                  } else {
                                      logoImg.src = "https://aws.hawaii-guide.com/files/images/branding/logo-hawaiiguide-v16-120px-white-shadow.png";
                                  }
                              } else if (screenWidth < 1024) {
                                  // Reset to a default logo for smaller screens
                                  logoImg.src = "https://aws.hawaii-guide.com/files/images/branding/logo-hawaiiguide-v16-120px.png";
                              }
                          }

                          // Listen for class changes on the header
                          const observer = new MutationObserver(updateLogo);
                          observer.observe(header, { attributes: true, attributeFilter: ["class"] });

                          // Update on window resize
                          window.addEventListener("resize", updateLogo);

                          // Initial check in case class is already set
                          updateLogo();
                      });



                      </script>
                      {/if}{!--hero_cover--}

                      <script>
                        document.addEventListener("DOMContentLoaded", function() {
                            const video = document.getElementById("bg-head-video");
                            const playIcon = document.getElementById("video-play");
                            const pauseIcon = document.getElementById("video-pause");

                            // Check saved state; default to autoplay if not set
                            let videoPaused = localStorage.getItem("videoPaused");
                            if (videoPaused === "true") {
                                video.pause();
                                playIcon.style.display = "block";
                                pauseIcon.style.display = "none";
                            } else {
                                video.play();
                                playIcon.style.display = "none";
                                pauseIcon.style.display = "block";
                            }

                            // Pause the video when pause icon is clicked
                            pauseIcon.addEventListener("click", function() {
                                video.pause();
                                playIcon.style.display = "block";
                                pauseIcon.style.display = "none";
                                localStorage.setItem("videoPaused", "true");
                            });

                            // Play the video when play icon is clicked
                            playIcon.addEventListener("click", function() {
                                video.play();
                                playIcon.style.display = "none";
                                pauseIcon.style.display = "block";
                                localStorage.setItem("videoPaused", "false");
                            });
                        });
                    </script>

									</div><!--video-container-->
								</div><!--bg-image-->

								{if '{hero_size}'=='Cover'}
								<div class="wave"></div>
								{/if}{!--hero_cover--}

							</div><!--single-slide-->

						</div><!--#hawaii-top-->

					{if:elseif '{entry_icon}'!='' && '{hero_size}'=='Cover'}

						<div id="hawaii-top" class="mt0 wrapper-slim-off" style="position:relative;">
							<div class="single-slide-top mb0 mt0">
								<div class="bg-image-top" style="position:relative;">
									{if '{channel_short_name}'!='advertisers'}{!--<span class="watermark"></span>--}{/if}
									<div class="image-container-main main-image">

                  {if entry_icon_count>1 && hero_slider=='Yes'}
                  <div id="block-slider-{original_id}" class="hg-slider">
                      <div class="hg__track">

                        <div class="hg__list">
                        {exp:speedy:fragment key="layout-hero-master-v1" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
                          {exp:stash:get_list:nested name="{original_id}_block_images" parse_tags="yes"}
                            <div class="hg__slide hg-top text-center">

                              <picture>
                                <source type="image/webp"
                                sizes="100vw"
                                data-srcset="
                                  {exp:jcogs_img:pair hide_relative_path='yes' parse='inward' src='{gb_url}' crop='yes' width='600' height='422' allow_scale_larger='yes' quality='85'}https://aws.hawaii-guide.com{exp:pea:webp src='{made}'}{/exp:jcogs_img:pair} 600w,
                                  {exp:jcogs_img:pair hide_relative_path='yes' parse='inward' src='{gb_url}' crop='yes' width='800' height='563' allow_scale_larger='yes' quality='85'}https://aws.hawaii-guide.com{exp:pea:webp src='{made}'}{/exp:jcogs_img:pair} 800w,
                                  {exp:jcogs_img:pair hide_relative_path='yes' parse='inward' src='{gb_url}' crop='yes' width='1200' height='844' allow_scale_larger='yes' quality='85'}https://aws.hawaii-guide.com{exp:pea:webp src='{made}'}{/exp:jcogs_img:pair} 1200w,
                                  {exp:jcogs_img:pair hide_relative_path='yes' parse='inward' src='{gb_url}' crop='yes' width='2100' height='1477' allow_scale_larger='yes' quality='85'}https://aws.hawaii-guide.com{exp:pea:webp src='{made}'}{/exp:jcogs_img:pair} 2100w"
                                />
                                <source
                                sizes="100vw"
                                data-srcset="
                                  {exp:jcogs_img:pair hide_relative_path='yes' parse='inward' src='{gb_url}' crop='yes' width='600' height='422' allow_scale_larger='yes' quality='85'}https://aws.hawaii-guide.com{made}{/exp:jcogs_img:pair} 600w,
                                  {exp:jcogs_img:pair hide_relative_path='yes' parse='inward' src='{gb_url}' crop='yes' width='800' height='563' allow_scale_larger='yes' quality='85'}https://aws.hawaii-guide.com{made}{/exp:jcogs_img:pair} 800w,
                                  {exp:jcogs_img:pair hide_relative_path='yes' parse='inward' src='{gb_url}' crop='yes' width='1200' height='844' allow_scale_larger='yes' quality='85'}https://aws.hawaii-guide.com{made}{/exp:jcogs_img:pair} 1200w,
                                  {exp:jcogs_img:pair hide_relative_path='yes' parse='inward' src='{gb_url}' crop='yes' width='2100' height='1477' allow_scale_larger='yes' quality='85'}https://aws.hawaii-guide.com{made}{/exp:jcogs_img:pair} 2100w"
                                />
                                <img data-src="{exp:jcogs_img:pair hide_relative_path='yes' parse='inward' src='{gb_url}' crop='yes' width='1200' height='844' allow_scale_larger='yes' quality='85'}https://aws.hawaii-guide.com{made}{/exp:jcogs_img:pair}"
                                alt="{gb_caption} Gallery Image"
                                class="lazyload"
                                {if gb_focus}style="object-position:{gb_focus}"{/if}
                                />
                              </picture>
                            </div>
                          {/exp:stash:get_list:nested}
                        {/exp:speedy:fragment}
                        </div>

                      </div><!--spide__track-->

                      <!-- Arrows (always visible) -->
                      <button class="hg__arrow hg__arrow--prev" aria-label="Previous slide"><i class="fa-chevron-left"></i></button>
                      <button class="hg__arrow hg__arrow--next" aria-label="Next slide"><i class="fa-chevron-right"></i></button>

                  </div><!--main-slider-->

                    <script>
                      document.addEventListener('DOMContentLoaded', function() {
                        const slider   = document.getElementById('block-slider-{original_id}');
                        const slides   = slider.querySelectorAll('.hg__slide');
                        const prevBtn  = slider.querySelector('.hg__arrow--prev');
                        const nextBtn  = slider.querySelector('.hg__arrow--next');

                        let currentIndex = 0;
                        const totalSlides = slides.length;

                        // Show the initial slide
                        slides[currentIndex].classList.add('is-active');

                        function showSlide(index) {
                          // Remove “is-active” from all slides
                          slides.forEach(slide => slide.classList.remove('is-active'));
                          // Add to the new slide
                          slides[index].classList.add('is-active');
                        }

                        function nextSlide() {
                          currentIndex++;
                          if (currentIndex >= totalSlides) {
                            currentIndex = 0; // wrap around
                          }
                          showSlide(currentIndex);
                        }

                        function prevSlide() {
                          currentIndex--;
                          if (currentIndex < 0) {
                            currentIndex = totalSlides - 1; // wrap around
                          }
                          showSlide(currentIndex);
                        }

                      // Attach click events to arrows
                      prevBtn.addEventListener('click', prevSlide);
                      nextBtn.addEventListener('click', nextSlide);

                      // Autoplay: start an interval to call nextSlide every 3 seconds
                      let autoplayInterval = setInterval(nextSlide, 3000);

                      // Function to stop autoplay
                      function stopAutoplay() {
                        clearInterval(autoplayInterval);
                      }

                      // Function to start/restart autoplay
                      function startAutoplay() {
                        // Avoid multiple intervals
                        stopAutoplay();
                        autoplayInterval = setInterval(nextSlide, 3000);
                      }

                      // Pause autoplay on mouse enter, and resume on mouse leave
                      slider.addEventListener('mouseenter', stopAutoplay);
                      slider.addEventListener('mouseleave', startAutoplay);

                      // --- Touch swipe support ---
                      let touchStartX = 0;
                      let touchEndX = 0;
                      const swipeThreshold = 50; // Minimum distance (in pixels) to be considered a swipe

                      slider.addEventListener('touchstart', function(e) {
                        touchStartX = e.changedTouches[0].screenX;
                        stopAutoplay(); // Optionally stop autoplay on touch
                      });

                      slider.addEventListener('touchend', function(e) {
                        touchEndX = e.changedTouches[0].screenX;
                        handleGesture();
                        startAutoplay();
                      });

                      function handleGesture() {
                        if (touchEndX < touchStartX - swipeThreshold) {
                          // Swiped left: go to next slide
                          nextSlide();
                        }
                        if (touchEndX > touchStartX + swipeThreshold) {
                          // Swiped right: go to previous slide
                          prevSlide();
                        }
                      }

                      });
                    </script>
                    {/if}{!--hero-slider--}

										{if segment_1=='OFF' && (hero-video-heading || hero-video-subheading)}<p class="single-slide-full-text no-select {if '{segment_1}'!='' && ('{segment_1}'=='kauai' || '{segment_1}'=='oahu' || '{segment_1}'=='maui' || '{segment_1}'=='big-island') && '{segment_2}'!=''}solo-entry-text{if:elseif '{segment_1}'!='' && '{segment_1}'!='kauai' && '{segment_1}'!='oahu' && '{segment_1}'!='maui' && '{segment_1}'!='big-island'}solo-entry-text{/if}{if hero_heading_size=='Large'} large-text{if:elseif hero_heading_size=='Medium'} medium-text{/if}">{hero-video-heading}{if hero-video-subheading && segment_1=='OFF'}<span class="{!--hide-for-small-only--} no-select">{hero-video-subheading}</span>{/if}</p>{/if}

										<style>
											.image-container-main {position:relative;justify-items: center;align-items: center;position: relative;width: 100%;height: 100%;overflow: hidden;background:url({exp:jcogs_img:pair parse='inward' src='{entry_icon}' crop='yes|{if '{entry_icon_focus}'=='left center'}left,center{if:elseif '{entry_icon_focus}'=='right center'}right,center{if:else}center,center{/if}|0,0' width='1200' height='535' quality='75' allow_scale_larger='yes'}https://aws.hawaii-guide.com{made}{/exp:jcogs_img:pair});background-size:cover;background-position: center center;margin-top:0px;margin-bottom:10px;border:none;}

											#hawaii-top .search-top{position:absolute;top:320px;z-index:99;left:50%;transform:translate(-50%, -50%);}
											#type-entry-page{margin-top: -5px;}
                      @media only screen and (min-width:1024px){#hawaii-top .search-top{top:600px;}#type-entry-page{margin-top: -90px;}.goUS-header .nav-inline-block span{color:#fff;text-shadow: -1px -1px 2px rgba(0,0,0,0.2), 1px -1px 2px rgba(0,0,0,0.2), -1px 1px 2px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.2);}}
											@media only screen and (min-width:1281px){#hawaii-top .search-top{top:600px;}}
											@media only screen and (min-width:1480px){#hawaii-top .search-top{top:600px}}

											@media only screen and (min-width:1024px){#type-entry-page{margin-top: -90px;}.goUS-header .nav-inline-block span{color:#fff;text-shadow:0px 2px 3px #444;text-shadow: -1px -1px 2px rgba(0,0,0,0.2),1px -1px 2px rgba(0,0,0,0.2),-1px  1px 2px rgba(0,0,0,0.2),1px  1px 2px rgba(0,0,0,0.2);}}

                      {if segment_1!='OFF' && entry_icon_count>1 && hero_slider=='Yes'}
                        .image-container-main.main-image{position:relative;height:320px;width: 100%;overflow: hidden;margin: 0 auto;}
                        @media only screen and (min-width:642px){.image-container-main.main-image{height:350px;}}
                        @media only screen and (min-width:880px){.image-container-main.main-image{height:450px;}}
                        @media only screen and (min-width:1024px){.image-container-main.main-image{height:750px;}}
                        @media only screen and (min-width:1281px){.image-container-main.main-image{height:800px;}}
                        @media only screen and (min-width:1480px){.image-container-main.main-image{height:800px;}}
                        /* 2) Slider wrapper fills the container */
                        .hg-slider {position: absolute;top: 0; left: 0;width: 100%;height: 100%;overflow: hidden; /* hide anything that might overflow */}
                        /* 3) The track is just a wrapper */
                        .hg__track {position: relative;width: 100%;height: 100%;}
                        /* 4) The list holds all slides.We'll position slides absolutely, so this can be relative or static. */
                        .hg__list {position: relative;width: 100%;height: 100%;}
                        /* 5) Each slide is stacked on top of each other */
                        .hg__slide {position: absolute;top: 0; left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 0.6s ease; /* fade time */}
                        /* The “active” slide is visible */.hg__slide.is-active {opacity: 1;z-index: 1;}
                        /* 6) Images fill the slide area with “cover” */
                        .hg__slide img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block; /* remove default inline spacing */border-radius:0;}.hg__arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: rgba(0,0,0,0.4);color: #fff;border: none;border-radius: 20px; /* circle shape if you like */cursor: pointer;font-size: 18px;line-height: 40px;text-align: center;outline: none;z-index: 2;-webkit-appearance: none;  /* strip default iOS button style */  appearance: none;  font-size: 0;}
                        .hg__arrow i {font-size: 1.4rem;line-height: 1;vertical-align: middle;-webkit-text-size-adjust: none;text-rendering: optimizeLegibility;color: #fff;}.hg__arrow--prev {left: 20px;}.hg__arrow--next {right: 20px;}.hg__arrow:hover {background: rgba(0,0,0,0.7);}
                      {/if}{!--hero-sider--}

										</style>

										<script>
                      document.addEventListener("DOMContentLoaded", function() {
                          const header = document.querySelector(".goUS-header");
                          const logoImg = document.querySelector(".logo img");

                          function updateLogo() {
                              const screenWidth = window.innerWidth;

                              if (screenWidth >= 1024) {
                                  // Apply sticky behavior only on screens 1281px or larger
                                  if (header.classList.contains("is-sticky")) {
                                      logoImg.src = "https://aws.hawaii-guide.com/files/images/branding/logo-hawaiiguide-v16-120px.png";
                                  } else {
                                      logoImg.src = "https://aws.hawaii-guide.com/files/images/branding/logo-hawaiiguide-v16-120px-white-shadow.png";
                                  }
                              } else if (screenWidth < 1024) {
                                  // Reset to a default logo for smaller screens
                                  logoImg.src = "https://aws.hawaii-guide.com/files/images/branding/logo-hawaiiguide-v16-120px.png";
                              }
                          }

                          // Listen for class changes on the header
                          const observer = new MutationObserver(updateLogo);
                          observer.observe(header, { attributes: true, attributeFilter: ["class"] });

                          // Update on window resize
                          window.addEventListener("resize", updateLogo);

                          // Initial check in case class is already set
                          updateLogo();
                      });




  									</script>

									</div><!--image-container-main-->
								</div><!--bg-image-->

								<div class="wave"></div>

							</div><!--single-slide-->

						</div><!--#hawaii-top-->

					{/if}

						{if '{current_query_string}'=='live=' || '{current_query_string}'=='live=cleared' || '{current_query_string}'=='live=ee-cleared' || '{current_query_string}'=='live=cf-cleared'}
							<div class="wrapper-min clear clearfix mt10">
								{live-control-widget}
							</div><!--wrapper-min-->
						{/if}

            {if '{hero_size}'=='Cover' && '{entry_sidebar_display}'!='none' && '{allow_advertising}'!='No'}
            <div class="video-cover-container">
            <div class="video-sidebar">
            {/if}{!--hero and sidebar--}

            {if  '{entry_icon}'!='' && '{hero_size}'!='Cover' && '{video_status}'!='ON'}

							<div id="hawaii-top" class="wrapper-slim mt10" style="position:relative;">
								{stash:embed:partials-v5:entry_image-header stash:h1="skip" stash:disclosure="Yes"}

								<div class="article-header clearfix pt10 pb0 pr10 pl10 {!--wrapper-slim--} text-center balance-text">
									<h1 class="entry-title {segment_1}-text {style-url}-text" itemprop="headline">{if heading}{heading}{if:else}{title}{/if}      </h1>
									{if entry_tag_line}
										<h4 class="text-black mb0"><i class="fa fa-{if '{segment_1}'=='kauai'}kauai{if:elseif '{segment_1}'=='oahu'}oahu{if:elseif '{segment_1}'=='maui'}maui{if:elseif '{segment_1}'=='big-island'}big-island{if:else}compass{/if} text-black"></i> {entry_tag_line}</h4>
									{if:elseif '{section_url}'!='/content' && '{segment_1}'!='OFF'}
										{if '{region_primary}'!='' && '{section_short_name}'!=''}
											<h4 class="text-black mb0"><i class="fa fa-compass text-black"></i>Located within the {region_primary} Region on {section_short_name}</h4>
										{/if}
									{/if}

								</div><!--article-header-->

							</div><!--hawaii-top-->

						{if:else}

							<div class="article-header clearfix pt10 pb0 pr10 pl10 wrapper-slim text-center balance-text">
								<h1 class="entry-title {segment_1}-text {style-url}-text" itemprop="headline">{if heading}{heading}{if:else}{title}{/if}</h1>
								{if entry_tag_line}
									<h4 class="text-black mb0"><i class="fa fa-{if '{segment_1}'=='kauai'}kauai{if:elseif '{segment_1}'=='oahu'}oahu{if:elseif '{segment_1}'=='maui'}maui{if:elseif '{segment_1}'=='big-island'}big-island{if:else}compass{/if} text-black"></i> {entry_tag_line}</h4>
								{if:elseif '{section_url}'!='/content' && '{segment_1}'!='OFF'}
									{if '{region_primary}'!='' && '{section_short_name}'!=''}
										<h4 class="text-black mb0"><i class="fa fa-compass text-black"></i>Located within the {region_primary} Region on {section_short_name}</h4>
									{/if}
								{/if}

							</div><!--article-header-->

						{/if}{!--entry_icon--}

						{if '{remove_announcements}'!='yes'}
							<div class="wrapper-min text-center clear clearfix mt10">
								{announcements-notices}
							</div><!--wrapper-min-->
						{/if}


								<div class="mt0" id="start">

										{if '{channel_short_name}'!='sectionsOFF' && '{segment_1}'!='' && '{show_pub}'!='NoOFF'}
											{stash:embed:partials-v5:author-byline-slim stash:margin-top="20" stash:skip-nav="Yes"}
							      {if:elseif segment_1=='OFF'}
											<div class="wrapper-sides mb0">
												<span class="dotted-line mt5 wrapper-sides mb0 clear"></span>
											</div><!--wrapper-sides-->
							      {/if}{!--byline--}

										{if '{stash:disclosure}'!='No'}
										<div class="wrapper-sides mb0">
											{sn-affiliate-disclosure}
										</div><!--wrapper-sides-->
										{/if}

								    {!-- ENTRY FEATURE BUTTONS START --}
								    <div class="wrapper-sides mt0">

										<div class="text-right clearfix mt10 pr5">

											{if authority_entry_url}
												<a href="{if entry_auth_canon}{entry_auth_canon}{if:elseif authority_entry_url}{authority_entry_section_url}{authority_entry_type_url}{authority_entry_classification_url}/{authority_entry_url}{/if}" title="{authority_entry_title}" class="pull-left pl20">
													<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {authority_entry_title}</button>
												</a>
											{if:elseif '{segment_1}'=='blog'}
												<a href="/{segment_1}" title="Blog Home" class="pull-left pl5">
													<button class="btn btn-3d btn-darkgreen btn-sm" type="button"><i class="fa fa-chevron-left"></i> Blog Home</button>
												</a>
											{if:elseif '{segment_2}'=='beaches'}
												<a href="/{segment_1}/{segment_2}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Beaches" class="pull-left pl5">
													<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Beaches</button>
												</a>
											{if:elseif '{segment_2}'=='hiking-trails'}
												<a href="/{segment_1}/{segment_2}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Hiking Trails" class="pull-left pl5">
													<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Hiking Trails</button>
												</a>
											{if:elseif '{segment_2}'=='sights'}
												<a href="/{segment_1}/{segment_2}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Things to See" class="pull-left pl5">
													<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Things to See</button>
												</a>
											{if:elseif '{segment_2}'=='accommodations'}
												<a href="/{segment_1}/{segment_2}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Accommodations and Lodgings" class="pull-left pl5">
													<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Accommodations</button>
												</a>
											{if:elseif '{segment_2}'=='activities'}
												<a href="/{segment_1}/{segment_2}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Activities and Tours" class="pull-left pl5">
													<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Activities &amp; Tours</button>
												</a>
											{if:elseif '{channel_short_name}'!='advertisers'}
												<a href="{if '{segment_1}'=='kauai' || '{segment_1}'=='oahu' || '{segment_1}'=='maui' || '{segment_1}'=='big-island'}/{segment_1}/articles{if:else}/hawaii-travel-tips{/if}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Travel Tips" class="pull-left pl5">
													<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Travel Tips</button>
												</a>

											{/if}{!--authority_entry--}

											{if entry_phone}
											<a href="tel:{entry_phone}">
												<button class="btn btn-3d btn-teal btn-sm" type="button"><i class="fa fa-phone"></i> {entry_phone}</button>
											</a>
											{/if}
											{if entry_website}
												<a href="{entry_website}" title="{if heading}{heading}{if:else}{title}{/if}" target="_blank" rel="{if '{channel_short_name}'=='advertisers'}sponsored{if:else}nofollow{/if} noopener">
													<button class="btn btn-3d btn-teal btn-sm" type="button"><i class="fa fa-globe"></i> Website</button>
												</a>
											{/if}{!--entry_website--}
											{if '{entry_book_now_total}'>'0'}
					                        	<a href="{bn_link}"{if '{bn_target}'=='Yes'} target="_blank"{/if}{if '{bn_nofollow}'=='No'} rel="nofollow {if '{bn_target}'=='Yes'}noopener{/if}"{/if}>
												<button class="btn btn-sm btn-orange">
													<i class="fa fa-external-link"></i> <strong>Book Online</strong>
												</button>
												</a>
						                    {/if}

											{if entry_latitude && entry_longitude}
												<a href="https://www.google.com/maps/search/?api=1&query={entry_latitude},{entry_longitude}" title="Open in Google Maps" target="_blank" rel="noopener">
													<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa-map-marker"></i> Navigate Here <i class="fa fa-external-link"></i></button>
												</a>
											{/if}{!--entry_lat & long--}

										</div><!--text-right-->

                    <span class="dotted-line mb10 mt10 clear"></span>

								    </div><!--wrapper-sides-->
									{!-- ENTRY FEATURE BUTTONS END --}





										{if entry_description}
											<div itemprop="articleBody" class="firstpar mt15 wrapper-sides">
												{entry_description}
											</div><!--articleBody-->

										{/if}{!--entry_description--}
										{if entry_description_ext}
											<div itemprop="articleBody" class="mt10 wrapper-sides">
												{entry_description_ext}
											</div><!--articleBody-->
										{/if}{!--entry_description_ext--}

									{!-- BLOCKS FIELDS START --}
                  <div class="article-content">
										{exp:speedy:fragment key="layout-blocks-master-v4" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
											{stash:embed:data-v5:blocks-master-v5 stash:field_type="entry_blocks" stash:show_pub="No" stash:remove_promo="{remove_promo}" stash:allow_ads="{allow_advertising}" stash:inline-video="{disable-inline-video}" stash:promo_count="{count_promo}"}
										{/exp:speedy:fragment}
                  </div><!--article-content-->
									{!-- BLOCKS FIELDS END --}

									<div class="hg-content-nav mt5 pb0 wrapper-sides" style="padding-left:2%;">
										{sn_content-nav}

									    {!-- CUSTOM FEATURE BUTTONS START --}
									    <div class="mt5">

										    <span class="dotted-line mb0 mt10 clear"></span>

											<div class="text-right clearfix mt10 pr5">

												{if authority_entry_url}
													<a href="{authority_entry_section_url}{authority_entry_type_url}{authority_entry_classification_url}/{authority_entry_url}" title="{authority_entry_title}" class="pull-left pl20">
														<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {authority_entry_title}</button>
													</a>
												{if:elseif '{segment_1}'=='blog'}
													<a href="/{segment_1}" title="Blog Home" class="pull-left pl5">
														<button class="btn btn-3d btn-darkgreen btn-sm" type="button"><i class="fa fa-chevron-left"></i> Blog Home</button>
													</a>
												{if:elseif '{segment_2}'=='beaches'}
													<a href="/{segment_1}/{segment_2}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Beaches" class="pull-left pl5">
														<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Beaches</button>
													</a>
												{if:elseif '{segment_2}'=='hiking-trails'}
													<a href="/{segment_1}/{segment_2}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Hiking Trails" class="pull-left pl5">
														<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Hiking Trails</button>
													</a>
												{if:elseif '{segment_2}'=='sights'}
													<a href="/{segment_1}/{segment_2}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Things to See" class="pull-left pl5">
														<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Things to See</button>
													</a>
												{if:elseif '{segment_2}'=='accommodations'}
													<a href="/{segment_1}/{segment_2}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Accommodations and Lodgings" class="pull-left pl5">
														<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Accommodations</button>
													</a>
												{if:elseif '{segment_2}'=='activities'}
													<a href="/{segment_1}/{segment_2}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Activities and Tours" class="pull-left pl5">
														<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Activities &amp; Tours</button>
													</a>
												{if:elseif '{channel_short_name}'!='advertisers'}
													<a href="{if '{segment_1}'=='kauai' || '{segment_1}'=='oahu' || '{segment_1}'=='maui' || '{segment_1}'=='big-island'}/{segment_1}/articles{if:else}/hawaii-travel-tips{/if}" title="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Travel Tips" class="pull-left pl5">
														<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Travel Tips</button>
													</a>

												{/if}{!--authority_entry--}

												{if entry_latitude && entry_longitude}
													<a href="https://www.google.com/maps/search/?api=1&query={entry_latitude},{entry_longitude}" title="Open in Google Maps" target="_blank" rel="noopener">
														<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa-map-marker"></i> Navigate Here <i class="fa fa-external-link"></i></button>
													</a>
												{/if}{!--entry_lat & long--}

											</div><!--text-right-->
									    </div><!--wrapper-sides-->
										{!-- CUSTOM FEATURE BUTTONS END --}

									</div><!--hg-content-nav-->

									{if '{channel_short_name}'!='sectionsOFF' && '{segment_1}'!='OFF' && '{segment_1}'!='search-results' && '{segment_1}'!='concierge' && '{segment_1}'!='search' && '{show_pub}'!='No'}
										{stash:embed:partials-v5:author-byline stash:margin-top="20" stash:skip-nav="Yes"}
									{if:else}
									<div class="wrapper-sides mb0">
										<span class="dotted-line mt5 wrapper-sides mb0 clear"></span>
									</div><!--wrapper-sides-->
									{/if}{!--byline--}


								</div><!--article-content-->

            {if '{hero_size}'=='Cover' && '{entry_sidebar_display}'!='none' && '{allow_advertising}'!='No'}
            </div><!--video-sidebar-->

              <aside class="aside pt50">
                {packet-ads-sidebar}
              </aside>

        </div><!--video-cover-container-->
            {/if}{!-- cover sidebar--}


								<section class="mt20 article-content clear clearfix wrapper-sides">
									{if '{guidereview_total}'>'0'}
										{stash:embed:data-v4:guidereview stash:gr-type="widget"}
										{stash:embed:guidereview:summary}
									{/if}

									{if entry_latitude && entry_longitude}
									<div class="row clear clearfix">
										<h4>Geolocation Data</h4>
										<div class="medium-6 small-12 column">
											<h6>Geographic Coordinates</h6>
											<p>
												<i class="fa-map-marker"></i> <strong>Latitude:</strong> {entry_latitude}<br />
												<i class="fa-map-marker"></i> <strong>Longitude:</strong> {entry_longitude}
											</p>
										</div><!--column-->
										<div class="medium-6 small-12 column">
											<h6>Open in Google Maps</h6>
											<p>
												<a href="https://www.google.com/maps/search/?api=1&query={entry_latitude},{entry_longitude}" title="Navigate Here Now" target="_blank" rel="noopener" class="button">
													<button class="btn btn-3d btn-blue btn-sm" type="button"><i class="fa-map-marker"></i> Navigate Here <i class="fa fa-external-link"></i></button>
												</a>
											</p>
										</div><!--column-->
									</div><!--row-->
									{/if}{!--entry_lat & long--}

									{if '{segment_2}'=='hiking-trails' || '{segment_2}'=='beaches' || '{segment_2}'=='sights'}
									<div class="row clear clearfix">
										<h5>Hawaii Safety Information</h5>
										<div class="small-12 column">
											<p>
												<i class="fa-hiking"></i> <a href="/hawaii-travel-tips/hawaii-safety">Hawaii Safety Tips &amp; Information &rarr;</a>
											<br />
												<i class="fa-snorkeling"></i> <a href="/hawaii-travel-tips/hawaii-ocean-safety-tips">Hawaii Ocean Safety Tips &rarr;</a>
											</p>
										</div><!--column-->
									</div><!--row-->
									{/if}

									{if details-check}
										{exp:speedy:fragment key="entry_details-v1" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
											{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{stash:entry_id}" stash:list_layout="Details" stash:list_name="details-{stash:entry_id}"}
										{/exp:speedy:fragment}
									{/if}

									{if '{entry_photos}'=='yes'}
									<span class="dashed-line mb30"></span>


									<h5>{heading} Photo Gallery</h5>
										{exp:speedy:fragment key="entry_channel-images-v5" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
											{stash:embed:partials-v4:channel-images-v3}
										{/exp:speedy:fragment}
									{/if}
								</section><!--main-->

								{if '{related_total}'>'0'}
									<section class="mt20 article-content wrapper-sides">

										{if related_heading}
											<div class="mb10">
												{related_heading}
											</div><!--mb10-->
										{if:else}
											<div class="article-header mb10 noprint">
												<h3 class="h2">You may also be interested in...</h3>
											</div><!--article-header-->
										{/if}

										<div class="clear clearfix pt10">
											{exp:speedy:fragment key="layout-related-entries-list-regular-v3" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
												{if '{related_total}'=='4' || '{related_total}'=='7' || '{related_total}'=='8' || '{related_total}'=='11' || '{related_total}'=='12' || '{related_total}'=='15' || '{related_total}'=='16'}
													{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_ids}" stash:list_layout="Related" stash:list_name="{stash:entry_id}_related" stash:list_columns="4" stash:list_height="def" stash:utm_status="" stash:max_entries="18" stash:data_format="normal"}
												{if:elseif '{related_total}'=='2'}
													{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_ids}" stash:list_layout="Related" stash:list_name="{stash:entry_id}_related" stash:list_columns="2" stash:list_height="def" stash:utm_status="" stash:max_entries="18" stash:data_format="normal"}
												{if:elseif '{related_total}'=='1'}
													{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_ids}" stash:list_layout="Related" stash:list_name="{stash:entry_id}_related" stash:list_columns="1" stash:list_height="def" stash:utm_status="" stash:max_entries="1" stash:data_format="normal"}
												{if:else}
													{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_ids}" stash:list_layout="Related" stash:list_name="{stash:entry_id}_related" stash:list_columns="3" stash:list_height="def" stash:utm_status="" stash:max_entries="18" stash:data_format="normal"}
												{/if}
											{/exp:speedy:fragment}
										</div>

									</section><!--mt20 article-content-->
								{/if}{!--related_total--}

								{if '{related_two_total}'>'0'}
									<section class="mt20 article-content wrapper-sides">

										{if related_two_heading}<div class="mb10">
											{related_two_heading}
										</div><!--article-header-->{/if}

										<div class="clear clearfix pt10">
											{exp:speedy:fragment key="layout-related-entries-list-two-regular-v4" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
												{if '{related_total}'=='3' || '{related_total}'=='6' || '{related_total}'=='9' || '{related_total}'=='12' || '{related_total}'=='15' || '{related_total}'=='18'}
													{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_two_ids}" stash:list_layout="Related" stash:list_name="{stash:entry_id}_related_two" stash:list_columns="3" stash:list_height="def" stash:utm_status="" stash:max_entries="18" stash:data_format="normal"}
												{if:elseif '{related_total}'=='2'}
													{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_two_ids}" stash:list_layout="Related" stash:list_name="{stash:entry_id}_related_two" stash:list_columns="2" stash:list_height="def" stash:utm_status="" stash:max_entries="18" stash:data_format="normal"}
												{if:elseif '{related_total}'=='1'}
													{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_two_ids}" stash:list_layout="Related" stash:list_name="{stash:entry_id}_related_two" stash:list_columns="1" stash:list_height="def" stash:utm_status="" stash:max_entries="1" stash:data_format="normal"}
												{if:else}
													{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_two_ids}" stash:list_layout="Related" stash:list_name="{stash:entry_id}_related_two" stash:list_columns="4" stash:list_height="def" stash:utm_status="" stash:max_entries="18" stash:data_format="normal"}
												{/if}
											{/exp:speedy:fragment}
										</div><!--clear-->

									</section><!--mt20 article-content-->
								{/if}{!--related_two_total--}



								{if '{hero_size}'=='Cover'}
									<div class="mt10 wrapper-slim">
										<a href="#top" title="Back to Top of Page">
											{stash:embed:partials-v5:entry_image-header stash:h1="skip" stash:disclosure="No"}
										</a>
									</div><!--mt10-->
								{/if}


								{if '{allow_comments}'=='yes'}
								<section class="mt20 article-content wrapper-sides">
									<div class="wrapper-slim clearfix clear"><span class="dotted-line mb20"></span></div>
									<div id="comments" class="wrapper-sides">
										<h2>Comments &amp; Discussion</h2>
										<h5>Leave a Response</h5>

										<p><em><strong>Our Comments &amp; Discussion policy:</strong></em></p>
										<ul>
											<li>Please be civil; do not engage in profanity, rudeness, personal attacks, or cyberbullying.</li>
											<li>Stay on topics related to travel &amp; tourism - no politics!</li>
											<li>No hyperlinks or UPPER CASE text.</li>
											<li>No advertising is permitted.</li>
											<li>You may post anonymously, but it will be held in moderation until approved.</li>
											<li>Please read through all comments first as your question(s) might have already been asked and answered.</li>
											<li>All comments will be edited/published at GoUS Hawaii's sole discretion.</li>
											<li>Your email address will not be published or shared.</li>
											<li>Our team will attempt to answer all questions in a timely manner, but we cannot guarantee a response.</li>
											<li>View our <a href="/comments-policy" rel="nofollow">full comments policy</a></li>
										</ul>

										<script defer src="https://cdn.commento.io/js/commento.js"></script>
										<script defer src="https://cdn.commento.io/js/count.js"></script>

										<div id="commento"></div>

									</div><!--wrapper-sides-->
								</section>
								{/if}{!--comments--}


								{if entry_latitude && entry_longitude && '{channel_short_name}'!='advertisers' && '{segment_1}'!='OFF' && '{allow_advertising}'!='No' && '{current_query_string}'!='live='}
								<section class="mt10 article-content wrapper-sides">
									<h5 class="text-center">Recommended Tours Nearby</h5>
									<div data-gyg-href="https://widget.getyourguide.com/default/activites.frame" data-gyg-locale-code="en-US" data-gyg-widget="activities" data-gyg-number-of-items="8" data-gyg-cmp="Content Bottom" data-gyg-currency="USD" data-gyg-partner-id="FPI4K3E" data-gyg-placement="content-end" data-gyg-lat="{entry_latitude}" data-gyg-lon="{entry_longitude}"></div>
								</section>
								{if:elseif '{channel_short_name}'!='advertisers' && '{segment_1}'!='OFF' && '{allow_advertising}'!='No' && '{current_query_string}'!='live=' && '{segment_1}'=='OFF'}
								<section class="mt10 article-content wrapper-sides">
									<h5 class="text-center">Recommended {if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if} Tours</h5>
									{!--<div data-gyg-href="https://widget.getyourguide.com/default/activites.frame" data-gyg-locale-code="en-US" data-gyg-widget="activities" data-gyg-number-of-items="8" data-gyg-currency="USD" data-gyg-partner-id="FPI4K3E" data-gyg-placement="content-end" data-gyg-q="{if '{segment_1}'=='kauai'}Kauai{if:elseif '{segment_1}'=='maui'}Maui{if:elseif '{segment_1}'=='big-island'}Big Island{if:elseif '{segment_1}'=='oahu'}Oahu{if:else}Hawaii{/if}"></div>--}
									<div data-gyg-widget="auto" data-gyg-partner-id="FPI4K3E"></div>
								</section>
								{/if}{!--entry_lat & long--}

								{!-- NATIVE MATCHED CONTENT ADS --}

                {if '{segment_1}'=='OFF' && '{segment_1}'!='' && '{stash:allow_ads}'!='No' && '{stash:remove_promo}'!='off'}
                  {packet-ads-footer}
                {/if}{!--packet-ads--}


							{if '{allow_advertising}'!='No' && segment_1=='OFF'}
								<div class="clearfix clear text-center">
									<ins class="adsbygoogle"
								     style="display:block"
								     data-ad-format="autorelaxed"
								     data-ad-client="ca-pub-9653677551976351"
								     data-ad-slot="6388085201"></ins>
									<script>
									     (adsbygoogle = window.adsbygoogle || []).push({});
									</script>
								</div><!--clear-->
							{/if}{!--advertising--}


								<section class="mt20 bottom wrapper-sides">

									{if '{channel_short_name}'=='advertisers'}
										<h6>Sponsored Content Disclosure</h6>
										<p class="text14">This content is sponsored by {heading}. Guide of US is a travel destination media and marketing company that receives compensation from companies or organizations whose products or services are promoted on this site. We review and evaluate the services of each company to ensure they meet our highest quality standards for travelers. We are independently owned and any opinions expressed herein are our own.</p>
									{/if}


									<div class="terms-border-off">
										{terms-short-bottom}
									</div><!--terms-border-->


									{if '{show_pub_date}'=='yes'}<p>
										<span class="small small80">Article Published/Updated: <em itemprop="datePublished">{edit_date}</em></span>
									</p>{/if}


								</section><!--mt20 bottom-->

					</main>

					{if '{segment_1}'!='OFF' && '{hero_size}'!='Cover' && '{entry_sidebar_display}'!='none' && '{allow_advertising}'!='No'}
						<aside class="aside">
							{packet-ads-sidebar}
						</aside>
					{/if}{!-- sidebar--}

				</div><!--main-content-->

			</div><!--wrapper -->

		<!-- BEGIN .content -->
		</section>
	{/exp:stash:set}

	{exp:stash:set name="{stash:entry_id}_meta_data" parse_conditionals="yes"}
		{if meta_description}
		<meta name="description" content="{exp:low_replace find='"' replace="'"}{exp:ce_str:ing truncate='180'}{meta_description}{/exp:ce_str:ing}{/exp:low_replace}" />{if:else}<meta name="description" content="Discover more about {if meta_title}{meta_title}{if:elseif heading}{title}{/if} {if '{region}'!='' && '{section_short_name}'!=''}| {section_short_name}{if '{section_short_name}'!='Big Island of Hawaii'} Hawaii{/if}{/if}" />{/if}
		<meta property="fb:app_id" content="465142083524389" />
		<meta property="og:url" content="{exp:stash:{stash:entry_id}_canonical_url}" />
		<meta property="og:type" content="article" />
		<meta property="og:title" content="{if entry_meta_title}{entry_meta_title}{if:else}{entry_heading}{/if} {if '{region_primary}'!='' && '{section_short_name}'!=''}| {section_short_name}{if '{section_short_name}'!='Big Island of Hawaii'} Hawaii{/if}{/if}" />
		<meta property="og:description" content="{if meta_description}{exp:low_replace find='"' replace="'"}{meta_description}{/exp:low_replace}{if:else} {if '{region}'!='' && '{section_short_name}'!=''}| {section_short_name}{if '{section_short_name}'!='Big Island of Hawaii'} Hawaii{/if}{/if}{/if} - Discover more about {if heading}{heading}{if:else}{title}{/if} on HawaiiGuide." />
		<meta property="og:image" content="https://aws.hawaii-guide.com{if '{entry_icon_og}'!=''}{entry_icon_og}{if:else}{entry_icon}{/if}" />
		<meta property="og:image:url" content="https://aws.hawaii-guide.com{if '{entry_icon_og}'!=''}{entry_icon_og}{if:else}{entry_icon}{/if}" />

		{!-- do not index if the channel is any of these below --}
		{if '{channel_short_name}'=='cpa-accommodation' || '{channel_short_name}'=='hawaiitours'}
			<META NAME="ROBOTS" CONTENT="NOINDEX, FOLLOW">
		{/if}

		{!-- do not index if entry says not too or if there is a fourth segment in the url --}
		{if '{segment_4}'!='' || '{allow_index}'=='no' || '{current_query_string}'=='live=' || '{current_query_string}'=='live=cleared' || '{current_query_string}'=='live=ee-cleared' || '{current_query_string}'=='live=cf-cleared'}
			<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
		{/if}{!--segment_4 & allow_index--}

	{/exp:stash:set}

	{if mail-send-script}
		{!--stash:embed:scripts-v3:send-form--}
	{/if}

{/exp:stash:get_list}