/*
THEME NAME: Kayak Kauai 
THEME URI: https://deliciousdesign.com/
VERSION: 2.0
AUTHOR: Delicious Design
AUTHOR URI:
*/

/* -------------------------------------------------------------------------- RESET --- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}  table {border-collapse: separate; border-spacing: 0;}  caption, th, td { text-align: left; font-weight: normal; }  table, td, th { vertical-align: middle; }  blockquote:before, blockquote:after, q:before, q:after { content: ""; }  blockquote, q { quotes: "" ""; }  a img { border: none; } 
a:active, a:focus { outline: none; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:none; }
textarea, select, input, progress, input[type=submit], input[type=button] { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }


/* ------------------------------------------------------------------------ GLOBALS --- */
:root {
	--kka-blue-dark: #004070; 
		--headline-color: #004070;
	--kka-blue-black: #002945; 
	--kka-blue: #2677B1; 
	--kka-teal: #6CC8CE; 
	--kka-hiking-teal: #009CAA; 
	--kka-shell-green: #00897F; 
	--kka-orange: #FCB33F;
	--kka-yellow: #FFE663;
	--kka-white: #ffffff;
	--kka-grey: #8797a3;
	--kka-grey-lightest: #e7e6e6;

	--main-bg-color: #ffffff;
	--type-color-dark: #000000;
	
		--link-color: #0036af;
		--link-color-hover: #8000af;
	
	--main-radius: 4px;
	--button-radius: 2px;

	}
.red { color:red; }


/* --------------------------------------------------------------------------- BODY --- */
html {
	font-size: 18px;
	line-height:1;
	text-align: left;
	font-family: "davis-sans", sans-serif;
	font-weight: 300;
	font-style: normal;
	}
body {
	background: #000000;
	}
body, 
input,
textarea,
select {
	color: var(--type-color-dark);
	}
body.no-scroll {
	overflow: hidden;
	}

/* ------------------------------------------------------------------------- COLORS --- */
a {
	transition: all .3s;
	cursor:pointer;
	}
a:link, 
a:visited {
	color: var(--link-color);
	text-decoration:none;
	}
a:hover, 
a:active {
	color: var(--link-color-hover);
	}
div.faq_body a:link, 
div.faq_body a:visited {
	text-decoration:underline;
	}
div#footer a:link, 
div#footer a:visited {
	color: var(--kka-teal);
	text-decoration:none;
	}
div#footer a:hover, 
div#footer a:active {
	color: var(--kka-orange);
	}
div#super_header a:link, 
div#super_header a:visited {
	color:var(--kka-white);
	}
div#super_header a:hover, 
div#super_header a:active {
	color:var(--kka-orange);
	}
.headlines, h1, h2, h3, h4, h5, h6 {
	color: var(--headline-color);
	font-family: "fp-dancer-serif", sans-serif;
	font-weight: 900; /* 400 900 */
	font-style: normal;	
	}
blockquote {
	background-color:DimGray;
	color:White;
	}
div#menu ul.menu li.menu-item a, 
div#menu ul.sub-menu li.menu-item a, 
div#menu ul.menu li.menu-item ul.sub-menu li.menu-item a {
	font-weight: 700;
	border-radius: var(--main-radius);
	color: var(--kka-blue-dark);
	}
div#menu ul.menu li.menu-item a:hover, 
div#menu ul.sub-menu li.menu-item a:hover, 
div#menu ul.menu li.menu-item ul.sub-menu li.menu-item a:hover {
	background-color: rgba(0,0,0,0.05);
	color: var(--kka-blue);
	cursor:pointer;
	}
div#header div#menu ul.menu li.current_page_item a,
div#header div#menu ul.menu li.current_page_item a:hover,
div#header div#menu ul.menu li.menu-item ul.sub-menu li.current_page_item a,
div#header div#menu ul.menu li.menu-item ul.sub-menu li.current_page_item a:hover,
div#header div#menu ul.menu li.current-menu-item a,
div#header div#menu ul.menu li.current-menu-item a:hover,
div#header div#menu ul.menu li.menu-item ul.sub-menu li.current-menu-item a,
div#header div#menu ul.menu li.menu-item ul.sub-menu li.current-menu-item a:hover {
	background-color: var(--kka-orange);
	color: var(--kka-white);
	cursor:default;
	}
div#header div#menu ul.menu li#menu-item-983 a,
div#header div#menu ul.menu li#menu-item-984 a,
div#header div#menu ul.menu li#menu-item-985 a {
	display:none;
	}


a#nav_toggle {
	color: var(--link-color);
	}
a#nav_toggle:hover {
	color: var(--link-color-hover);
	}
a.button i, 
input[type=submit] i,
input[type=button] i {
	padding: 0 8px 0 0;
	}

a.button, 
input[type=submit],
input[type=button] {
	display: inline-block;
	background-color: var(--kka-orange);
	color: var(--type-color-dark);
	border-radius:var(--button-radius);
	cursor:pointer;
	text-align:center;
	padding: 10px 25px 8px 25px;
	margin: 0 0 0 0;
	font-weight: 700;
	text-decoration: none;
	border:transparent;
	font-size: 0.9rem;
	line-height: 1;
	transition: all .2s;
	}
a.button:hover, 
input[type=submit]:hover,
input[type=button]:hover,
a.button.blue:hover {
	color: var(--type-color-dark);
	background-color: var(--kka-yellow);
	}
a.button.blue {
	background-color: var(--kka-blue-dark);
	color: var(--kka-white);
	}
/*
a.open_modal {
	border:3px solid red;
	}
*/
a.not_clickable {
	pointer-events: none; /* Prevents clicks */
	cursor: default; /* Default cursor */
	text-decoration: none; /* Remove underline */
	color: inherit; /* Optional: Inherit text color */
	}
/* --------------------------------------------------------------------- TYPOGRAPHY --- */
body,
input[type=text], 
input[type=email],
input[type=tel],
textarea,
.davis_light { 
	font-family: "davis-sans", sans-serif;
	font-weight: 300;
	font-style: normal;
	}
.davis_bold { 
	font-family: "davis-sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	}

div#blog-description {
	margin:0 0 0 2px;
	font-size:0.9rem;
	}
h1 {
	font-size:2.3rem;
	line-height:1.0em;
	margin: 0 0 1.0rem 0;
	}
h1#home_title,
h1.entry_title {
	font-size: 2.8rem;
	margin: -36px 0 0px 0;
	color: var(--kka-white);
	text-shadow: 5px 5px 15px #000;
	}
h1#home_title {
	margin: -30px 0 20px 0;
	}
div#home_subhead {
	color: var(--kka-white);
	font-weight: 300;
	font-size:1.3rem;
	line-height:1;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	}
