{exp:stash:set trim="yes" parse_tags="yes" process="start"}
	{stash:entry_id}{segment_1}{segment_2}{segment_3}{/stash:entry_id}
{/exp:stash:set}

{exp:stash:parse process="end"}

	{stash:embed:global-v4:base}

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

	{!-- ================= BEGIN BODY MAIN CORE =================  --}	
	<!-- BEGIN .content -->
	<section class="content mb50">		
	
	
	<div style="background:url(https://aws.hawaii-guide.com/files/images/backgrounds/pattern5-white.png) repeat-x;height:50px;bottom:-30px;position:absolute;clear:both;width:100%;"></div>
	</div>
	
	<div class="crumbs mt10">
		<nav>
			<ol class="cd-breadcrumb triangle">
				<li><a href="/"><i class="fa fa-home"></i><span class="noshow">Home</span></a></li>
				<li class="current"><em><span>Hawaii Tabs</span></em></li>
			</ol>
		</nav>
	</div>
	
	<div class="body-heading full wrapper-sides">
		<div class="article-header clearfix ">
			<h1 class="entry-title" itemprop="headline">Hawaii Tables Demo</h1>
			<h4><i class="fa fa-compass"></i> Hawaii Tables Testing... on this page...</h4>
		</div>
	</div>

	<div class="clear article-content" id="start">
		<div class="main nosidebar nopad">
			<div id="" class="row-fluid clear clearfix article-content wrapper-sides">
				<div class="small-12 columns">
	
	
	
		
<h2 class="text-center">Hawaii Weather Summary</h2>
<h5 class="text-center pb10">High/Low Temperatures &amp; Monthly Precipitation</h5>

