{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:custom-vars}
	{/exp:speedy:fragment}
{/exp:stash:set_list}

{exp:stash:set name="related-children-check" parse_tags="yes" trim="yes" parse_conditionals="yes"}
	{exp:speedy:fragment key="data-related-children-check" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
		{exp:query sql="SELECT field_id_544 as entry_url, count(*) as the_count FROM exp_channel_data cd JOIN exp_playa_relationships pr WHERE cd.entry_id = pr.parent_entry_id AND pr.child_entry_id='{stash:entry_id}' AND pr.parent_field_id='562' AND cd.channel_id='73' "}
			{if entry_url}yes{/if}
		{/exp:query}
	{/exp:speedy:fragment}
{/exp:stash:set}

{exp:stash:set name="subclass-check" parse_tags="yes" trim="yes" parse_conditionals="yes"}
	{exp:speedy:fragment key="data-subclass-check" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
		{exp:query sql="SELECT field_id_544 as subclass_url, count(*) as the_count FROM exp_channel_data cd JOIN exp_playa_relationships pr WHERE cd.entry_id = pr.child_entry_id AND pr.parent_entry_id='{stash:entry_id}' AND (pr.parent_field_id='612' OR pr.parent_field_id='601') ORDER BY pr.rel_id ASC LIMIT 1"}
			{if subclass_url}yes{/if}
		{/exp:query}
	{/exp:speedy:fragment}
{/exp:stash:set}

{exp:stash:set_list name="all_ids" parse_tags="yes" trim="yes" parse_conditionals="yes"}
	{exp:speedy:fragment key="data-listings-all" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
		{stash:embed:data-v5:list-all-ids}
	{/exp:speedy:fragment}
{/exp:stash:set_list}


{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" scope="site"}
		{if meta_title==title}{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} {if '{region}'!='' && '{section_short_name}'!=''}| {section_short_name}{if '{section_short_name}'!='Big Island of Hawaii'} Hawaii{/if}{/if}
	{/exp:stash:set}

	{exp:stash:set name="{stash:entry_id}_canonical_url" trim="yes" scope="site" parse_tags="yes" parse_conditionals="yes"}
		https://www.hawaii-guide.com{section_url}{if type_url}{type_url}{/if}{if classification_url}{classification_url}{/if}/{if custom_url_segment}{custom_url_segment}{if:else}{url_title}{/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}
	{/exp:stash:set}

	{exp:stash:set name="list_kids" parse_tags="yes" trim="yes"}
		{remove_kidentries}
	{/exp:stash:set}

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

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

	{/exp:stash:set}

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

		{footer_scripts}

		{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>

		{if '{allow_advertising}'!='No' && '{channel_short_name}'!='advertisers' && '{segment_2}'!='tours' && '{segment_2}'!='activities' && '{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}
			</script>
		{/if}{!--allow_ads--}

	{/exp:stash:set}

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

	{exp:stash:set name="{stash:entry_id}_meta_data" parse_conditionals="yes" scope="site"}
		{if meta_description}
		<meta name="description" content="{exp:ce_str:ing truncate='180'}{meta_description}{/exp:ce_str:ing}" />{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="{title}" />
		<meta property="og:description" content="{if meta_description}{exp:low_replace find='"' replace="'"}{meta_description}{/exp:low_replace}{if:else}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="og:image" content="https:{entry_icon}" />
		<meta property="og:image:url" content="https:{entry_icon}" />

		{!-- 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 (in either 'custom' field) or if there is a fourth segment in the url --}
		{if '{segment_4}'!='' || '{custom_search_index}'=='yes' || '{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 & custom_search_index & allow_index--}

	{/exp:stash:set}

	{!-- LEGACY - Provides the total number of entries for this listing page --}
	{exp:stash:set name="list_count" parse_tags="yes" trim="yes"}
		{exp:stash:get_list:nested name="all_ids" unique="yes" prefix="ids" limit="1"}
			{if '{absolute_results}'>'0'}yes{if:else}0{/if}
		{/exp:stash:get_list:nested}
	{/exp:stash:set}

  {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}'!='OFF'} 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:get_list}

{!-- List all the IDS for this listing page --}
{exp:stash:set name="list_ids" parse_tags="yes" trim="yes" parse_conditionals="yes"}
	{exp:stash:get_list name="all_ids" unique="the-id" orderby="order-by|count-by" sort_type="string|numeric" sort="asc|asc"}
		{the-id}{if {count}!={total_results}}|{/if}
	{/exp:stash:get_list}
{/exp:stash:set}



{exp:stash:set name="{stash:entry_id}_body" scope="site"}


{exp:stash:get_list name="{stash:entry_id}_entry_data" parse_tags="yes" parse_conditionals="yes"}
<!-- BEGIN .content -->
<section class="content"  id="type-custom-page">

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

	{if '{entry_icon}'==''}</div><!--clear-->{/if}

	<div class="wrapper{if  '{hero_size}'=='Cover' || '{allow_advertising}'=='No' || '{channel_short_name}'=='advertisers' || '{segment_2}'=='activities'} nosidebar{/if}" id="top">

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

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

					{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}'!='' && '{segment_2}'!='activities'}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}">{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-custom-page{margin-top: -5px;}
												@media only screen and (min-width:1024px){#type-custom-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-->

							{if '{segment_2}'=='activities'}
							<div class="search search-top medium-8 large-6 column clear clearfix mt10">
						        <form class="search-box" action="/{segment_1}/search-results-tours">
						            <span class="fa-search fa-xl text-white"></span>
						            <input type="search" name="q" class="top-search-input" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" required="" title="Search" role="searchbox" aria-label="Search" placeholder="Explore {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}Hawaii{/if} Tours and Activities">

						            <button type="submit" class="search-button-top small-12 medium-3 column mt5">
						                    <span class="btn btn-sm btn-search btn-{segment_1} small-10 small-offset-1 column">Search</span>
						            </button>
						        </form>
							</div><!--search-->
              {/if}

						</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;}
                      #type-custom-page{margin-top: -5px;}
											@media only screen and (min-width:1024px){#type-custom-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' && '{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 mb25" id="start">

					{if '{channel_short_name}'!='sectionsOFF' && '{segment_1}'!='' && '{show_pub}'!='No'}
						{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}

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

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

						<div class="text-right clearfix mt10">
							{if custom_auth_entry_url}
								<a href="{if custom_auth_canon}{custom_auth_canon}{if:else}{custom_auth_entry_section_url}{custom_auth_entry_type_url}{custom_auth_entry_classification_url}{if '{custom_type_entry_type_url}'==''}/{custom_auth_entry_url}{if:else}{custom_type_entry_type_url}{/if}{/if}" title="{custom_auth_entry_title}" class="pull-left pl5">
									<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {custom_auth_entry_title}</button>
								</a>
							{if:elseif '{segment_2}'=='accommodations' && '{segment_3}'!=''}
								<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' && '{segment_3}'!=''}
								<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 '{segment_2}'=='regions' && '{segment_3}'!=''}
								<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} Regions" 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} Regions</button>
								</a>
							{if:else}
								<a href="{if '{segment_1}'=='kauai' || '{segment_1}'=='oahu' || '{segment_1}'=='maui' || '{segment_1}'=='big-island'}/{segment_1}{if:else}/{/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 Guide</button>
								</a>
							{/if}{!--custom_auth_entry--}

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

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

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



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


					{!-- BLOCKS FIELDS START --}
          <div class="article-content">
						{exp:speedy:fragment key="layout-blocks-master-v5" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
							{stash:embed:data-v5:blocks-master-v5 stash:field_type="custom_content" stash:show_pub="{show_pub}" stash:remove_promo="{!--remove_promo--}off" 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 --}

				{if '{stash:list_ids}'!='' && '{stash:list_count}'!='0' && '{stash:list_kids}'!='yes' && '{stash:channel_id}'!='71' && '{stash:channel_id}'!='73'}{!--legacy check, excluding regions(71) and listing hubs(73)--}
					{if related_heading}
					<div class="wrapper-sides">
						<div class="article-content mb10">
							{related_heading}
						</div><!--article-content-->
					</div><!--row-fluid-->
					{/if}
					{exp:speedy:fragment key="layout-legacy_listings-all-input-v5" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
						{stash:embed:data-v5:listing-pages-items}
					{/exp:speedy:fragment}

					{exp:speedy:fragment key="layout-related-entries-list-regular-v4" 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:layout-v5:listing-pages-items-2022 stash:list_columns="4"}
						{if:elseif '{related_total}'=='2'}
							{stash:embed:layout-v5:listing-pages-items-2022 stash:list_columns="2"}
						{if:elseif '{related_total}'=='1'}
							{stash:embed:layout-v5:listing-pages-items-2022 stash:list_columns="1"}
						{if:else}
							{stash:embed:layout-v5:listing-pages-items-2022 stash:list_columns="3"}
						{/if}
					{/exp:speedy:fragment}


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

						{if related_heading}
							<div class="mb10">
								{related_heading}
							</div><!--mb10-->
						{/if}

						<div class="clear clearfix pt10">
							{exp:speedy:fragment key="layout-related-entries-list-regular-v5" 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}{!--list_ids--}

				{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-v3" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
								{if '{related_two_total}'=='3' || '{related_two_total}'=='6' || '{related_two_total}'=='9' || '{related_two_total}'=='12' || '{related_two_total}'=='15' || '{related_two_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" stash:list_columns="3" stash:list_height="def" stash:utm_status="" stash:max_entries="18" stash:data_format="normal"}
								{if:elseif '{related_two_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" stash:list_columns="2" stash:list_height="def" stash:utm_status="" stash:max_entries="18" stash:data_format="normal"}
								{if:elseif '{related_two_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" 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" 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 '{related_three_total}'>'0'}
					<section class="mt20 article-content wrapper-sides">

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

						<div class="clear clearfix pt10">
							{exp:speedy:fragment key="layout-related-entries-list-three-regular-v3" tags="{stash:entry_id}-{stash:url_title}|{segment_1}" ttl="0"}
								{if '{related_three_total}'=='3' || '{related_three_total}'=='6' || '{related_three_total}'=='9' || '{related_three_total}'=='12' || '{related_three_total}'=='15' || '{related_three_total}'=='18'}
									{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_three_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:elseif '{related_three_total}'=='2'}
									{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_three_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_three_total}'=='1'}
									{stash:embed:data-v5:list-items-v3 stash:list_entry_id="{related_three_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_three_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}
							{/exp:speedy:fragment}
						</div><!--clear-->

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


					<div class="clearfix clear">
						<span class="dotted-line mb20"></span>
					</div><!--clear-->

					<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">
								{if custom_auth_entry_url}
									<a href="{custom_auth_entry_section_url}{custom_auth_entry_type_url}{custom_auth_entry_classification_url}{if '{custom_type_entry_type_url}'==''}/{custom_auth_entry_url}{if:else}{custom_type_entry_type_url}{/if}" title="{custom_auth_entry_title}" class="pull-left pl5">
										<button class="btn btn-3d btn-{island-lowercase} btn-sm" type="button"><i class="fa fa-chevron-left"></i> {custom_auth_entry_title}</button>
									</a>
								{if:elseif '{segment_2}'=='accommodations' && '{segment_3}'!=''}
									<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' && '{segment_3}'!=''}
									<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 '{segment_2}'=='regions' && '{segment_3}'!=''}
									<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} Regions" 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} Regions</button>
									</a>
								{if:else}
									<a href="{if '{segment_1}'=='kauai' || '{segment_1}'=='oahu' || '{segment_1}'=='maui' || '{segment_1}'=='big-island'}/{segment_1}{if:else}/{/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 Guide</button>
									</a>
								{/if}{!--custom_auth_entry--}

							</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--}

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



				{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; Questions</h2>
						<h5>Leave a Response</h5>

						<p><em><strong>Our Comments &amp; Questions 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 Hawaii-Guide's sole discretion.</li>
							<li>Your email address will not be published or shared.</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--}

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

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

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

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

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

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

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

		</main>

	{if '{segment_1}'!='OFF' && '{hero_size}'!='Cover' && '{allow_advertising}'!='No' && '{channel_short_name}'!='advertisers' && '{segment_2}'!='activities'}
		<aside class="aside">
			{packet-ads-sidebar}
		</aside>

  {/if}{!-- sidebar--}

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

	<!-- END .wrapper -->
	</div>

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


{/exp:stash:set}

{!-- Show or hide the live filter for this listing page --}
{exp:stash:set name="list_filter" parse_tags="yes" trim="yes"}
	{exp:stash:get_list name="all_ids" unique="yes" limit="1"}
		{if '{filter-status}'}{filter-status}
		{if:elseif '{absolute_results}'>'8'}show
		{if:else}hide
		{/if}
	{/exp:stash:get_list}
{/exp:stash:set}