h1#blog_title {
	display:block;
	position:fixed;
	top:-1000px;
	left:0px;
	}
h2 {
	font-size:1.4rem;
	line-height:1.1rem;
	margin: 0 0 1.0rem 0;
	}
h3 {
	font-size:1.3rem;
	line-height:1.3rem;
	margin: 0 0 1.0rem 0;
	}
h4 {
	font-size:0.95rem;
	line-height:1.1rem;
	text-transform: uppercase;
	margin: 0 0 1.0rem 0;
	}
h5{
	font-size:0.95rem;
	line-height:1.1rem;
	margin: 0 0 1.0rem 0;
	}

h2.banner_header {
	font-size: 1.05rem;
	line-height: 1.3em;
	letter-spacing: 1px;
	margin: 0 auto 30px auto;
	text-align: center;
	text-transform: uppercase;
	}
h2.banner_header.white {
	color: var(--kka-white);
	}
h2.section_header {
	font-size: 1.15rem;
	line-height: 1.2em;
	letter-spacing: 1px;
	margin: 0 auto 30px auto;
	text-align: center;
	text-transform: uppercase;
	}
.home h2.section_header {
	margin-top:80px;
	}
h2.cards_header {
	color: var(--kka-white);
	font-size: 1.05rem;
	line-height: 1.3em;
	letter-spacing: 0px;
	margin: 0 0 10px 0;
	}
h2.thumbnail_header {
	color: var(--kka-blue-dark);
	font-size: 1.5rem;
	line-height: 1.1em;
	letter-spacing: 0px;
	margin: 0 0 10px 0;
	}
h2.thumbnail_header a {
	color: var(--kka-blue-dark);
	border-bottom: 1px dotted rgba(255,255,255,0.0);
	}
h2.thumbnail_header a:hover {
	border-bottom: 1px dotted var(--kka-blue-dark);
	}
p {
	font-size: 1.0rem;
	line-height: 1.4rem;
	display:block;
	margin: 0 0 0.5rem 0;s
	}
ul li, 
ol li {
	font-size: 1.0rem;
	line-height: 1.4;
	margin-bottom:4px;
	}
ul {
	display:block;
	margin-left:30px;
	margin-bottom:0.85rem;
	}
ol {
	display:block;
	margin-left:33px;
	margin-bottom:0.85rem;
	}
blockquote {
	font-size:1.28rem;
	line-height:1.4rem;
	display:block;
	float:right;
	width:200px;
	opacity:0.5;
	padding:12px 8px 2px 13px;
	margin:0 0 10px 14px;
	}	
em, 
i {
	font-style: italic;
	}
strong, 
b {
	font-weight: 700;
	}
hr {
	border: none; /* Remove default borders */
	border-top: 1px dotted var(--kka-hiking-teal); /* Apply custom border style */
	margin: 20px 0; /* Adjust spacing as needed */
	height: 0; /* Ensure no additional height */
	}
table.tour_attributes hr {
	margin: 6px 0; /* Adjust spacing as needed */
	}

/* ---------------------------------------------------------------------- STRUCTURE --- */
div#header {
	position:fixed;
	box-sizing:border-box;
	top:0px;
	left:0px;
	width:100%;
	height: 70px;
	padding: 0 0 0 0;
	box-shadow: 0 0 6px rgba(0,0,0,0.4);
	background-color: var(--kka-white);
	z-index:15;
	}
div#super_header {
	background-color: var(--kka-blue-dark);
	height:22px;
	}
div#super_header a {
	display:block;
	font-size: 0.80rem;
	line-height: 1;
	margin: 4px 10px 4px 10px;
	font-weight: 700;
	text-transform:uppercase;
	}
div#logo {
	position: absolute;
	width:150px;
	height:150px;
	top:-32px;
	left:0px;
	}
div#logo a img {
	transition: transform 0.5s ease-in-out;
	}
div#logo:hover a img {
	transform: scale(1.05);
	}
div#billboard {
	box-sizing:border-box;
	position:fixed;
	margin-top:70px;
	top:0px;
	left:0px;
	width:100%;
	height: 440px;
	background: #fff;
	z-index: -1;
	overflow:hidden;
	transition: height .5s;
	}
div#billboard img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: center center;
	transition: transform 6s ease-out;
	}
div#billboard.large {
	height: 690px;
	width:100%;
	overflow:hidden;
	}
div#billboard.medium {
	height: 610px;
	width:100%;
	overflow:hidden;
	}
div#billboard.medium.simple_page {
	height: 308px;
	}

div.billboard_content {
	text-align: center;
	padding: 20px 0 40px 0;
	}
div#billboard div.bb_icon {
	position:absolute; 
	height:120%; 
	bottom:-10%; 
	left:0px; 
	opacity:0.4;
	}
div#wrapper {
	width: 100%;
	/* max-width: 960px; */
	padding: 53px 0 0 0;
	position:relative;
	/* background-color: var(--main-bg-color); */
	transition: padding .5s;
	}
.home div#wrapper { /* homepage */
	padding: 485px 0 0 0;
	}
div#wrapper { /* pages */
	padding: 300px 0 0 0;
	}
.single div#wrapper { /* tour singles */
	padding: 675px 0 0 0;
	}
.single.postid-186 div#wrapper, /* top level tours */
.single.postid-184 div#wrapper,
.single.postid-188 div#wrapper,
.single.postid-329 div#wrapper { 
	padding: 565px 0 0 0;
	}



div.container {
	box-sizing: border-box;
	width:100%;
/*	background-color: rgba(194,194,194,0.2); */
	margin: 0 auto;
	}
div.container_white {
	background:var(--kka-white);
	}
div.content {
	box-sizing: border-box;
	width:100%;
	padding: 0;
	margin: 0 auto;
/*	background-color: rgba(194,194,194,0.2); */
	transition: width .5s;
	}
div.min_float {
	position:relative;
	box-sizing: border-box;
	width:100%;
	max-width: 1000px;
	margin:0 auto;
	transition: width .5s;
	}
div.max_float {
	position:relative;
	box-sizing: border-box;
	width:100%;
	max-width: 1600px;
	margin:0 auto;
	transition: width .5s;
	}
div.ultra_float {
	box-sizing: border-box;
	position:relative;
	margin:0 auto;
	width:calc(100% - 160px);
	transition: width .5s;
	}
div.nice_gutter {
	padding: 0 60px;
	transition: padding .5s;
	}



div.post {
	}
div.entry_content {
	padding: 30px 0;
	}

