/*
Theme Name: The Creech Theme
Author: klik digital
Author URI: http://www.klik.net.au
Description: Custom theme for The Creech.
License: Copyright klik digital 2016. Not to be used for any other purpose.

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media screen {

	/* ---------------- overall style ---------------- */
	
	body {
		font-family:'proxima-nova',arial,sans-serif;
		font-size:16px;
		line-height:140%;
		color:#333;
		background-color:#333;
	}
	
	.fullwidth {
		width:100%;
		max-width:1920px;
		margin:0 auto;
		background-color:#fff;
	}
	
	.fullwidth .maxwidth {
		margin:0 32px;
	}
	
	.fullwidth .maxwidth.small {
		margin:0 48px;
	}
	
	.fullwidth .maxwidth.medium {
		margin:0 48px;
	}
	
	.fullwidth .maxwidth.large {
		margin:0 48px;
	}
	
	h1,h2,h3,h4,h5,h6 {
		line-height:120%;
	}
	
	h1.caps,h2.caps,h3.caps,h4.caps,h5.caps {
		text-transform:uppercase;
		letter-spacing:0.1em;
	}
	
	h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child {
		margin-top:0;
	}
	
	h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child {
		margin-bottom:0;
	}
	
	p a {
		color:#333;
	}
	
	.button.large_outline {
		display:inline-block;
		height:32px;
		line-height:32px;
		padding:0 16px;
		color:#fff;
		border:2px solid #fff;
		font-size:14px;
		text-decoration:none;
		letter-spacing:0.2em;
		font-weight:700;
		transition:height 0.2s, line-height 0.2s, padding 0.2s, font-size 0.2s, letter-spacing 0.2s;
	}
	
	.button.large_outline.black {
		color:#333;
		border-color:#333;
	}
	
	/* ---------------- header ---------------- */
	
	#header {
		position:relative;
		background-color:#fff;
		z-index:900;
		box-shadow:0 0 16px rgba(0,0,0,0.2);
	}
	
	#header.open {
		
	}
	
	#header a {
		text-decoration:none;
	}
	
	#header .header_overlay {
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:rgba(51,51,51,0.9);
		z-index:0;
		opacity:0;
		visibility:hidden;
		transition:visibility 0s 0.2s, opacity 0.2s, transform 0s 0.2s;
	}
	
	#header.open .header_overlay {
		opacity:1;
		visibility:visible;
		transition:visibility 0s 0s, opacity 0.2s, transform 0.2s;
	}
	
	#header .header_top {
		position:relative;
		max-width:1920px;
		margin:0 auto;
		background-color:#fff;
		transition:background-color 0.2s;
		z-index:500;
	}
	
	#header.open .header_top {
		background-color:#333;
	}
	
	#header .header_top .maxwidth {
		
	}
	
	#header .header_top .table_div {
		display:table;
		width:100%;
	}
	
	#header .header_top .left {
		display:table-cell;
		height:72px;
		vertical-align:middle;
	}
	
	#header .header_top .right {
		display:none;
		height:auto;
		vertical-align:middle;
		text-align:right;
	}
	
	#header .header_top #nav_button {
		display:inline-block;
		vertical-align:middle;
		margin-right:16px;
	}
	
	#header .header_top #nav_button img {
		display:inline-block;
		vertical-align:middle;
		height:16px;
		width:auto;
	}
	
	#header .header_top #nav_button img.lines {
		display:inline;
	}
	
	#header.open .header_top #nav_button img.lines {
		display:none;
	}
	
	#header .header_top #nav_button img.close {
		display:none;
		height:20px;
	}
	
	#header.open .header_top #nav_button img.close {
		display:inline;
	}
	
	#header .header_top .logo {
		display:inline-block;
		vertical-align:middle;
	}
	
	#header .header_top .logo img {
		display:inline-block;
		vertical-align:middle;
		height:16px;
		width:auto;
	}
			
	#header.open .header_top .logo {
		display:none;
	}
	
	#header .header_top .book_now {
		display:inline-block;
		height:48px;
		line-height:48px;
		background-color:#333;
		color:#fff;
		padding:0 24px;
		text-transform:uppercase;
		font-weight:700;
		letter-spacing:0.2em;
	}
	
	#header.open .header_top .book_now {
		color:#333;
		background-color:#fff;
	}
	
	#header #nav {
		visibility:hidden;
		opacity:0;
		position:relative;
		background-color:#333;
		color:#fff;
		transform:translateY(-128px);
		transition:visibility 0s 0.2s, opacity 0.2s, transform 0s 0.2s;
		z-index:100;
		text-transform:uppercase;
	}
		
	#header.open #nav {
		visibility:visible;
		opacity:1;
		transform:none;
		transition:visibility 0s 0s, opacity 0.2s, transform 0.2s;
	}
		
	#header #nav .nav_absolute {
		position:absolute;
		height:0;
		padding:24px 0;
		background-color:#333;
		top:0;
		left:0;
		right:0;
		box-shadow:0;
		transition:height 0s 0.2s,box-shadow 0.2s;
		overflow:hidden;
	}
	
	#header.open #nav .nav_absolute {
		height:auto;
		transition:height 0s 0s,box-shadow 0.2s;
		overflow:hidden;
		box-shadow:0 32px 32px rgba(51,51,51,1);
	}
	
	#header #nav .nav_absolute.fixed {
		position:fixed;
		top:auto;
		bottom:0;
		left:0;
		right:0;
		max-width:1920px;
		margin:0 auto;
	}
	
	#header #nav a {
		color:#fff;
		letter-spacing:0.05em;
	}
	
	#header #nav h3 {
		margin:0 0 16px 0;
		font-size:24px;
		letter-spacing:0.1em;
	}
	
	#header #nav ul {
		padding:0;
		margin:0;
	}
	
	#header #nav ul li {
		list-style:none;
		font-size:16px;
	}
	
	#header #nav ul li a {
		text-decoration:none;
		color:#fff;
	}
	
	#header #nav .table_div > .left {
		padding-bottom:32px;
		margin-bottom:32px;
		border-bottom:1px solid #fff;
	}
	
	#header #nav .nav_logo {
		
	}
	
	#header #nav .nav_logo img {
		width:auto;
		height:64px;
		vertical-align:top;
	}
	
	#header #nav .top {
		padding-bottom:32px;
		margin-bottom:32px;
		border-bottom:1px solid #fff;
	}
	
	#header #nav .stay_list li {
		margin-bottom:32px;
	}
	
	#header #nav .stay_list a {
		display:block;
	}
	
	#header #nav .stay_list li:last-child {
		margin-bottom:0;
	}
	
	#header #nav .stay_list .thumbnail img {
		width:100%;
		max-width:100%;
		height:auto;
		vertical-align:top;
	}
	
	#header #nav .stay_list h4 {
		margin:12px 0 0 0;
		font-size:16px;
	}
	
	#header #nav .bot .column {
		margin-bottom:32px;
	}
	
	/* ---------------- footer ---------------- */
	
	#footer {
		background-color:#333;
		padding:48px 0;
		color:#fff;
	}
	
	#footer a {
		color:#fff;
		text-decoration:none;
	}
	
	#footer .left {
		margin-bottom:32px;
	}
	
	#footer .left .social {
		display:inline-block;
		margin-right:8px;
	}
	
	#footer .left .social img {
		height:32px;
		width:auto;
	}
	
	#footer .mid {
		display:none;
	}
	
	#footer .right {
		
	}
	
	#footer .right .phone {
		font-weight:700;
	}
	
	/* ---------------- home ---------------- */

	#scroll_hint {
		display:none;
		width:auto;
		height:40px;
		opacity:0;
	}

	#home_feature {
		position:relative;
		background-color:#ccc;
		height:300px;
		line-height:300px;
		overflow:hidden;
		background-image:url('images/home_feature_placeholder.jpg');
		background-size:cover;
		background-position:center center;
		text-align:center;
		color:#fff;
		z-index:500;
	}
	
	#home_feature video {
		display:none;
		position: absolute;
		left: 50%; 
		top: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		min-width: 100%; 
		min-height: 100%; 
		width: auto; 
		height: auto;
		z-index:100;
	}
	
	#home_feature .overlay {
		display:none;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-image:url('images/video_overlay.png');
		background-repeat:repeat;
		background-position:-2px -2px;
		z-index:200;
		opacity:0.2;
	}
	
	#home_feature .feature_content {
		position:relative;
		display:inline-block;
		line-height:120%;
		vertical-align:middle;
		z-index:500;
	}
	
	#home_feature .feature_content .feature_logo {
		margin-bottom:16px;
		transition:margin 0.2s;
	}
	
	#home_feature .feature_content .feature_logo img {
		height:96px;
		width:auto;
		transition:height 0.2s;
	}
	
	#home_feature .feature_content .feature_text {
		font-size:22px;
		letter-spacing:0.2em;
		font-weight:700;
		margin-bottom:16px;
		transition:margin 0.2s, font-size 0.2s, letter-spacing 0.2s;
	}
	
	#home_feature .feature_content .feature_text a {
		color:#fff;
		text-decoration:none;
	}
	
	#home_feature .feature_content .feature_buttons {
		
	}
	
	#home_feature .feature_content .feature_buttons a {
		display:inline-block;
		height:32px;
		line-height:32px;
		padding:0 16px;
		color:#fff;
		border:2px solid #fff;
		font-size:14px;
		text-decoration:none;
		letter-spacing:0.2em;
		font-weight:700;
		transition:height 0.2s, line-height 0.2s, padding 0.2s, font-size 0.2s, letter-spacing 0.2s;
	}
	
	#home_feature .feature_content .feature_buttons a:first-child {
		margin-right:8px;
	}
	
	#home_intro {
		padding:48px 0;
		text-transform:uppercase;
		text-align:center;
		line-height:180%;
		color:#666;
		letter-spacing:0.1em;
		font-weight:300;
	}
	
	#home_boxes {
		background-color:#eee;
	}
	
	#home_boxes {
		
	}
	
	#home_boxes .box_row {
		
	}
	
	#home_boxes .box_row .box {
		height:300px;
		line-height:300px;
		background-size:cover;
		background-position:center center;
		text-align:center;
		text-transform:uppercase;
		font-weight:700;
		letter-spacing:0.2em;
	}
	
	#home_boxes .box_row:first-child .box {
		background-color:#E9E2C8;
		color:#333;
	}
	
	#home_boxes .box_row:last-child .box {
		background-color:#B15D45;
		color:#fff;
	}
	
	#home_boxes .box_row:first-child .box:first-child {
		background-image:url('images/box_page_mobile.jpg');
	}
	
	#home_boxes .box_row:last-child .box:first-child {
		background-image:url('images/box_polo_mobile.jpg');
	}
	
	#home_boxes .box_row .box .middle {
		display:inline-block;
		line-height:140%;
		vertical-align:middle;
		margin:0 auto;
		width:256px;
	}
	
	#home_boxes .box_row .box h3 {
		margin:0 0 16px 0;
		font-size:16px;
		line-height:140%;
	}
	
	#home_boxes .box_row:last-child h3 {
		color:#fff;
	}
	
	#home_boxes .box_row .box a {
		color:#333;
		text-decoration:none;
	}
	
	#home_boxes .box_row .box .button {
		display:inline-block;
		height:32px;
		line-height:32px;
		padding:0 16px;
		border:2px solid #333;
		font-size:14px;
	}
	
	#home_boxes .box_row:last-child .box .button {
		border-color:#fff;
		color:#fff;
	}
	
	#home_play {
		height:300px;
		line-height:300px;
		background-image:url('images/fullwidth_fun_mobile.jpg');
		background-size:cover;
		background-position:center center;
		text-transform:uppercase;
		font-weight:700;
		letter-spacing:0.2em;
		text-align:center;
	}
	
	#home_play .middle {
		display:inline-block;
		vertical-align:middle;
		line-height:140%;
	}
	
	#home_play h3 {
		margin:0 0 16px 0;
		font-size:16px;
		line-height:140%;
		color:#fff;
	}
	
	#home_play .button {
		display:inline-block;
		height:32px;
		line-height:32px;
		padding:0 16px;
		border:2px solid #fff;
		font-size:14px;
		color:#fff;
		text-decoration:none;
	}
	
	#home_more {
		padding:64px 0;
		text-align:center;
		background-color:#f5f5f5;
	}
	
	#home_more .column {
		margin-bottom:64px;
	}
	
	#home_more .column:last-child {
		margin-bottom:0;
	}
	
	#home_more .column h4 {
		margin:0 0 12px 0;
		font-size:18px;
		text-transform:uppercase;
		letter-spacing:0.1em;
	}
	
	#home_more .column p {
		letter-spacing:0.05em;
		color:#666;
		font-size:14px;
		margin:0 0 24px 0;
		line-height:180%;
	}
	
	#home_more .column .small_button {
		display:inline-block;
		height:32px;
		line-height:32px;
		background-color:#333;
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:700;
		font-size:12px;
		padding:0 12px;
		letter-spacing:0.1em;
	}

	/* ---------------- back pages ---------------- */
	
	/* ---- basic content pages ---- */
	
	#page_content {
		padding:64px 0;
	}
	
	#page_content h1 {
		margin:0 0 32px 0;
		text-transform:uppercase;
	}
	
	/* ---- stay pages ---- */
	
	#page_feature {
		position:relative;
		height:300px;
		line-height:300px;
		background-image:url('images/feature_placeholder.jpg');
		background-size:cover;
		background-position:center center;
		text-align:center;
	}
	
	#page_feature.less_height {
		height:200px;
		line-height:200px;
	}
	
	#page_feature .overlay {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:rgba(51,51,51,0.5);
	}
	
	#page_feature .maxwidth {
		position:relative;
	}
	
	#page_feature .middle {
		display:inline-block;
		line-height:120%;
		vertical-align:middle;
	}
	
	#page_feature h1 {
		text-transform:uppercase;
		letter-spacing:0.2em;
		color:#fff;
	}
	
	#page_intro {
		padding:64px 0;
		letter-spacing:0.1em;
	}
	
	#page_intro .key_points {
		margin-bottom:32px;
	}
	
	#page_intro .key_points .point {
		display:block;
		line-height:110%;
		margin-bottom:8px;
		vertical-align:middle;
		font-weight:700;
		text-transform:uppercase;
		color:#666;
		font-size:14px;
	}
	
	#page_intro .key_points .point img {
		display:inline-block;
		vertical-align:middle;
		margin-right:8px;
		height:16px;
		width:auto;
	}
	
	#page_intro .intro_text {
		font-weight:300;
		font-size:14px;
		line-height:160%;
		letter-spacing:0.2em;
		text-transform:uppercase;
		color:#666;
	}
	
	#page_boxes {
		
	}
	
	#page_boxes .box {
		height:300px;
		line-height:300px;
		text-align:center;
	}
	
	#page_boxes .left {
		background-color:#ccc;
	}
	
	#page_boxes .slider {
		position:relative;
		height:100%;
	}
	
	#page_boxes .slider .slide {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-size:cover;
		background-position:center center;
	}
	
	#page_boxes .right {
		background-color:#333;
		height:auto;
		
	}
	
	#page_boxes .right .middle {
		margin:0 32px;
		line-height:140%;
		display:inline-block;
		vertical-align:middle;
		padding:32px 0;
	}
	
	#page_boxes .right h3 {
		font-weight:700;
		text-transform:uppercase;
		font-style:none;
		color:#fff;
		letter-spacing:0.2em;
		margin:0 0 32px 0;
	}
	
	#page_boxes .right .gallery_text {
		font-style:italic;
		letter-spacing:0.1em;
		color:#ccc;
	}
	
	#page_boxes .right .button {
		margin-top:32px;
	}
	
	#page_boxes .right .button a {
		display:inline-block;
		height:32px;
		line-height:32px;
		padding:0 16px;
		color:#fff;
		border:2px solid #fff;
		text-decoration:none;
		letter-spacing:0.2em;
		font-weight:700;
		font-size:14px;
		text-transform:uppercase;
	}
	
	#book {
		padding:64px 0;
	}
	
	#book h1 {
		text-transform:uppercase;
		letter-spacing:0.2em;
		margin:0 0 16px 0;
		text-align:center;
	}
	
	#book h4 {
		text-transform:uppercase;
		letter-spacing:0.2em;
		font-weight:300;
		color:#666;
		margin:0 0 32px 0;
		text-align:center;
	}
	
	#book form {
		
	}
	
	#book form * {
		box-sizing:border-box;
	}
	
	#book form .form_row {
		margin-bottom:24px;
	}
	
	#book form label {
		display:block;
		font-size:14px;
		text-transform:uppercase;
		color:#666;
		margin-bottom:4px;
	}
	
	#book form input[type='text'] {
		width:100%;
		border:2px solid #ccc;
		height:48px;
		line-height:48px;
		padding:0 12px;
	}
	
	#book form input[type='text']:focus {
		border-color:#666;
	}
	
	#book form input[type='submit'] {
		height:48px;
		width:100%;
		background-color:#666;
		color:#fff;
		text-transform:uppercase;
		border:none;
		cursor:pointer;
		font-weight:700;
		letter-spacing:0.1em;
		font-size:14px;
	}
	
	#book .dropdown  {
		display:block;
		position:relative;
		text-transform:uppercase;
	}
	
	#book .dropdown a {
		color:#444;
		text-decoration:none;
	}
	
	#book .dropdown .button {
		display:block;
		position:relative;
		height:48px;
		line-height:48px;
		background-color:#f5f5f5;
		padding:0 16px;
		font-weight:700;
		z-index:400;
	}
	
	#book .dropdown ul {
		visibility:hidden;
		opacity:0;
		transform:translateY(-64px);
		position:absolute;
		padding:0;
		margin:0;
		top:48px;
		right:0;
		left:0;
		background-color:#f5f5f5;
		transition:visibility 0s 2s, opacity 0.2s, transform 0.2s;
		z-index:200;
	}
	
	#book .dropdown.open ul {
		visibility:visible;
		opacity:1;
		transform:translateY(0px);
		transition:visibility 0s 0s, opacity 0.2s, transform 0.2s;
	}
	
	#book .dropdown ul li {
		position:relative;
		list-style:none;
		display:block;	
		border-top:2px solid #fff;
		font-size:14px;
	}
	
	#book .dropdown ul li .option {
		position:relative;
		display:block;
		height:48px;
		line-height:48px;
		padding:0 16px;
		z-index:200;
	}
	
	#book .dropdown ul li .link {
		position:absolute;
		top:8px;
		right:8px;
		bottom:8px;
		color:#999;
		border:1px solid #ccc;
		z-index:300;
		height:32px;
		line-height:32px;
		padding:0 8px;
	}
			
	#book .booking_coming_soon {
		font-size:18px;
		text-align:center;
		line-height:160%;
		letter-spacing:0.05em;
		font-weight:300;
		max-width:512px;
	}	
	
	#book .booking_coming_soon a {
		display:inline-block;
	}
			
	/* ---- activity pages ---- */
	
	/* ---- jquery ui datepicker ---- */
	
	.ui-widget {
		font-family:'proxima-nova', sans-serif;
	}
	
	.ui-widget-content {
		border:1px solid #ddd;
	}
	
	.ui-corner-all {
		border-radius:0;
	}
	
	.ui-widget-header {
		background:linear-gradient(to bottom, #eee 0%,#fff 100%);
		color:#333;
		border:1px solid #fff;
	}
	
	.ui-state-default, 
	.ui-widget-content .ui-state-default, 
	.ui-widget-header .ui-state-default {
		background:linear-gradient(to bottom, #f5f5f5 0%,#fff 100%);
		border:1px solid #fff;
	}
	
	.ui-state-hover, 
	.ui-widget-content .ui-state-hover, 
	.ui-widget-header .ui-state-hover {
		border:1px solid #ccc;
		background:#ccc;
	}
	
	.ui-state-active, 
	.ui-widget-content .ui-state-active, 
	.ui-widget-header .ui-state-active {
		background:#333;
		color:#fff;
	}
	
	/* site map page */
	
	#gmap {
		height:250px;
	}
	
	/* list of stay/play items */
	
	#page_box_list {
		
	}
	
	#page_box_list .box {
		display:block;
		position:relative;
		background-color:#ccc;
		height:75vw;
		line-height:75vw;
		text-align:center;
		color:#fff;
		background-size:cover;
		background-position:center center;
	}
	
	#page_box_list .box:nth-child(2n) {
		background-color:#ddd;
	}
	
	#page_box_list .box .overlay {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:100;
		background-color:rgba(0,0,0,0.4);
	}
	
	#page_box_list .box .inner {
		position:relative;
		display:inline-block;
		line-height:120%;
		vertical-align:middle;
		padding:0 64px;
		z-index:200;
	}
	
	#page_box_list .box .inner h3 {
		text-transform:uppercase;
		letter-spacing:0.2em;
		margin-bottom:8px;
	}
	
	#page_box_list .box .inner .number_people {
		margin-bottom:16px;
		vertical-align:middle;
		text-transform:uppercase;
		font-weight:500;
	}
	
	#page_box_list .box .inner .number_people img {
		width:16px;
		height:16px;
		margin-right:4px;
		vertical-align:middle;
	}
	
	#page_box_list .box .inner .button {
		display:inline-block;
		height:32px;
		line-height:32px;
		padding:0 16px;
		border:2px solid #fff;
		font-size:14px;
		font-weight:700;
		text-transform:uppercase;
		text-decoration:none;
		color:#fff;
	}
	
	/* contact page */
	
	#contact_social {
		padding:64px 0;
		background-color:#eee;
	}
	
	#contact_social ul {
		padding:0;
		margin:0;
	}
	
	#contact_social ul li {
		list-style:none;
		margin-bottom:24px;
	}
	
	#contact_social ul li a {
		display:inline-block;
		height:32px;
		line-height:32px;
		color:#333;
		vertical-align:middle;
		text-decoration:none;
		font-weight:700;
	}
	
	#contact_social ul li a img {
		display:inline-block;
		width:32px;
		height:auto;
		margin-right:16px;
		vertical-align:middle;
	}
	
	#site_map img {
		width:100%;
		max-width:100%;
		height:auto;
		vertical-align:top;
	}
	
	form[id^='xyz_cfm'] {
		max-width:600px;
	}
	
	form[id^='xyz_cfm'] * {
		box-sizing:border-box;
	}
	
	form[id^='xyz_cfm'] .form_row {
		margin-bottom:24px;
	}
	
	form[id^='xyz_cfm'] label {
		display:block;
		font-size:14px;
		text-transform:uppercase;
		color:#666;
		margin-bottom:4px;
	}
	
	form[id^='xyz_cfm'] input[type='text'] {
		width:100%;
		border:2px solid #ccc;
		height:48px;
		line-height:48px;
		padding:0 12px;
	}
	
	form[id^='xyz_cfm'] textarea {
		width:100%;
		min-height:128px;
		border:2px solid #ccc;
		padding:12px;
	}
	
	form[id^='xyz_cfm'] input[type='text']:focus {
		border-color:#666;
	}
	
	form[id^='xyz_cfm'] textarea:focus {
		border-color:#666;
	}
	
	form[id^='xyz_cfm'] input[type='submit'] {
		height:48px;
		width:100%;
		background-color:#666;
		color:#fff;
		text-transform:uppercase;
		border:none;
		cursor:pointer;
		font-weight:700;
		letter-spacing:0.1em;
		font-size:14px;
	}
	
	#explore_svg {
		display:block;
		width:100%;
		height:auto;
		max-width:100%;
		vertical-align:top;
	}
	
	#explore_svg .st0 {
		fill:#333333;
	}

	#explore_svg .st1 {
		fill:#FFFFFF;
	}
	
	#explore_svg .place_label {
		opacity:1;
		transition:opacity 0.2s;
		cursor:pointer;
	}
	
	#directions h3 {
		text-transform:uppercase;
		letter-spacing:0.1em;
	}
	
	#directions h4 {
		text-transform:uppercase;
		letter-spacing:0.1em;
		font-weight:500;
	}
	
	#directions .controls {
		padding:32px 0;
		background-color:#fff;
	}
	
	#directions .route_buttons {
		
	}
	
	#directions .route_buttons a {
		display:block;
		height:48px;
		line-height:48px;
		padding:0 16px;
		border:1px solid #444;
		color:#444;
		margin-bottom:8px;
		text-decoration:none;
	}
		
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 480px) {

	#header #nav .stay_list li {
		float:left;
		width:48%;
		margin-right:4%;
	}
	
	#header #nav .stay_list li:nth-child(2n) {
		margin-right:0;
	}
	
	#header #nav .top {
		padding-bottom:0;
	}
	
	#header #nav .bot .column {
		display:inline-block;
		width:44%;
		margin-right:4%;
		vertical-align:top;
		max-width:256px;
	}
	
	#header #nav .bot .column:nth-child(2n) {
		margin-right:0;
	}

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 768px) {

	/* ---------------- overall style ---------------- */
	
	.fullwidth .maxwidth.small {
		max-width:600px;
		margin:0 auto;
	}
	
	.fullwidth .maxwidth.medium {
		margin:0 96px;
	}
	
	.fullwidth .maxwidth.large {
		margin:0 96px;
	}
	
	.button.large_outline {
		height:48px;
		line-height:48px;
		padding:0 24px;
		font-size:16px;
		letter-spacing:0.3em;
	}
	
	/* ---------------- header ---------------- */
	
	#header {
		
	}
	
	#header .header_top {
		
	}
	
	#header .header_top .left {
		height:96px;
	}
	
	#header .header_top .right {
		display:table-cell;
	}
	
	#header .header_top #nav_button {
		margin-right:32px;
	}
	
	#header .header_top #nav_button img {
		height:18px;
	}
	
	#header .header_top #nav_button img.close {
		height:22px;
	}
	
	#header .header_top .logo img {
		height:18px;
	}
	
	#header #nav {
	}
	
	#header #nav .nav_absolute {
		padding:32px 0;
	}
	
	#header #nav .nav_top {
		padding-bottom:32px;
		margin-bottom:32px;
		border-bottom:2px solid #666;
	}
	
	#header #nav .stay_list li {
		width:22%;
		margin-right:4%;
	}
	
	#header #nav .stay_list li:nth-child(2n) {
		margin-right:4%;
	}
	
	#header #nav .stay_list li:nth-child(4n) {
		margin-right:0;
	}
	
	/* ---------------- footer ---------------- */
	
	#footer {
		padding:64px 0;
	}
	
	#footer .table_div {
		display:table;
		width:100%;
	}
	
	#footer .table_div .left {
		display:table-cell;
		text-align:left;
		vertical-align:middle;
		width:33.333%;
		margin:0;
	}
	
	#footer .table_div .mid {
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		width:33.333%;
		margin:0;
	}
	
	#footer .table_div .right {
		display:table-cell;
		text-align:right;
		vertical-align:middle;
		width:33.333%;
		margin:0;
	}

	/* ---------------- home ---------------- */
	
	#home_feature {
		height:400px;
		line-height:400px;
	}
	
	#home_feature video {
		display:block;
	}
	
	#home_feature .overlay {
		display:block;
	}
	
	#home_feature .feature_content {
		position:relative;
		display:inline-block;
		line-height:120%;
		vertical-align:middle;
		z-index:500;
	}
	
	#home_feature .feature_content .feature_logo {
		margin-bottom:32px;
	}
	
	#home_feature .feature_content .feature_logo img {
		
	}
	
	#home_feature .feature_content .feature_text {
		font-size:32px;
		margin-bottom:32px;
		letter-spacing:0.5em;
	}
	
	#home_feature .feature_content .feature_buttons {
		
	}
	
	#home_feature .feature_content .feature_buttons a {
		height:48px;
		line-height:48px;
		padding:0 24px;
		font-size:16px;
		letter-spacing:0.5em;
	}
	
	#home_intro {
		padding:96px 0;
		font-size:18px;
	}
	
	#home_boxes .box_row .box {
		height:500px;
		line-height:500px;
	}
	
	#home_boxes .box_row:first-child .box:first-child {
		background-image:url('images/box_stay.jpg');
	}
	
	#home_boxes .box_row:last-child .box:first-child {
		background-image:url('images/box_polo.jpg');
	}
	
	#home_boxes .box_row .box .middle {
		width:512px;
	}
	
	#home_boxes .box_row .box h3 {
		font-size:24px;
	}
	
	#home_play {
		height:500px;
		line-height:500px;
	}
	
	#home_play .middle {
		width:512px;
	}
	
	#home_play h3 {
		font-size:24px;
	}
	
	#home_play {
		background-image:url('images/fullwidth_fun.jpg');
	}
	
	#home_more {
		padding:96px 0;
	}
	
	#home_more .maxwidth {
		
	}
	
	#home_more .maxwidth .column {
		display:inline-block;
		width:250px;
	}
	
	#home_more .maxwidth .column:nth-child(2n-1) {
		margin-right:64px;
	}
	
	#home_more .maxwidth .column {
		margin-bottom:0;
	}
	
	#home_more .maxwidth .column:nth-child(-n+2) {
		margin-bottom:64px;
	}
		
	/* ---------------- back pages ---------------- */
	
	/* ---- basic content pages ---- */
	
	/* ---- stay pages ---- */
	
	#page_feature {
		height:400px;
		line-height:400px;
	}
	
	#page_feature.less_height {
		height:300px;
		line-height:300px;
	}
	
	#page_feature h1 {
		font-size:40px;
		margin-bottom:32px;
	}
	
	#page_intro {
		text-align:center;
		padding:96px 0;
	}
	
	#page_intro .key_points {
		
	}
	
	#page_intro .key_points .point {
		display:inline-block;
		margin-right:24px;
	}
	
	#page_intro .intro_text {
		font-size:18px;
		line-height:180%;
	}
	
	#page_boxes .box {
		display:block;
		float:left;
		width:50%;
		height:350px;
		line-height:350px;
	}
	
	#page_boxes .right {
		
	}
	
	#page_boxes .right .middle {
		margin:0 64px;
	}
	
	#book {
		padding:96px 0;
	}
	
	#book h1 {
		font-size:40px;
	}
	
	#book h4 {
		margin-bottom:64px;
	}
	
	/* ---- activity pages ---- */
	
	/* site map page */
	
	#gmap {
		height:400px;
	}
	
	/* list of stay/play items */
	
	#page_box_list .box {
		width:50%;
		height:40vw;
		line-height:40vw;
		float:left;
	}
	
	#page_box_list .box .inner h3 {
		margin-bottom:16px;
	}
	
	#page_box_list .box .inner .number_people {
		margin-bottom:24px;
	}
	
	/* ---- map page ---- */
	
	#directions .controls {
		padding:48px 0;
	}
	
	#directions .route_buttons a {
		display:inline-block;
		margin-right:4px;
	}

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1024px) {

	/* ---------------- overall style ---------------- */
	
	.fullwidth .maxwidth.medium {
		max-width:832px;
		margin:0 auto;
	}
	
	.fullwidth .maxwidth.large {
		max-width:832px;
		margin:0 auto;
	}
	
	/* ---------------- header ---------------- */
	
	#home_feature {
		height:500px;
		line-height:500px;
	}
	
	#header #nav .table_div {
		display:table;
		margin:0 auto;
	}
	
	#header #nav .table_div > .left {
		display:table-cell;
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:0;
		border-right:1px solid #fff;
		padding-right:64px;
	}
	
	#header #nav .nav_logo img {
		height:96px;
	}
	
	#header #nav .table_div > .right {
		display:table-cell;
		padding-left:64px;
	}
	
	#header #nav .top {
		border:none;
	}
	
	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */
	
	#home_intro {
		padding:128px 0;
		font-size:18px;
	}
	
	#home_boxes .box_row:before, #home_boxes .box_row:after {
		display:table;
		content:' ';
		clear:both;
	}
	
	#home_boxes .box_row .box {
		width:50%;
		float:left;
	}
	
	#home_boxes .box_row:first-child .box:first-child {
		float:right;
	}
	
	#home_boxes .box_row .box .middle {
		width:320px;
	}
	
	#home_more {
		padding:128px 0;
	}
	
	/* ---------------- back pages ---------------- */
	
	/* ---- basic content pages ---- */
	
	/* ---- stay pages ---- */
	
	#page_feature {
		height:500px;
		line-height:500px;
	}
	
	#page_feature.less_height {
		height:400px;
		line-height:400px;
	}
	
	#page_intro {
		padding:128px 0;
	}
	
	#page_intro .key_points {
		margin-bottom:64px;
	}
	
	#page_boxes .box {
		height:450px;
		line-height:450px;
	}
	
	#page_boxes .right {
		font-size:18px;
	}
	
	#page_boxes .right .middle {
		margin:0 96px;
	}
	
	#book {
		padding:128px 0;
	}
	
	/* list of stay/play items */
	
	#page_box_list .box .inner h3 {
		font-size:22px;
	}

}
	