<div id="hawaii-climate-table" class="wrapper-slim">

	<table role="table">
	  <thead role="rowgroup">
	    <tr role="row">
		  <th colspan="8" role="columnheader">Hawaii Island</th>
	      <th role="columnheader" class="nosmall"></th>
	      <th role="columnheader">Jan</th>
	      <th role="columnheader">Feb</th>
	      <th role="columnheader">Mar</th>
	      <th role="columnheader">Apr</th>
	      <th role="columnheader">May</th>
	      <th role="columnheader">Jun</th>
	      <th role="columnheader">Jul</th>
	      <th role="columnheader">Aug</th>
	      <th role="columnheader">Sept</th>
	      <th role="columnheader">Oct</th>
	      <th role="columnheader">Nov</th>
	      <th role="columnheader">Dec</th>
	    </tr>
	  </thead>
	  <tbody role="rowgroup">
	    <tr role="row">
		  <td colspan="8" role="cell"><strong class="text-darkgreen">Statewide</strong></td>	
	      <td role="cell" class="nosmall"><i class="fa-thermometer text-red"></i><br /><i class="fa-weather-rain gous-blue-text"></i></td>
	      <td role="cell"><span>80/65°F</span><br /><span>4.5"</span></td>
	      <td role="cell"><span>80/65°F</span><br /><span>3.5"</span></td>
	      <td role="cell"><span>80/66°F</span><br /><span>4.2"</span></td>
	      <td role="cell"><span>81/68°F</span><br /><span>3.7"</span></td>
	      <td role="cell"><span>83/69°F</span><br /><span>2.6"</span></td>
	      <td role="cell"><span>85/71°F</span><br /><span>2.0"</span></td>
	      <td role="cell"><span>85/72°F</span><br /><span>2.9"</span></td>
	      <td role="cell"><span>86/72°F</span><br /><span>2.7"</span></td>
	      <td role="cell"><span>86/72°F</span><br /><span>2.7"</span></td>
	      <td role="cell"><span>85/71°F</span><br /><span>3.5"</span></td>
	      <td role="cell"><span>83/69°F</span><br /><span>4.4"</span></td>
	      <td role="cell"><span>81/67°F</span><br /><span>4.5"</span></td>
	    </tr>
	    <tr role="row" class="visible-for-large-up">
		  <td colspan="8" role="cell"><strong class="oahu-text">Oahu</strong></td>	
		  <td role="cell" class="nosmall"><i class="fa-thermometer text-red"></i><br /><i class="fa-weather-rain gous-blue-text"></i></td>
	      <td role="cell"><span>80/66°F</span><br /><span>2.7"</span></td>
	      <td role="cell"><span>81/65°F</span><br /><span>2.3"</span></td>
	      <td role="cell"><span>82/67°F</span><br /><span>1.9"</span></td>
	      <td role="cell"><span>83/68°F</span><br /><span>1.1"</span></td>
	      <td role="cell"><span>85/70°F</span><br /><span>0.8"</span></td>
	      <td role="cell"><span>87/72°F</span><br /><span>0.4"</span></td>
	      <td role="cell"><span>88/74°F</span><br /><span>0.5"</span></td>
	      <td role="cell"><span>89/75°F</span><br /><span>0.4"</span></td>
	      <td role="cell"><span>89/74°F</span><br /><span>0.7"</span></td>
	      <td role="cell"><span>87/73°F</span><br /><span>2.1"</span></td>
	      <td role="cell"><span>84/71°F</span><br /><span>2.2"</span></td>
	      <td role="cell"><span>82/68°F</span><br /><span>2.8"</span></td>
	    </tr>
	    <tr role="row" class="visible-for-large-up">
	      <td colspan="8" role="cell"><strong class="maui-text">Maui</strong></td>	
	      <td role="cell" class="nosmall"><i class="fa-thermometer text-red"></i><br /><i class="fa-weather-rain gous-blue-text"></i></td>
	      <td role="cell"><span>80/63°F</span><br /><span>3.7"</span></td>
	      <td role="cell"><span>81/63°F</span><br /><span>2.3"</span></td>
	      <td role="cell"><span>81/65°F</span><br /><span>2.3"</span></td>
	      <td role="cell"><span>83/66°F</span><br /><span>1.7"</span></td>
	      <td role="cell"><span>84/67°F</span><br /><span>0.6"</span></td>
	      <td role="cell"><span>86/69°F</span><br /><span>0.2"</span></td>
	      <td role="cell"><span>87/71°F</span><br /><span>0.5"</span></td>
	      <td role="cell"><span>88/71°F</span><br /><span>0.5"</span></td>
	      <td role="cell"><span>88/70°F</span><br /><span>0.4"</span></td>
	      <td role="cell"><span>87/69°F</span><br /><span>1.1"</span></td>
	      <td role="cell"><span>84/68°F</span><br /><span>2.1"</span></td>
	      <td role="cell"><span>82/65°F</span><br /><span>3.1"</span></td>
	    </tr>
		<tr role="row" class="visible-for-large-up">
	 	  <td colspan="8" role="cell"><strong class="kauai-text">Kauai</strong></td>
	 	  <td role="cell" class="nosmall"><i class="fa-thermometer text-red"></i><br /><i class="fa-weather-rain gous-blue-text"></i></td>	
	      <td role="cell"><span>78/65°F</span><br /><span>4.5"</span></td>
	      <td role="cell"><span>78/66°F</span><br /><span>3.2"</span></td>
	      <td role="cell"><span>78/67°F</span><br /><span>3.5"</span></td>
	      <td role="cell"><span>79/69°F</span><br /><span>3.0"</span></td>
	      <td role="cell"><span>81/70°F</span><br /><span>2.8"</span></td>
	      <td role="cell"><span>83/73°F</span><br /><span>1.8"</span></td>
	      <td role="cell"><span>84/74°F</span><br /><span>2.1"</span></td>
	      <td role="cell"><span>85/74°F</span><br /><span>1.9"</span></td>
	      <td role="cell"><span>85/74°F</span><br /><span>2.6"</span></td>
	      <td role="cell"><span>83/73°F</span><br /><span>4.2"</span></td>
	      <td role="cell"><span>81/71°F</span><br /><span>4.7"</span></td>
	      <td role="cell"><span>79/68°F</span><br /><span>4.7"</span></td>
	    </tr>
	    <tr role="row" class="visible-for-large-up">
		  <td colspan="8" role="cell"><strong class="big-island-text">Big Island <em class="text-grey">(Kona)</em></strong></td>
		  <td role="cell" class="nosmall"><i class="fa-thermometer text-red"></i><br /><i class="fa-weather-rain gous-blue-text"></i></td>	
	      <td role="cell"><span>81/66°F</span><br /><span>1.7"</span></td>
	      <td role="cell"><span>81/66°F</span><br /><span>0.9"</span></td>
	      <td role="cell"><span>82/67°F</span><br /><span>1.1"</span></td>
	      <td role="cell"><span>83/69°F</span><br /><span>0.5"</span></td>
	      <td role="cell"><span>84/70°F</span><br /><span>0.6"</span></td>
	      <td role="cell"><span>85/72°F</span><br /><span>0.4"</span></td>
	      <td role="cell"><span>86/73°F</span><br /><span>0.6"</span></td>
	      <td role="cell"><span>87/73°F</span><br /><span>0.8"</span></td>
	      <td role="cell"><span>86/73°F</span><br /><span>0.7"</span></td>
	      <td role="cell"><span>86/72°F</span><br /><span>0.6"</span></td>
	      <td role="cell"><span>84/70°F</span><br /><span>0.9"</span></td>
	      <td role="cell"><span>82/68°F</span><br /><span>1.8"</span></td>
	    </tr>
	    <tr role="row" class="visible-for-large-up">
		  <td colspan="8" role="cell"><strong class="big-island-text">Big Island <em class="text-grey">(Hilo)</em></strong></td>
		  <td role="cell" class="nosmall"><i class="fa-thermometer text-red"></i><br /><i class="fa-weather-rain gous-blue-text"></i></td>	
	      <td role="cell"><span>79/64°F</span><br /><span>9.8"</span></td>
	      <td role="cell"><span>79/64°F</span><br /><span>9.0"</span></td>
	      <td role="cell"><span>79/65°F</span><br /><span>12.1"</span></td>
	      <td role="cell"><span>79/66°F</span><br /><span>12.4"</span></td>
	      <td role="cell"><span>81/67°F</span><br /><span>8.0"</span></td>
	      <td role="cell"><span>82/68°F</span><br /><span>7.6"</span></td>
	      <td role="cell"><span>82/69°F</span><br /><span>10.8"</span></td>
	      <td role="cell"><span>83/69°F</span><br /><span>9.8"</span></td>
	      <td role="cell"><span>83/69°F</span><br /><span>9.1"</span></td>
	      <td role="cell"><span>83/69°F</span><br /><span>9.7"</span></td>
	      <td role="cell"><span>81/67°F</span><br /><span>12.1"</span></td>
	      <td role="cell"><span>79/65°F</span><br /><span>10.3"</span></td>
	    </tr>
	  </tbody>
	</table>

	<p class="text12"><strong>*Climate Notes:</strong> Weather and Climate numbers are aggregated from trusted weather sources providing monthly temperature and precipitation figures for each island's primary airport. These airports collectively provide a solid statewide estimate of weather conditions, but should not be taken as a "whole-island" forecast. Weather conditions can change dramatically within Hawaii and on each island due to the diverse topography, changes in elevation, the trade-winds, and other unique island conditions. Temperatures are provided in Fahrenheit and Precipitation in Inches.<br />Travelers can additionally view more information about each island: <a href="/kauai/kauai-weather">Kauai Weather</a> | <a href="/oahu/articles/oahu_weather">Oahu Weather</a> | <a href="/maui/articles/maui_weather">Maui Weather</a> | <a href="/big-island/big-island-hawaii-weather">Big Island Weather</a> </p>
	
	
	<p class="text12"><strong>*Climate Notes:</strong> Weather and Climate numbers are aggregated from trusted weather sources providing the monthly temperature and precipitation figures for Maui's primary airport in Kahului. These climate summaries, specific to the airport location, should therefore not be taken as a "whole-island" forecast. Weather conditions can change dramatically on Maui due to the diverse topography, changes in elevation, the trade winds, and other unique island conditions. Temperatures are provided in Fahrenheit and Precipitation in Inches.</p>	
	
	

	<style>table{border:1px solid #eaeaea;border-radius120px;margin:10px 0;}tbody{border-radius:10px;}tr:nth-of-type(odd) {background: #f0f0f0;border-radius: 5px;}th {background: #444;font-weight: bold;color:#fff;font-size:17px;}th:first-of-type {text-align:left;padding-left:10px;}td {width:3%;font-size:14px;text-align:center;color:#666;line-height:20px;padding:5px 0;}td span:first-of-type {color:#333;}td:first-of-type {width:15%;font-weight:bold;font-size:19px;text-align:left;padding-left:10px;vertical-align: middle;font-family:'Brother 1816 Printed','Proxima',sans-serif;}td em {font-style: normal !important;font-weight:400 !important;}@media only screen and (max-width: 980px) {table, thead, tbody, th, td, tr {display: block;max-width:550px;margin:0 auto;}table{border:0;}thead tr {position: absolute;top: -9999px;left: -9999px;}tr {margin: 0 0 1rem 0;}td.nosmall {display:none;}td:first-of-type {width:90%;text-align:center;font-size:22px;border-bottom:1px dotted #999;margin:3px auto;padding:10px;}td {border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;width:90%;vertical-align: middle;margin:0 auto;}tr:nth-of-type(odd) td {border-bottom: 1px solid #ddd;}td:before {position: absolute;top: 20%;left: 20%;width: 45%;padding-right: 10px;white-space: nowrap;font-weight: bold;font-size:18px;}td,td span {text-align:left !important;}td span:first-of-type:before {content:"\e944";font-family:gous;color:#c3232f;padding-right:5px;}td span:nth-of-type(2):before {content:"\e941";font-family:gous;color:#278bcb;padding-right:5px;}td:nth-of-type(1):before {content: "";}td:nth-of-type(3):before {content: "January";}td:nth-of-type(4):before {content: "February";}td:nth-of-type(5):before {content: "March";}td:nth-of-type(6):before {content: "April";}td:nth-of-type(7):before {content: "May";}td:nth-of-type(8):before {content: "June";}td:nth-of-type(9):before {content: "July";}td:nth-of-type(10):before {content: "August";}td:nth-of-type(11):before {content: "September";}td:nth-of-type(12):before {content: "October";}td:nth-of-type(13):before {content: "November";}td:nth-of-type(14):before {content: "December";}}</style>

</div><!--#hawaii-climate-table .wrapper-slim-->
	

	
	
	
	
				</div><!--columns-->
			</div><!--row-fluid-->
		</div><!--main-->
	</div><!--article-content-->

	</section><!--content-->	
	{!-- ================= END BODY MAIN CORE =================  --}	
	
	{/exp:stash:set}

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


<style>
	
	table{border:1px solid #eaeaea;border-radius120px;margin:10px 0;}
	tbody{border-radius:10px;}

	/* Alternate striping */
	tr:nth-of-type(odd) {
	  background: #f0f0f0;
	  border-radius: 5px;
	}

	th {
	  background: #444;
	  font-weight: bold;
	  color:#fff;
	  font-size:17px;
	}
	
	th:first-of-type {
		text-align:left;
		padding-left:10px;
	}

	td {width:3%;font-size:14px;text-align:center;color:#666;}
	td span:first-of-type {color:#333;}

	td:first-of-type {
		  width:15%;
		  font-weight:bold;
		  font-size:19px;
		  text-align:left;
		  padding-left:10px;
		  vertical-align: middle;
		  font-family:'Brother 1816 Printed','Proxima',sans-serif;
		}
	td em {font-style: normal !important;font-weight:400 !important;}
	
	@media only screen and (max-width: 980px) {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
			max-width:550px;
			margin:0 auto;
		}
		
		table{border:0;}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	    tr {
	      margin: 0 0 1rem 0;
	    }
	      
 		td.nosmall {
		  display:none;
		}
		  
		td:first-of-type {
		  width:90%;
		  text-align:center;
		  font-size:22px;
		  border-bottom:1px dotted #999;
		  margin:3px auto;
		  padding:10px;
		}
 
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
			width:90%;
			vertical-align: middle;
			margin:0 auto;
		}

		/* Alternate striping */
		tr:nth-of-type(odd) td {
		  border-bottom: 1px solid #ddd;
		}

		td:before {
			/* Act like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 20%;
			left: 20%;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
			font-weight: bold;
			font-size:18px;
		}

		td,td span {text-align:left !important;}
		td span:first-of-type:before {content:"\e944";font-family:gous;color:#c3232f;padding-right:5px;}
		td span:nth-of-type(2):before {content:"\e941";font-family:gous;color:#278bcb;padding-right:5px;}

		/*Label the data*/
		td:nth-of-type(1):before { content: ""; }
		td:nth-of-type(3):before { content: "January"; }
		td:nth-of-type(4):before { content: "February"; }
		td:nth-of-type(5):before { content: "March"; }
		td:nth-of-type(6):before { content: "April"; }
		td:nth-of-type(7):before { content: "May"; }
		td:nth-of-type(8):before { content: "June"; }
		td:nth-of-type(9):before { content: "July"; }
		td:nth-of-type(10):before { content: "August"; }
		td:nth-of-type(11):before { content: "September"; }
		td:nth-of-type(12):before { content: "October"; }
		td:nth-of-type(13):before { content: "November"; }
		td:nth-of-type(14):before { content: "December"; }
	}

</style>



	{/exp:stash:set}
	
	{!-- Set the Entry Title --}		
	{exp:stash:set name="{stash:entry_id}_meta_title" trim="yes"}
		Hawaii-Guide Tables | Hawaii-Guide
	{/exp:stash:set}
	
	{exp:stash:set name="{stash:entry_id}_canonical_url" trim="yes"}
		https://www.hawaii-guide.com{if segment_1}/{segment_1}{/if}{if segment_2}/{segment_2}{/if}{if segment_3}{segment_3}{/if}
	{/exp:stash:set}

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


	{/exp:stash:set}

{/exp:stash:parse}