/* ---------------------------------------------------------------------- TOUR GRID --- */
div#tour_grid {
	box-sizing: border-box;	
	position: relative;
	width:100%;
	padding: 20px 60px 30px 60px;
	background: var(--kka-white);
	}
div.one_tour_excerpt {
	box-sizing: border-box;
	position: relative;
	width: calc(100% - 60px);
	margin: 40px 30px;
	border-radius: var(--main-radius);
	}
div.one_tour_excerpt:nth-of-type(even) {
	flex-direction: row-reverse;
	}

a.activity_thumbnail {
	box-sizing: border-box;	
	width:54%;
	aspect-ratio: 621/414;
	overflow:hidden;
	cursor:pointer;
	background: var(--kka-blue);
	background: red;
	}
div.tour_river a.activity_thumbnail {
	background: var(--kka-blue-dark);
	}
div.tour_ocean a.activity_thumbnail {
	background: var(--kka-blue);
	}
div.tour_hiking a.activity_thumbnail {
	background: var(--kka-hiking-teal);
	}
div.tour_rentals a.activity_thumbnail {
	background: var(--kka-shell-green);
	}

a.activity_thumbnail img {
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0.2;
	filter:grayscale(100%);
	transition: transform 3.0s ease-in-out, filter .5s ease-in-out, opacity 1.0s ease-in-out;
	}
div.one_tour_excerpt:hover a.activity_thumbnail img {
	transform: scale(1.15);
	}
div.activity_excerpt {
	box-sizing: border-box;	
	position: relative;
	width:46%;
	}
div.excerpt_float {
	padding: 60px 20px 40px 20px;
	}
div.activity_excerpt p {
	margin: 0 0 18px 0;
	}
a.activity_category {
	position:absolute;
	box-sizing: border-box;
	top:-2px;
	left:-42px;
	color:var(--kka-white);
	text-transform:uppercase;
	border:2px solid var(--kka-white);
	width:calc(100% + 44px);
	cursor:pointer;
	}
div#tour_content a.activity_category {
	top:-23px;
	left:0px;
	width:100%;
	}

a.activity_category i {
	padding: 0 4px 0 4px;
	}
a.activity_category i.fa-grip-lines-vertical {
	opacity:0.3;
	}
div.one_tour_excerpt:nth-of-type(even) a.activity_category {
	top:-2px;
	left:auto;
	right:-42px;
	flex-direction: row-reverse;
	}
a.activity_category:hover,
div#tour_content a.activity_category:hover {
	color:var(--kka-yellow);
	}

a.activity_category div.single_icon {
	height:40px;
	aspect-ratio: 1/1;
	}
a.activity_category div.single_icon img {
	width:100%;
	height:auto;
	}
div.category_link {
	padding: 12px 15px 10px 15px; 
	text-align:left;
	width:100%;
	font-size: 0.9rem;
	line-height: 1;
	}
div.tour_river div.activity_excerpt,
div.tour_river div#at_a_glance,
div.tour_river div.faq_body {
	background: #e5ecf1;
	}
div.tour_ocean div.activity_excerpt,
div.tour_ocean div#at_a_glance,
div.tour_ocean div.faq_body {
	background: #e9f1f7;
	}
div.tour_hiking div.activity_excerpt,
div.tour_hiking div#at_a_glance,
div.tour_hiking div.faq_body {
	background: #e5f5f6;
	}
div.tour_rentals div.activity_excerpt,
div.tour_rentals div#at_a_glance,
div.tour_rentals div.faq_body {
	background: #E3F0EF;
	}

div.tour_river a.activity_category {
	background: #00335a;
	}
div.tour_ocean a.activity_category {
	background: #1e5f8e;
	}
div.tour_hiking a.activity_category {
	background: #007d88;
	}
div.tour_rentals a.activity_category {
	background: #00665F;
	}

div.tour_river a.activity_category div.single_icon {
	background: var(--kka-blue-dark);
	}
div.tour_ocean a.activity_category div.single_icon {
	background: var(--kka-blue);
	}
div.tour_hiking a.activity_category div.single_icon {
	background: var(--kka-hiking-teal);
	}
div.tour_rentals a.activity_category div.single_icon {
	background: var(--kka-shell-green);
	}


table.tour_attributes {
	margin: 0px 0 13px 0;
	font-size: 0.85rem;
	}
table.tour_attributes td {
	padding: 0 12px 10px 0;
	vertical-align: top;
	line-height: 1.2em;
	}
td.attribute_name {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9em;
	white-space: nowrap;
	}
tr.tour_time_tr td {
	padding-bottom: 16px;
	}
table.tour_attributes td ul {
	margin:0 0 0 14px;
	}
table.tour_attributes td ul li {
	margin:0;
	padding:0;
	font-size: 0.85rem;
	}
td.attribute_score i.fa-circle-question {
	color: var(--kka-orange);
	transition: color .2s;
	cursor:pointer;
	padding-left: 6px;
	}
td.attribute_score i.fa-circle-question:hover,
td.attribute_score i.fa-circle-question.fa-circle-xmark,
td.attribute_score i.fa-circle-question.fa-circle-xmark:hover {
	color: var(--kka-blue-dark);
	}
td.attribute_score i.fa-square {
	color: var(--kka-teal);
	}
td.attribute_score.rating_1 i.fa-square:nth-of-type(1) {
	color: var(--kka-blue-dark);
	font-weight: 900;
	}
td.attribute_score.rating_2 i.fa-square:nth-of-type(1),
td.attribute_score.rating_2 i.fa-square:nth-of-type(2) {
	color: var(--kka-blue-dark);
	font-weight: 900;
	}
td.attribute_score.rating_3 i.fa-square:nth-of-type(1),
td.attribute_score.rating_3 i.fa-square:nth-of-type(2),
td.attribute_score.rating_3 i.fa-square:nth-of-type(3) {
	color: var(--kka-blue-dark);
	font-weight: 900;
	}
td.attribute_score.rating_4 i.fa-square:nth-of-type(1),
td.attribute_score.rating_4 i.fa-square:nth-of-type(2),
td.attribute_score.rating_4 i.fa-square:nth-of-type(3),
td.attribute_score.rating_4 i.fa-square:nth-of-type(4) {
	color: var(--kka-blue-dark);
	font-weight: 900;
	}
td.attribute_score.rating_5 i.fa-square {
	color: var(--kka-blue-dark);
	font-weight: 900;
	}

.tooltip_container {
	position: relative;
	display: inline-block;
	}

.tooltip {
	display: none;
	background-color: var(--kka-yellow);
	color: var(--type-color-dark);
	text-align: left;
	padding: 8px 12px;
	border-radius: var(--main-radius);
	
	position: absolute;
	bottom: 120%;
	left: 50%;
	transform: translateX(-50%);
	width: 300px;
	margin: 0 0 0 50px;
	
	font-size: 0.92rem;
	line-height: 1.2em;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.2);
	
	transition:left .5s;
	z-index: 1;
	}