/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1280px) {	

	

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1366px) {

	/* ---------------- overall style ---------------- */
	
	.fullwidth .maxwidth {
		margin:0 64px;
	}
	
	.fullwidth .maxwidth.large {
		max-width:1152px;
	}
	
	.button.large_outline {
		transition:background-color 0.2s, color 0.2s;
	}
	
	.button.large_outline:hover {
		background-color:#fff;
		color:#333;
	}
	
	.button.large_outline.black:hover {
		background-color:#333;
		color:#fff;
	}
	
	/* ---------------- header ---------------- */
	
	#header_spacer {
		height:128px;
	}
	
	#header {
		position:fixed;
		top:0;
		right:0;
		left:0;
	}
	
	#header .header_top {
		
	}
	
	#header .header_top .left {
		height:128px;
	}
	
	#header .header_top .book_now {
		transition:background-color 0.2s, color 0.2s;
	}
	
	#header .header_top .book_now:hover {
		background-color:#444;
	}
	
	#header.open .header_top .book_now:hover {
		background-color:#eee;
	}
		
	#header #nav {
		
	}
	
	#header #nav .nav_absolute {
		padding:32px 0 64px 0;
	}
	
	#header #nav ul li {
		font-size:16px;
	}
	
	#header #nav ul li a {
		transition:color 0.2s;
		color:#eee;
	}
	
	#header #nav ul li a:hover {
		color:#fff;
	}
	
	#header #nav h3 a:hover {
		text-decoration:underline;
	}
	
	#header #nav .stay_list .thumbnail {
		position:relative;
	}
	
	#header #nav .stay_list .thumbnail img {
		position:relative;
		z-index:1;
	}
	
	#header #nav .stay_list .thumbnail .overlay {
		display:block;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:2;
		background-color:#fff;
		opacity:0;
		transition:opacity 0.1s;
	}
	
	#header #nav .top .stay_list a:hover .thumbnail .overlay {
		opacity:0.1;
	}
	
	#header #nav .bot a:hover {
		text-decoration:underline;
	}
	
	/* ---------------- footer ---------------- */
	
	
	
	/* ---------------- home ---------------- */
	
	#scroll_hint {
		display:inline-block;
		position:absolute;
		left:50%;
		margin-left:-40px;
		bottom:-96px;
		opacity:0;
		animation-name: scroll_hint;
		animation-duration: 5s;
		animation-iteration-count: 1;
		-webkit-animation-name: scroll_hint;
		-webkit-animation-duration: 5s;
		-webkit-animation-iteration-count: 1;
		-moz-animation-name: scroll_hint;
		-moz-animation-duration: 5s;
		-moz-animation-iteration-count:1;
	}
	
	#home_feature {
		height:600px;
		line-height:600px;
	}
	
	#home_feature .feature_content {
		position:relative;
		display:inline-block;
		line-height:120%;
		vertical-align:middle;
		z-index:500;
	}
	
	#home_feature .feature_content .feature_logo {
		margin-bottom:64px;
	}
	
	#home_feature .feature_content .feature_logo img {
		height:160px;
	}
	
	#home_feature .feature_content .feature_text {
		font-size:40px;
		margin-bottom:64px;
	}
	
	#home_feature .feature_content .feature_text a:hover {
		
	}
	
	#home_feature .feature_content .feature_buttons {
		
	}
	
	#home_feature .feature_content .feature_buttons a {
		padding:0 32px;
		transition:background-color 0.2s, color 0.2s;
	}
	
	#home_feature .feature_content .feature_buttons a:hover {
		background-color:#fff;
		color:#333;
	}
	
	#home_feature .feature_content .feature_buttons a:first-child {
		margin-right:32px;
	}
	
	#home_intro {
		padding:144px 0;
		font-size:20px;
	}
	
	#home_boxes .box_row .box {
		height:600px;
		line-height:600px;
	}
	
	#home_boxes .box_row .box .middle {
		width:448px;
	}
	
	#home_boxes .box_row .box .button:hover {
		transition:color 0.2s, background-color 0.2s;
	}
	
	#home_boxes .box_row:first-child .box .button:hover {
		color:#E9E2C8;
		background-color:#333;
	}
	
	#home_boxes .box_row:last-child .box .button:hover {
		color:#B15D45;
		background-color:#fff;
	}
	
	#home_play {
		height:600px;
		line-height:600px;
	}
	
	#home_play .button:hover {
		color:#333;
		background-color:#fff;
		transition:color 0.2s, background-color 0.2s;
	}
	
	#home_more {
		padding:160px 0;
	}
	
	#home_more .column .small_button {
		transition:background-color 0.2s;
	}
	
	#home_more .column .small_button:hover {
		background-color:#666;
	}
	
	#home_more .maxwidth {
		
	}
	
	#home_more .maxwidth .column {
		display:inline-block;
		width:236px;
		margin-right:64px;
		margin-bottom:0;
	}
	
	#home_more .maxwidth .column:nth-child(2n-1){
		margin-right:64px;
	}
	
	#home_more .maxwidth .column:last-child{
		margin-right:0;
	}
	
	#home_more .maxwidth .column:nth-child(-n+2) {
		margin-bottom:0;
	}
		
	/* ---------------- back pages ---------------- */
	
	/* ---- basic content pages ---- */
	
	/* ---- stay pages ---- */
	
	#page_feature {
		height:600px;
		line-height:600px;
	}
	
	#page_feature.less_height {
		height:500px;
		line-height:500px;
	}
	
	#page_feature h1 {
		font-size:48px;
	}
	
	#page_intro {
		padding:160px 0;
	}
	
	#page_intro .intro_text {
		line-height:200%;
	}
	
	#page_boxes .box {
		height:600px;
		line-height:600px;
	}
	
	#page_boxes .right {
		font-size:20px;
	}
	
	#page_boxes .right .middle {
		margin:0 128px;
	}
	
	#book form input[type='submit'] {
		transition:background-color 0.2s;
	}
	
	#book form input[type='submit']:hover {
		background-color:#999;
	}
	
	#book {
		padding:160px 0;
	}
	
	#book h1 {
		font-size:48px;
	}
	
	/* ---- activity pages ---- */
	
	/* ---- activity pages ---- */
	
	#gmap {
		height:500px;
	}
	
	/* list of stay/play items */
	
	#page_box_list .box .inner .button {
		transition:background-color 0.2s, color 0.2s;
	}
	
	#page_box_list .box .inner .button:hover {
		background-color:#fff;
		color:#444;
	}
	
	#page_box_list .box .inner h3 {
		font-size:28px;
		margin-bottom:32px;
	}
	
	#page_box_list .box .inner .number_people {
		margin-bottom:32px;
	}
	
	#page_box_list a.box .overlay {
		transition:background-color 0.1s;
	}
	
	#page_box_list a.box:hover .overlay {
		background-color:rgba(0,0,0,0.2);
	}
	
	#book .dropdown ul li .link {
		transition:background-color 0.2s,color 0.2s, border-color 0.2s;
	}
	
	#book .dropdown ul li .link:hover {
		background-color:#333;
		color:#fff;
		border-color:#333;
	}
	
	#explore_svg .place_label {
		opacity:0.75;
	}
	
	#explore_svg .place_label:hover {
		opacity:1;
		animation-name: bob;
		animation-duration: 0.7s;
		animation-iteration-count: infinite;
		-webkit-animation-name: bob;
		-webkit-animation-duration: 0.7s;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: bob;
		-moz-animation-duration: 0.7s;
		-moz-animation-iteration-count:infinite;
	}
	
	/* ---- map page ---- */
	
	#directions .controls {
		padding:64px 0;
	}

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1600px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */
	
	#header .header_top {
		
	}
	
	#header .header_top .left {
		
	}
	
	#header #nav {
		
	}
	
	#header #nav ul li {
		font-size:18px;
	}
	
	#header #nav .nav_absolute {
		padding:64px 0;
	}
	
	#header #nav .nav_bot ul li a .thumbnail {
		height:128px;
	}
	
	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */
	
	#home_feature {
		height:700px;
		line-height:700px;
	}
	
	#home_intro {
		padding:192px 0;
		font-size:22px;
	}
	
	#home_boxes .box_row .box {
		height:700px;
		line-height:700px;
	}
	
	#home_play {
		height:700px;
		line-height:700px;
	}
	
	/* ---------------- back pages ---------------- */
	
	/* ---- basic content pages ---- */
	
	/* ---- stay pages ---- */
	
	#page_feature {
		height:700px;
		line-height:700px;
	}
	
	#page_intro {
		padding:192px 0;
	}
	
	#page_boxes .box {
		height:650px;
		line-height:650px;
	}
	
	/* ---- activity pages ---- */
	
	/* ---- activity pages ---- */
	
	#gmap {
		height:600px;
	}
	
	/* ---- map page ---- */
	
	#directions .controls {
		padding:96px 0;
	}

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1900px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */
	
	#home_feature {
		height:800px;
		line-height:800px;
	}
	
	#home_intro {
		padding:224px 0;
	}
	
	/* ---------------- back pages ---------------- */
	
	/* ---- basic content pages ---- */
	
	/* ---- stay pages ---- */
	
	#page_boxes .box {
		height:700px;
		line-height:700px;
	}
	
	/* ---- activity pages ---- */

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (max-width: 768px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */

	/* ---------------- back pages ---------------- */
	
	/* ---- basic content pages ---- */
	
	/* ---- stay pages ---- */
	
	/* ---- activity pages ---- */

}

.clearfix:before,
.clearfix:after {
	display:table;
	content:'';
	clear:both;
}

@keyframes bob {
	0% {
		transform:translateY(0px);
  	}
  	50% {
		transform:translateY(-4px);
  	}
  	100% {
		transform:translateY(0px);
  	}
}

@keyframes scroll_hint {
	0% {
		opacity:0;
		transform:translateY(-8px);
	}
	15% {
		opacity:1;
		transform:translateY(0px);
	}
	85% {
		opacity:1;
		transform:translateY(0px);
	}
	100% {
		opacity:0;
		transform:translateY(8px);
	}
}