/* -------------------------------------------------------------------- SINGLE TOUR --- */
div#tour_body {
	box-sizing: border-box;	
	align-items: flex-start;
	width:100%;
	}
div.tour_description p {
	font-size: 1.1rem;
	line-height: 1.9rem;
	}
div#at_a_glance {
	box-sizing: border-box;	
	width:400px;
	margin-top:-10px;
	z-index: 11;
	}
div#glance_float {
	box-sizing: border-box;	
	padding: 30px 30px 10px 30px;
	}
div.super_button {
	padding: 6px 0 20px 0;
	max-width:400px;
	margin: 0 auto;
	background: var(--kka-white);
	}
div.super_button.bottom_button {
	margin: 50px auto 20px auto;
	}
div.super_button a.button {
	font-size: 1.1rem;
	display: block;
	padding: 16px 10px 15px 10px;
	}
div#sidebar_video {
	box-sizing: border-box;
	aspect-ratio: 560/315;
	width:100%;
	overflow:hidden;
	}
div#sidebar_video iframe {
	width:100%;
	height:100%;
	aspect-ratio: 560/315;
	}

div#tour_content {
	box-sizing: border-box;	
	position:relative;
	padding: 50px 0 50px 0;
	width: calc(100% - 440px);
	}
div#tour_subhead {
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: 1.2em;
	margin: 0 0 17px 0;
	}
div#faq_header {
	margin: 0 0 10px 0;
	}
div.one_faq {
	box-sizing: border-box;	
	margin: 0 0 10px 0;
	}
div.faq_title {
	box-sizing: border-box;	
	padding: 12px 10px 10px 14px;
	background: var(--kka-yellow);
	clip-path: polygon(calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%, 0 0);
	transition: background .3s;
	cursor:pointer;
	}
div.caveat div.faq_title {
	background: var(--kka-blue-dark);
	}
div.faq_title h3 {
	box-sizing: border-box;	
	font-family: "davis-sans", sans-serif;
	font-weight: 300;
	font-size: 1.1rem;
	line-height: 1;
	color: var(--type-color-dark);
	text-transform: uppercase;
	margin:0;
	transition: color .3s;
	}
div.caveat div.faq_title h3 {
	color: var(--kka-white);
	}
div.faq_title:hover {
	background: var(--kka-hiking-teal);
	}
div.caveat div.faq_title:hover {
	background: var(--kka-hiking-teal);
	}
div.faq_title:hover h3 {
	color: var(--kka-white);
	}
div.faq_title h3 i {
	display:inline-block;
	width: 20px;
	}
div.one_faq div.faq_body {
	box-sizing: border-box;	
	padding: 7px 24px 24px 24px;
	max-height: 120rem;
	overflow:hidden;
	transition: padding .1s, max-height: 2s;
	}
div.one_faq.closed div.faq_body {
	box-sizing: border-box;	
	padding: 0px 24px 0px 24px;
	max-height: 0px;
	}
div.faq_body p {
	margin-top:4px;
	margin-bottom:4px;
	}
div.faq_body img {
	box-sizing:border-box;
	display:block;
	width:100%;
	height:auto;
	margin: 20px 0 10px 0;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	}
div.faq_body ul {
	margin-top:14px;
	margin-bottom:4px;
	margin-left:18px;
	}
div.faq_body p strong {
	display:block;
	margin-top:14px;
	}
div#expand_all {
	text-align: right;
	text-transform: uppercase;
	font-size: 0.9rem;
	line-height:1;
	cursor:pointer;
	transition: color .3s;
	}
div#expand_all:hover {
	color:var(--kka-grey);
	}

/* --------------------------------------------------------------------- SLIDE SHOW --- */
div#slide_show {
	box-sizing: border-box;
	margin: 30px 0 40px 0;
	padding: 0;
	position: relative;
	}
div#slide_frame {
	width: 100%;
	height:400px;
	position: relative;
	overflow-x: hidden;
	transition: height .5s;
	}
div.slide_single {
	box-sizing: border-box;
	width: auto;
	position: absolute;
	width: 80%;
	aspect-ratio: 1800/1200;
	margin: 0 10%;
	top: 0px;
	left: 0px;
	opacity: 1.0;
	transition: left 1s, opacity 1s, height .5s;
	z-index:10;
	}

div#slide_frame div.stage_left {
	opacity: 0.0;
	left: -77%;
	z-index:1;
	}
div#slide_frame div.stage_right {
	opacity: 0.0;
	left: 77%;
	z-index:1;
	}

div.one_slide {
	box-sizing: border-box;
	margin: 5px auto;
	transition: transform 1s;
	height: 100%;
	}
div.one_slide img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	}
div#slide_navigation {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0 0 0 0;
	z-index: 5;
	}
div.slide_single.stage_left div.one_slide,
div.slide_single.stage_right div.one_slide {
	transform: scale(0.90);
	}
div.slide_nav {
	font-size:3.0rem;
	line-height: 1;
	display:inline-block;
	padding: 0 25px;
	cursor:pointer;
	transition: color .8s, opacity .8s;
	color: var(--kka-blue-dark);
	}
div.slide_nav:hover {
	line-height: 1;
	display:inline-block;
	color: var(--kka-hiking-teal);
	}
div.slide_nav.off,
div.slide_nav.off:hover {
	color: var(--kka-grey);
	opacity:0.2;
	cursor:default;
	}


/* --------------------------------------------------------------------------- FLEX --- */
.flex_container {
	display: flex;
	}
.flex_wrap {
	flex-wrap: wrap;
	}
.flex_inverse_order {
	flex-direction: row-reverse;
	}
.flex_columns {
	flex-direction: column;
	}
.flex_align_v_center {
	align-items: center;
	}
.flex_align_h_center {
	justify-content: center;
	}
.flex_align_right {
	justify-content: flex-end;
	}
.flex_space_between {
	justify-content: space-between;
	}
.flex_start_top {
	align-items: flex-start;
	}
.f_100 {
	width:100%;
	}
.f_80 {
	width:80%;
	}
.f_60 {
	width:60%;
	}
.f_50 {
	width:50%;
	}
.f_49 {
	width:49%;
	}
.f_33 {
	width:33.332%;
	}
.f_32 {
	width:32%;
	}
.f_24 {
	width:24%;
	}
.f_20 {
	width:20%;
	}

/* ------------------------------------------------------- SIMPLE PAGE / GUIDE PAGE --- */
div.page_simple div.entry_content h2 {
	border-top: 2px dotted var(--kka-blue);
	font-size:1.4rem;
	line-height:1.1rem;
	margin: 20px 0 1.0rem 0;
	padding-top:20px;
	}
div.page_simple div.entry_content h3 {
	border-top: 1px dotted var(--kka-hiking-teal);
	font-size:1.2rem;
	line-height:1.3rem;
	margin: 20px 0 10px 0;
	padding-top:15px;
	}
div.page_simple div.entry_content h4 {
	font-size:0.95rem;
	line-height:1.1rem;
	text-transform: uppercase;
	margin: 0 0 8px 0;
	}
div.page_simple div.entry_content a {
	font-weight: 700;
	}
div.page_simple div.entry_content a.back_to_top {
	font-weight: 400;
	font-size: 0.9em;
	color: var(--kka-grey);
	background: var(--kka-grey-lightest);
	padding: 3px 10px;
	margin: 0 5px 0 0;
	border-radius: var(--button-radius);
	}
div.page_simple div.entry_content a.back_to_top:hover {
	color: var(--kka-white);
	background: var(--kka-grey);
	}
div.page_simple img#micco-and-chino {
	box-shadow: 0 0 10px var(--kka-grey);
	transform: rotate(5deg);
	}
div#anchor_nav_bar a {
	color: var(--kka-blue-dark);
	background: var(--kka-grey-lightest);
	padding: 5px 10px;
	margin: 3px 3px 3px 3px;
	border-radius: var(--button-radius);
	}
div#anchor_nav_bar a:hover {
	color: var(--kka-white);
	background: var(--kka-grey);
	}
div#map_iframe {
	width:100%;
	height: 80vh;
	box-shadow: 0 0 10px var(--kka-grey);
	}
div#map_iframe iframe {
	width:100%;
	height: 80vh;
	}
	

/* --------------------------------------------------------------------- NAVIGATION --- */
a#nav_toggle {
	display:none;
	}
nav#access {
	position:absolute;
	top:0px;
	right:0px;
	margin: 0px;
	padding:0;
	z-index:5;
	}
div#menu {
	margin: 6px 0 6px 0;
	padding:0;
	}
div#menu ul,
div#menu ul ul {
	list-style:none;
	margin:0;
	padding:0;
	}
div#menu ul li.menu-item a {
	display:block;
	margin-left:6px;
	padding: 6px 10px 6px 10px;
	text-decoration:none;
	text-align:left;
	}
div#menu ul li.menu-item a:hover {
	}
div#menu ul li ul.sub-menu {
	top:-220px;
	position:absolute;
	opacity:0.0;
    transition: opacity .5s;
	}
div#menu ul.menu li.menu-item:hover ul.sub-menu {
	top:auto;
	margin-top:0px;
	opacity: 1.0;
	}
ul.sub-menu {
	z-index:-1;
	}
div#menu ul li {
	float:left;
	margin:0px;
	}
ul.sub-menu li.menu-item {
	float:none !important;
	}
div#menu ul li.current_page_item a {
	}

/* -------------------------------------------------------------- FOOTER NAVIGATION --- */
div#menu_ftr ul,
div#menu_ftr ul ul {
	list-style:none;
	margin:0;
	padding:0;
	}
div#menu_ftr ul ul {
	padding:0 30px 0 0;
	}

ul#menu-activitymenu {
/*	column-count: 2;
	column-gap: 0px; */
	}
ul#menu-activitymenu li.menu-item-has-children {
	display:block;
	margin: 0 0 20px 0;
	}
div#menu_ftr li {
	font-weight: 700;
	}
div#menu_ftr li ul.sub-menu li {
	font-weight: 300;
	margin: 0;
	}
div#menu_ftr li a {
	display: block;
	white-space: nowrap;
	font-size: 0.9rem;
	line-height: 1;
	margin-bottom: 9px;
	}
div#menu_ftr {
	margin-right:20px;
	}


/* ------------------------------------------------------------------------- FOOTER --- */
div#footer { 
	box-sizing: border-box;
	width:100%;
	background-color: var(--kka-blue-dark);
	color: var(--kka-white);
	clear: both;
	padding: 60px 0 60px 0;
	}
div#footer p { 
	font-size: 0.9rem;
	margin: 0 0 10px 0;
	line-height: 1.3em;
	}
div#footer div { 
	
	}
div#footer_link_zone {
	padding-left: 40px;
	}
div#link_container {
	margin-right:30px;
	}
div#nat_geo {
	box-sizing: border-box;
	padding: 45px 50px 35px 80px;
	width:550px;
	background: var(--kka-blue-black);
	}
div#gift_card {
	box-sizing: border-box;
	padding: 20px 20px 20px 20px;
	width:800px;
	margin:auto;
	}
div#magazine_quote {
	box-sizing: border-box;
	width:calc(100% - 140px);
	}
div#magazine_cover {
	box-sizing: border-box;
	width:120px;
	rotate: -8deg;
	}
div#magazine_cover img {
	display:block;
	width:100%;
	height:auto;
	box-shadow: 0 0 15px rgba(0,0,0,1.0);
	}
div#single_card {
	display:block;
	box-sizing: border-box;
	width:230px; /* 760 */
	height:auto; /* 478 */
	rotate: -8deg;
	}
div#single_card img {
	display:block;
	width:100%;
	height:auto;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,1.0);
	transition: box-shadow .3s;
	}
div#card_quote {
	box-sizing: border-box;
	width:calc(100% - 270px);
	}
div#concessionaire {
	font-size:0.60rem;
	line-height: 1;
	margin: 0px 0 20px 0;
	text-transform:uppercase;
	}
div#concessionaire img {
	width:80px;
	height:auto;
	display:block;
	margin: 26px 0 13px 0;
	}
.copyright {
	display:block;
	font-size:0.70rem;
	line-height: 1;
	opacity:0.6;
	padding: 5px 0 0 0;
	}
ul#menu-activitymenu li.menu-item-has-children > a,
div#footer a.wht_link,
div#footer .copyright a {
	color: var(--kka-white);
	}
ul#menu-activitymenu li.menu-item-has-children > a:hover,
div#footer a.wht_link:hover,
div#footer .copyright a:hover {
	color: var(--kka-orange);
	}



/* ------------------------------------------------------------------------- SOCIAL --- */
div.social_sprites {
	font-size:1.5rem;
	line-height:1;
	box-sizing:border-box;
	display:flex;
	flex-wrap: wrap;
	padding:10px 0 0 0;
	width:100%;
	margin: 10px 0 10px -1px;
	}
div.social_sprites a {
	display: block;
	height: 36px;
	margin: 5px 7px 5px 0;
	}
div.social_sprites a img {
	height:100%;
	width:auto;
	filter: invert(94%) sepia(94%) saturate(0%) hue-rotate(157deg) brightness(107%) contrast(103%);
	transition: filter .2s;
	}
div.social_sprites a:hover img {
	filter: invert(76%) sepia(97%) saturate(1596%) hue-rotate(326deg) brightness(101%) contrast(98%);
	}
/* FILTER TOOL: https://codepen.io/sosuke/pen/Pjoqqp */

/* --------------------------------------------------------------------- TOUR ICONS --- */
div#kauai_actvities {
	text-align:center;
	}
.home div#kauai_actvities {
	margin-bottom: -54px;
	z-index: 1;
	}
div#kauai_actvities a.one_activity {
	display: block;
	width:22%;
	margin: 0 1.5%;
	box-shadow: 0 0 10px rgba(0,0,0,0.0);
	}
div#kauai_actvities a#tour_river.one_activity {
	background: var(--kka-blue-dark);
	}
div#kauai_actvities a#tour_ocean.one_activity {
	background: var(--kka-blue);
	}
div#kauai_actvities a#tour_hiking.one_activity {
	background: var(--kka-hiking-teal);
	}
div#kauai_actvities a#tour_gear.one_activity {
	background: var(--kka-shell-green);
	}
div#kauai_actvities a.one_activity div.single_icon {
	box-sizing: border-box;
	padding: 5px 0 0 0;
	aspect-ratio: 7/4;
	overflow:hidden;
	}
div#kauai_actvities a.one_activity div.single_icon img {
	display: block;
	width:100%;
	height:100%;
	object-fit:contain;
	transition: transform 1.5s;
	}
div#kauai_actvities a.one_activity h3 {
	padding: 20px 5px 18px 5px;
	margin: 0;
	font-size: 1.0rem;
	line-height:1;
	color:var(--kka-white);
	background:rgba(0,0,0,0.2);
	transition: background 1s, letter-spacing 1.5s;
	}
div#kauai_actvities a.one_activity:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
	}
div#kauai_actvities a.one_activity:hover div.single_icon img {
	transform: scale(1.3);
	}
div#kauai_actvities a.one_activity:hover h3 {
	letter-spacing: .6px;
	background:rgba(0,0,0,0.4);
	}

/* --------------------------------------------------------------- RENTALS AND GEAR --- */
div#rentals_and_gear {
	background: var(--kka-blue-dark); 
	padding: 40px 0 60px 0;
	text-align: center;
	}
div#rs_container {
	
	}
div.rs_cell {
	background: var(--kka-grey-lightest);
	width:46%;
	margin: 0 1%;
	text-align: left;
	}
a.rs_thumbnail {
	display: block;
	width:50%;
	overflow: hidden;
	}
a.rs_thumbnail img {
	display: block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition: transform 2s;
	}
a.rs_thumbnail:hover img {
	transform: scale(1.2);
	}
div.rs_description {
	box-sizing: border-box;
	width:50%;
	padding: 20px 26px 20px 26px;
	}


/* ----------------------------------------------------------------- GOOGLE REVIEWS --- */
div#google_reviews {
	background: var(--kka-shell-green); 
	color: var(--kka-white);
	padding: 40px 0 40px 0;
	text-align: center;
	}
div#review_widget {
	width: calc(100% - 80px);
	margin: 0 auto;
	}
/* --------------------------------------------------------------------- GIFT CARDS --- */
div#gift_card_band {
	background: var(--kka-blue-dark); 
	color: var(--kka-white);
	padding: 40px 0 40px 0;
	}

/* -------------------------------------------------------------------------- MODAL --- */
div#modal_outer {
	display:none;
	
	box-sizing: border-box;
	position: fixed;
	width:100%;
	height: 100%;
	left:0px;
	top:0;
	padding: 50px;
	background: rgba(0,0,0,0.2);
	z-index: 20;
	}
div#modal_outer.open {
	display:block;
	}
div#modal_inner {
	box-sizing: border-box;
	position: relative;
	width:100%;
	height:100%;
	padding: 60px;
	background: var(--kka-white);
	color: var(--type-color-dark);
	overflow-y: scroll;
	}
div#modal_close {
	position: absolute;
	top:40px;
	right:40px;
	padding: 5px;
	font-size: 1.3rem;
	line-height:1;
	aspect-ratio: 1/1;
	background: var(--kka-blue);
	border-radius: 50%;
	transition: color .5s, background .5s;
	cursor:pointer;
	}
div#modal_close:hover {
	background: var(--kka-grey-lightest);
	color: var(--kka-blue);;
	}



/* ----------------------------------------------------------------- SEARCH RESULTS --- */
.search_result_blox {
	margin: 0 0 20px 0;
	padding: 20px 20px 20px 20px;
	background-color: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	}
div.page_simple div.entry_content div.search_result_blox  h3 {
	border-top: transparent;
	font-size:1.2rem;
	line-height:1.3rem;
	margin: 0 0 10px 0;
	padding-top:0;
	}

div#nav_below {
	}
div#nav_below div {
	width:50%;
	background-color: rgba(194,194,194,0.5);
	float:left;
	}
div#nav_below div.nav_next {
	text-align: right;
	float:right;
	}

/* ------------------------------------------------------------- IMAGES / ALIGNENTS --- */
img.alignright {
	float:right;
	margin:3px 0 5px 14px;
	}
img.alignleft {
	float:left;
	margin:3px 14px 5px 0;
	}
img.aligncenter {
	display:block;
	margin:0 auto;
	text-align:center;
	}
.alignright {
	float:right;
	margin:3px 0 0 14px;
	text-align:right;
	}
.alignleft {
	float:left;
	margin:3px 14px 0 0;
	text-align:left;
	}
.aligncenter, .alignnone {
	display:block;
	margin:0 auto;
	text-align:center;
	margin-top:12px;
	margin-bottom:3px;
	}
.wp-caption p {
	font-size: 0.9rem;
	line-height:1.3rem;
	margin: 4px 0 0 0;
	text-transform:uppercase;
	}
div.wp-caption {
	}

/* -------------------------------------------------------------------------- FORMS --- */
form.wpcf7-form {
	display:block;
	padding: 1rem 0 0.5rem 0;
	}
form.wpcf7-form p {
	margin: 0 0 0.5rem 0;
	}
div.label {
	padding: 0 0 0 0;
	padding: 0 0 0 0;
	}

input[type=text], 
input[type=email],
input[type=tel],
input[type=date],
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: "davis-sans", sans-serif;
	font-weight: 300;
	font-style: normal;
	box-sizing: border-box;
	width:100%;
	padding:6px;	
	font-size: 1.0rem;
	line-height:1.0rem !important;
	border-radius:var(--main-radius);
	background-color:#fff;
	border: .5px solid rgba(0,0,0,0.5);
	margin: 0 0 10px 0;
	transition: all .3s;
	}
select {
	padding:8px 40px 8px 10px;	
	border: .5px solid rgba(0,0,0,0.5);
	background: url(images/select-pattern.png) #ffffff no-repeat center right;
	background-size: auto 40%;
	}
textarea {
	height:250px;
	transition: all .3s;
	}
input[type=radio] {
	box-sizing: border-box;
	height:20px;
	transition: all .3s;
	}
input[type=text]:focus, 
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
	border: .5px solid rgba(0,0,0,1.0);
	}


input[type=checkbox] {
	display:inline-block;
	appearance: auto;
	width: 1.2rem; /* Size of the checkbox */
	height: 1.2rem;
	cursor: pointer; /* Ensures pointer changes on hover */
	}


/* -------------------------------------------------------------------- FORM ERRORS --- */
div.wpcf7 form div.wpcf7-response-output {
	display:block;
	box-sizing: border-box;
	margin: 0 0 40px 0;
	padding: 20px;
	float:none;
	clear:both;
	font-size: 1.0rem;
	border-radius:5px;
	border:1px solid #ebbc00;
	color:#da7726;
	background:#faeebd;
	}
input[type=text].wpcf7-not-valid, 
input[type=email].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
	background:#faeebd;
	border:1px solid #ebbc00;
	}
span.wpcf7-not-valid-tip {
	text-align:right;
	color:#da7726;
	display:block;
	line-height: 1.0rem;
	margin-top:-8px;
	}

/* -------------------------------------------------------------------------- CRUFT --- */
.clr, 
.cld { 
	font-size: .1rem; 
	line-height: .1rem; 
	clear:both; 
	}
.d_hidden { 
	display: none; 
	}
.m450_hidden { 
	display: inline; 
	}
.fixme { 
	color:darkred;
	background:#faeebd;
	}
div#edit {
	background:rgba(0,0,0,0.5);
	color:#fff;
	position: fixed;
	left:0;
	bottom:20px;
	padding: 10px;
	border-radius: 0 8px 8px 0;
	}
div#edit a {
	cursor:pointer;
	}

/* ------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------- RESPONSIVE --- */
div#viewport {
	position:fixed;
	z-index:999;
	right:0px;
	bottom:0px;
	display:flex;
	}
div#viewport div {
	background: #CCC;
	color:#fff;
	padding: 10px;
	opacity:0.7;
	}
div#viewport div {
	display:none;
	}
div#viewport div#vp_3600 {
	display:block;
	}

/* ----------------------------------------------------------------------------- < 3600 */
@media (max-width: 3600px) { 
div#viewport div { display:none; }
div#viewport div#vp_3600 { display:block; }
}

/* ----------------------------------------------------------------------------- < 2400 */
@media (max-width: 2400px) { 
div#viewport div#vp_3600 { display:none; }
div#viewport div#vp_2400 { display:block; opacity:0.9; }
}

/* ----------------------------------------------------------------------------- < 1600 */
@media (max-width: 1600px) { 
div#viewport div#vp_2400 { display:none; }
div#viewport div#vp_1600 { display:block; opacity:0.9; }
}

/* ----------------------------------------------------------------------------- < 1400 */
@media (max-width: 1400px) { 
div#viewport div#vp_1600 { display:none; }
div#viewport div#vp_1400 { display:block; opacity:0.9; }
}

/* ----------------------------------------------------------------------------- < 1200 */
@media (max-width: 1200px) { 
div#viewport div#vp_1400 { display:none; }
div#viewport div#vp_1200 { display:block; opacity:0.9; }
#header div.ultra_float {
	width: calc(100% - 40px);
	}
#header li#menu-item-6 {
	display:none;
	}
div#billboard.large {
	height: 530px;
	}
.home div#wrapper {
	padding: 335px 0 0 0;
	}
}

/* ----------------------------------------------------------------------------- < 1000 */
@media (max-width: 1000px) { 
div#viewport div#vp_1200 { display:none; }
div#viewport div#vp_1000 { display:block; opacity:0.9; }
#header li#menu-item-6 {
	display:block;
	}
a#nav_toggle {
	box-sizing: border-box;
	display:block;
	color:var(--kka-white);
	background: var(--kka-blue-dark);
	border-radius: var(--main-radius);
	padding: 8px 12px;
    font-size: 1.4rem;
    line-height: 1.0rem;
    position: fixed;
    top: 25px;
    right: 28px;
	z-index: 19;
	}
a#nav_toggle:hover {
	color:var(--kka-white);
	background: var(--kka-shell-green);
	}
nav#access {
	box-sizing: border-box;
	position:fixed;
	top:0px;
	right:-100vw;
	width: 100vw;
	margin:0px;
	min-height: 1500px;
	z-index: -1;
	background-color:rgba(0,0,0,0.3);
	opacity:0;
	transition: opacity .5s;
	}
nav#access.visible_menu {
	right:0px;
	opacity:1.0;
	z-index: 20;
	}
div#menu {
	position:absolute;
	top: 65px;
    right: 28px;
	}
div#menu ul li ul.sub-menu {
	top:auto;
	position:relative;
	opacity:1.0;
	}
ul.sub-menu {
	z-index:99;
	}
div#menu ul li {
	float:none;
	}
div#menu ul.menu li.menu-item:first-of-type a {
	border-radius: var(--main-radius) var(--main-radius) 0 0;
	}
div#menu ul.menu li.menu-item#menu-item-25 a,
div#menu ul.menu li.menu-item:last-of-type a {
	border-radius: 0 0 var(--main-radius) var(--main-radius);
	}
div#menu ul.menu li.menu-item a {
	box-sizing: border-box;
	padding: 10px 20px 10px 15px;
	margin:0 0 0 0;
	width:auto;
	min-width: 167px;
	text-transform: none;
	border-radius: 0;
	background:var(--kka-white);
	}
div#menu ul.menu li.menu-item a:hover {
	background: var(--kka-grey-lightest);
	}
div#menu ul.menu li.menu-item ul.sub-menu li.menu-item a {
	padding: 10px 20px 10px 15px;
	}
div#menu ul.menu {
	margin:0;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	}

div#footer {
	padding-bottom: 0;
	}
div#footer  div.flex_container.flex_inverse_order.flex_space_between.flex_start_top {
	flex-wrap: wrap;
	}
div#footer_link_zone {
	padding: 0 40px 40px 40px;
	width: 100%;
	justify-content: center;
	}
div#nat_geo {
	box-sizing: border-box;
	width: 100%;
	}
div.page_simple .f_32 {
	width: 49%;
	}
div#rs_container {
	flex-wrap: wrap;
	align-items: center;
	}
div.rs_cell {
	width:75%;
	margin: 0 0 20px 0;
	}
div#gift_card {
	width: auto;
	}

}

/* ------------------------------------------------------------------------------ < 900 */
@media (max-width: 900px) { 
div.one_tour_excerpt {
	display:block;
	}
a.activity_thumbnail,
div.activity_excerpt {
	width:100%;
	}
a.activity_thumbnail {
	aspect-ratio: 621/350;
	}
a.activity_category {
	width: 100%;
	left: 0;
	border-right:0;
	border-left:0;
	}
div.one_tour_excerpt:nth-of-type(2n) a.activity_category {
	left: auto;
	right: 0;
	flex-direction: row;
	}	
div#kauai_actvities {
	flex-wrap: wrap;
	}
div#kauai_actvities a.one_activity {
	width: 35%;
	margin-bottom: 20px;
	}
div#billboard.medium {
	height: 410px;
	}
.single.postid-186 div#wrapper, 
.single.postid-184 div#wrapper, 
.single.postid-188 div#wrapper, 
.single.postid-329 div#wrapper {
	padding: 345px 0 0 0;
	}
.single div#wrapper {
	padding: 460px 0 0 0;
	}
div#modal_inner,
div#modal_outer {
	padding: 20px;
	}
.home div#kauai_actvities {
	margin-bottom: -76px;
	}

}

/* ------------------------------------------------------------------------------ < 800 */
@media (max-width: 800px) { 
div#viewport div#vp_1000 { display:none; }
div#viewport div#vp_800 { display:block; opacity:0.9; }
div.nice_gutter {
	padding: 0 40px;
	}
div#home_title.nice_gutter {
	padding: 0 10px;
	}
div.billboard_content {
	padding: 20px 0 20px 0;
	}

div#wrapper {
	padding: 245px 0 0 0;
	}
div.page_simple div.flex_container.flex_space_between {
	flex-wrap:wrap;
	}
div.page_simple .f_49,
div.page_simple .f_32 {
	width: 100%;
	}
div#tour_body {
	flex-wrap: wrap;
	flex-direction: row-reverse;
	flex-direction: column-reverse;
	}
div#at_a_glance {
	margin-top: 0;
	margin-bottom: 50px;
	width: 100%;
	}
div#glance_float {
	padding: 20px 20px 10px 20px;
	}
div#tour_content {
	padding: 50px 0 10px 0;
	width: 100%;
	}
div#tour_content a.activity_category {
	border: 2px solid var(--kka-white);
	}
div.super_button {
	background: transparent;
	padding-bottom: 0;
    border-bottom: 8px solid white;
	}
div.super_button.bottom_button {
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 20;
	width: 100%;
	margin:0;
	padding:0;
	max-width:100%;
	border-bottom:0px;
	border-top:4px solid white;
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
	}
 div#nat_geo {
	padding-bottom: 100px;
	}

}

/* ------------------------------------------------------------------------------ < 600 */
@media (max-width: 600px) { 
div#viewport div#vp_800 { display:none; }
div#viewport div#vp_600 { display:block; opacity:0.9; }
.d_hidden { 
	display: inline; 
	}
.m_hidden { 
	display: none; 
	}

a#nav_toggle {
	top: 14px;
	}
 div#menu {
    top: 56px;
    }
div#header div#menu ul.menu li#menu-item-983 a,
div#header div#menu ul.menu li#menu-item-984 a,
div#header div#menu ul.menu li#menu-item-985 a {
	display:block;
	}
div#super_header a {
	display:none;
	}
div#menu ul.menu li.menu-item#menu-item-25 a {
	border-radius: 0;
	}
div#footer_link_zone {
	flex-direction: column-reverse;
	}
div#link_container {
	margin-right:0px;
	}
div#nat_geo {
	padding: 38px 40px 100px 50px;
	}

div.page_simple img#micco-and-chino {
	width: 100%;
	margin-bottom: 39px;
	}
div#tour_grid {
	padding: 20px 20px 30px 20px;
	}
div.rs_cell {
	width:85%;
	display: block;
	}
a.rs_thumbnail,
div.rs_description {
	width: 100%;
	}
div#gift_card {
	flex-wrap: wrap;
	justify-content: center;
	}
div#card_quote {
	width: 100%;
	margin-top:40px;
	text-align: center;
	}
div#kauai_actvities a.one_activity {
	width: 45%;
	}
div.slide_nav {
	padding: 0 0;
	}
div#billboard.medium {
	height: 295px;
	}
.single.postid-186 div#wrapper, 
.single.postid-184 div#wrapper, 
.single.postid-188 div#wrapper, 
.single.postid-329 div#wrapper {
	padding: 225px 0 0 0;
	}
.single div#wrapper {
	padding: 350px 0 0 0;
	}
div#logo {
	width: 130px;
	height: 130px;
	}
div#header {
	height: 58px;
	}
div#super_header {
	height:10px;
	}
div#billboard {
	margin-top:58px;
	}
.tooltip {
	left: -26%;
	transform: translateX(-50%);
	}
div#billboard.large {
	height: 360px;
	}
.home div#wrapper {
	padding: 255px 0 0 0;
	}
.home div#kauai_actvities {
	margin-bottom: -76px;
	}

}

/* ------------------------------------------------------------------------------ < 450 */
@media (max-width: 450px) { 
div#viewport div#vp_600 { display:none; }
div#viewport div#vp_450 { display:block; opacity:0.9; }
.m450_hidden { 
	display: none; 
	}
div.nice_gutter {
	padding: 0 20px;
	}
div#tour_grid {
	padding: 20px 0px 30px 0px;
	}
div.one_tour_excerpt {
	width: calc(100% - 40px);
	margin: 30px 20px;
	}
div#billboard.medium {
	height: 235px;
	}
.single div#wrapper {
	padding: 290px 0 0 0;
	}
h1.entry_title {
	font-size: 2.4rem;
	}
.single.postid-186 div#wrapper, 
.single.postid-184 div#wrapper, 
.single.postid-188 div#wrapper, 
.single.postid-329 div#wrapper {
	padding: 180px 0 0 0;
	}
div#modal_close {
	line-height: 1;
	cursor: pointer;
	}
div#modal_close {
	box-sizing:border-box;
	top: 30px;
	right: 30px;
	font-size: 25px;
	height:35px;
	width:35px;
	}
div#billboard.large {
	height: 260px;
	}

}