/*
THEME NAME: Kauai Made 2019
THEME URI: https://deliciousdesign.com/
VERSION: 3.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; }

/* ------------------------------------------------------------------------- COLORS --- */
a:link, a:visited {
	color:#5b811a;
	cursor:pointer;
	}
a:hover, a:active {
	color:#502983;
	cursor:pointer;
	}
body, 
.wp-caption p,
input[type=text], 
input[type=email],
textarea,
select {
	color:#464646;
	}
.headlines, h1, h2, h3, h4, h5, h6, p.related_header {
	font-family: birch-std, serif;
	font-weight: 400;
	font-style: normal;
	color:#220f32;
	transition: color .3s;
	}
blockquote {
	background-color:DimGray;
	color:White;
	}
div#menu ul.menu li.menu-item a, 
div#menu ul.menu li.menu-item.current-menu-item a:hover, 
div#menu ul.sub-menu li.menu-item a, 
div#menu ul.menu li.menu-item ul.sub-menu li.menu-item a,
label[for=toggle] {
	background: rgba(34,15,50,0.1);
	color:White;
	letter-spacing: 1px;
	transition: color .2s, background-color .2s;
	cursor:default;
	}
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: #4d1d85;
	color:White;
	cursor:pointer;
	}
/*
div#menu a i {
	color:#c69f52;
	padding: 0 8px 0 0;
	}
*/
nav#access div#menu ul.menu li.menu-item a::before {
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	color:#c69f52;
	padding: 0 12px 0 0;
	transform: scale(0.8);
	}
nav#access div#menu ul.menu li.menu-item:hover a::before {
	color:#ebe3c7;
	}
nav#access div#menu ul.menu li.menu-item.current-menu-item a {
	color:#ebe3c7;
	opacity:0.5;
	}
nav#access div#menu ul.menu li.menu-item.current-menu-item a::before {
	color:#ebe3c7;
	}



div#footer { 
	background-color: #220f32;
	color:#fff;
	}
div#footer .copyright a,
div#footer .copyright a:hover {
	color:#fff;
	}


/* --------------------------------------------------------------------------- BODY --- */
body {
	background: url(images/lauhala_pattern.jpg) #c09c72;
	background-attachment: fixed;
	-webkit-text-size-adjust:none;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	line-height:1.0em;
	text-align: left;
	}

/* --------------------------------------------------------------------- TYPOGRAPHY --- */
.font_faces {
	font-family: birch-std, serif;
	font-weight: 400;
	font-style: normal;

	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;

	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	}

div#blog-description {
	margin:0 0 0 2px;
	font-size:0.9em;
	}
h1 {
	font-size:3.6em;
	line-height:1.1em;
	margin-bottom:0.4em;
	}
h1.member_name {
	font-size:3.6em;
	line-height:1.1em;
	margin-bottom:0em;
	}
h1#blog_title {
	display:block;
	position:fixed;
	top:-1000px;
	left:0px;
	}
p.related_header {
	color:#c69f52;
	font-size:1.7em;
	line-height:1.1em;
	letter-spacing: .05em;
	margin-left:1%;
	margin-bottom:0.4em;
	}
h2 {
	font-size:1.9em;
	line-height:1.1em;
	margin:0.1em 0 0.4em 0;
	}
h3 {
	font-size:1.42em;
	line-height:1.1em;
	margin:0.1em 0 0.4em 0;
	}
div.about_kauai_made h3 {
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:1.6em;
	line-height:1.1em;
	margin:0.1em 0 0.4em 0;
	}
h4 {
	font-size:0.95em;
	line-height:1.1em;
	text-transform: uppercase;
	margin:0.6em 0 0.6em 0;
	}
p {
	font-size: 1.0em;
	line-height: 1.4em;
	display:block;
	margin-bottom:0.7em;
	}
ul li, ol li {
	font-size: 1.0em;
	line-height: 1.4;
	margin-bottom:4px;
	}
ul {
	display:block;
	margin-left:30px;
	margin-bottom:0.85em;
	}
ol {
	display:block;
	margin-left:33px;
	margin-bottom:0.85em;
	}
blockquote {
	font-size:1.28em;
	line-height:1.4em;
	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-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	}
sup {font-size: 0.5em;}
a:link, a:visited {
	text-decoration:none;
	}
a:hover, a:active {
	}
 

/* ---------------------------------------------------------------------- STRUCTURE --- */
div#search_tool {
	width:auto;
	position:fixed;
	top:17px;
	right:20px;

	display:flex;
	justify-content: flex-end;
	width:calc(100% - 100px);
	position:absolute;
/*	background: rgba(0,0,0,0.3); */
	top:-53px;
	right:auto;
	margin: 0 auto;
	padding: 8px 0 0 0;
	z-index:51;
	height:1px;
	overflow:visible;

	}

div#search_tool {
	display:none;
	}
div#search_tool.visible {
	display:flex;
	}
form#searchform-404 {
	display:flex;
	justify-content: flex-end;
	width:340px;
	height:35px;
	}

div#search_tool input#quick_search_input {
	display:block;
	width:250px;
	background: #fefefd;
	border:1px solid darkgrey;
	color:#000000;
	font-weight: 600;
	font-size: 0.8em;
	line-height:1.0em;
	transition: font-size .5s, width .5s;
	height:31.5px;
	}


/*
div#search_tool input#quick_search_input:focus {
	width:260px;
	font-size: 1.0em;
	line-height:1.0em;
	}
*/
div#search_tool input.search {
		display:block;
		background: url(images/search_icon.png) #fefefd no-repeat 0px 0px;
		margin:0px 0px 0px 7px;
		padding:0px;
		height:31px;
		width:32px;
	border:1.5px solid darkgrey;
		border-radius:6px;
		box-shadow: 0px 0px 0px transparent;
	font-size:0.001em;
	line-height: 0.001em;
	color: rgba(255,255,255,0.0);
	transition:none;
	}
div#search_tool input.search:hover {
	cursor:pointer;
	background: url(images/search_icon.png) #fefefd no-repeat 0px -28px;
	}





div#header {
	position:fixed;
	top:60px;
	left:0px;
	width:100%;
	box-sizing: border-box;
	height: 50px;
	padding: 0 50px;
	background-image: linear-gradient(to left, #220f32, #220f32, #3a1c60, #220f32, #220f32);
	z-index:10;
	}
div#logo {
	width:160px;
	height:176px;
	margin: -57px auto 0 auto;
	transition: width .5s, height .5s, margin .5s;
	}
div#logo.parked {
	width:90px;
	height:99px;
	margin: -17px auto 0 auto;
	}


div#logo img {
	width:100%;
	height:auto;
	}
div#wrapper {
	box-sizing: border-box;
	width: 100%;
	/* max-width: 960px; */
	padding: 0 0 0 0;
	margin: 110px 0 0 0 ;
	position:relative;
	}
body.pageid-1541 div#wrapper {
	margin: 0 0 0 0 ;
	}
div.container {
	box-sizing: border-box;
	width:100%;
	background-image: linear-gradient(#fefefd, #ebe3c7, #ebe3c7);
	margin: 0 auto 10px auto;
	}
body.page div.container,
body.four04 div.container,
body.search-results div.container {
	padding-top:40px;
	}
body.home.page div.container,
body.page.pageid-1949 div.container {
	padding-top:0px;
	}
body.single div.container,
div.container.compact {
	margin: 0 auto 0px auto;
	}
div.content {
	box-sizing: border-box;
	width:calc(100% - 100px);
	max-width: 1400px;
	padding: 10px;
	margin: 0 auto;
	}
div.post {
	
	}
div.entry_content {
	
	}
div.flexible_parent {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	}
div.c_50 {
	box-sizing: border-box;
	width:48%;
	}
div.c_50 iframe {
	width:100%;
	height:380px;
	}

/* --------------------------------------------------------------------- BILLBOARDS --- */
div.container.member_images {
	box-sizing: border-box;
	background:#000;
	color:#fff;
	margin: 0 auto;
	padding:0;
	}
div.container.member_images div#billboard {
	box-sizing: border-box;
	position:relative;
	overflow:hidden;
	padding:0;
	z-index: 1;
	}
div.cycle-slideshow {
	box-sizing: border-box;
	width:100%;
	height:480px;
	}
div.cycle-slideshow img {
	width:100%;
	height:100%;
	object-fit: cover
	}
div.cycle-slideshow a p {
	box-sizing: border-box;
	display: inline-block;
	position:absolute;
	top: 0px;
	left: 0px;
	padding: 80px 80px;
	width:100%;
	height:480px;
	background: url(images/billboard_shader.png) no-repeat;
	background-size: 100% 100%;
	color:#fff;
	}
div.cycle-slideshow a p span {
	display:block;
	font-size: 1.2em;
	line-height: 1.0em;
	text-shadow: 1px 1px 2px rgba(0,0,0,1.0);
	}
div.cycle-slideshow a p span.member_name {
	font-family: birch-std, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 3.0em;
	line-height: 1.0em;
	padding: 5px 0 2px 0;
	text-shadow: 1px 1px 5px rgba(0,0,0,1.0);
	}
div.cycle-slideshow a p span.member_tagline {
	text-shadow: 1px 1px 2px rgba(0,0,0,1.0);
	max-width:40%;
	}
a.cycle-slide {
	width:100%;
	height:480px;
	}

/* ---------------------------------------------------------- SPECIAL ANNOUNCEMENTS --- */
div#special_announcement.parked {
	top: 50%;
	transition: top 1s;
	}
div#special_announcement.m_parked {
	top: 80%;
	transition: top 1s;
	}
div#special_announcement {
	box-sizing: border-box;
	position: absolute;
	top: -100%;
	margin-top:-130px;
	right:12px;
	padding: 30px;
	background: rgba(235,227,199,0.9);
	transition: background 1s;
	color: #486810;
	box-shadow:
    	0 0 0 2px #c69f52,
    	0 0 0 10px #fff;
	z-index: 101;
	}
div#special_announcement:hover {
	background: rgba(255,255,255,0.9);
	box-shadow:
    	0 0 0 2px #3b1e5d,
    	0 0 0 10px #fff;
	cursor: pointer;
	}
div#special_announcement p {
	margin:0;
	padding: 3px 0;
	font-size: 1.2em;
	line-height: 1.0em;
	color: #486810;
	}
div#special_announcement p.spec_header {
	font-family: birch-std, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.0em;
	line-height: 1.0em;
	color: #3b1e5d;
	padding: 11px 0 9px 0;
	margin: 0 0 10px 0;
	border-top: 4px dotted #c69f52;
	border-bottom: 4px dotted #c69f52;
	}
div#special_announcement p.spec_p {
	line-height: 1.3em;
	}
div#special_announcement p.spec_cont {
	font-size: 0.9em;
	line-height: 1.0em;
	}
div#close_mssg {
	position:absolute;
	font-size: 1.5em;
	line-height: 1.0em;
	top: -28px;
	left: -28px;
	color:#3b1e5d;
	background: #fff;
	border: 4px solid #fff;
	border-radius: 50%;
	}
div#close_mssg:hover {
	color:#fff;
	background: #3b1e5d;
	border: 4px solid #3b1e5d;
	cursor: pointer;
	}
div#special_announcement a {
	color: #4e2683;
}


/* ------------------------------------------------------------------------- EVENTS --- */
div.event_title h1.member_name {
	color: #3e0079;
	font-size: 4.2em;
	line-height: 1;
	margin: 0 0 0 0;
	}
div.date_and_time {
	color: #220f32;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.7em;
	line-height: 1;
	margin: 0 0 25px 0;
	}
div.event_desc_band {
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin: 0 0 20px 0;
	}
div.event_image {
	width:69%;
	margin: 0 0 10px 0;
	}
div.event_image img {
	width:100%;
	height:auto;
	}
div.event_description {
	width:29%;
	margin: 0 0 10px 0;
	}
div.map_header {
	display:flex;
	justify-content: space-between;
	}
div.event_sub_header {
	font-family: birch-std, serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	color: #c69f52;
	font-size: 1.7em;
	line-height: 1.1em;
	letter-spacing: .05em;
	margin: 0 0 10px 0;
	}
div.event_map_cell {
	box-sizing: border-box;
	width:100%;
	height:612px;
	border: 6px solid white;
	margin: 0 0 30px 0;
	}
iframe.event_map {
	width:100%;
	height:600px;
	}
div.event_map_link a,
ul.fa-ul a {
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #4e2683;
	}
div.event_map_link a i,
ul.fa-ul a i {
	color: #c69f52;
	}
ul.fa-ul a i {
	padding-left:8px;
	}
div.member_list_wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 20px 0 30px 0;
	}
div.member_list_wrapper a.one_member {
	box-sizing: border-box;
	width: 25%;
	padding: 0 2% 10px 0%;
	margin: 0 0 10px 0;
	}
div.member_list_wrapper a.one_member:nth-of-type(4n + 4) {
	padding: 0 0 10px 0%;
	}

div.event_member_list_wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 20px 0 30px 0;
	}
div.event_member_list_wrapper a.one_member {
	box-sizing: border-box;
	width: 25%;
	padding: 0 2% 10px 0%;
	margin: 0 0 10px 0;
	}
a.one_member div.event_member_thumbnail {
	aspect-ratio: 1/1;
	height:auto;
	}
div#event_row {
	padding: 30px 0 10px 0;
	border-top: 6px solid #c69f52;
	background: rgba(255,255,255,0.4)
	}
div#event_row h2 {
	text-align:center;
	color: #3e0079;
	font-size: 2.2em;
	line-height: 1;
	margin: 0 0 10px 0;
	}
div#event_grid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
div#event_grid.full_listing {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	}
div.one_event_excerpt {
	box-sizing: border-box;
	width:24%;
	margin: 0 .5% 30px .5%;
	padding: 8px;
	background-image: linear-gradient(#ebe3c7, #ebe3c7, #fefefd);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	}
div.event_thumbnail {
	}
div.event_thumbnail_image {
	width:100%;
	aspect-ratio: 6/4;
	overflow:hidden;
	margin:0 0 10px 0;
	}
div.event_thumbnail_image img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition: scale 1s;
	}
div.event_thumbnail_image img:hover {
	scale: 1.1;
	}
h3.event_title {
	font-size: 1.8em;
	line-height: 1.0em;
	padding: 0;
	margin: 0 0 5px 0;
	}
div.my_date,
div.my_time,
div.my_venue {
	margin: 0 0 2px 0;
	}
div.more_button_cell {
	text-align: right;
	margin: 8px 0 2px 0;
	font-weight: 600;
	}



/* -------------------------------------------------------------------- MEMBER PAGE --- */
div.single_member_wrap {
	box-sizing: border-box;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	width:calc(100% - 100px);
		max-width: 1400px;
	margin: 0 auto 0 auto;
	padding: 60px 0 40px 0 ;
	}
div.member_description {
	flex-grow: 1;
	box-sizing: border-box;
	padding: 40px 0 0 0 ;
	}
div.breadcrumbs {
	margin: 0 0 8px 0;
	}
div.url {
	margin: 0 0 20px 0;
	}
div#email_member_button,
a div.url,
a.url {
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	color:#4e2683;
	}
div#email_member_button i,
a div.url i,
a.url i {
	color:#c69f52;
	}
div.member_band {
	box-sizing: border-box;
	display: flex;
	padding: 0 0 40px 0 ;
	}
img.member_photo {
	box-sizing: border-box;
	width:100%;
	height:auto;
	border: 6px solid white;
	}
div.member_band div {
	box-sizing: border-box;
	flex-basis: 70%;
	}
div.member_band div:first-of-type {
	flex-basis: 30%;
	min-width:200px;
	margin: 0 20px 0 0;
	}
div.member_band div:first-of-type.member_desc_body {
	flex-basis: 100%;
	min-width:100%;
	}
div#membermap div:first-of-type {
	min-width: auto;
	margin: 0px;
	}
div.sm_mapfloat {
	display: flex;
	align-items: center;
	}
div.sm_mapfloat a.sm_map {
	display:block; 
	padding-bottom: 20px;
	}
div.member_map_cell {
	box-sizing: border-box;
	width:100%;
	height:412px;
	border: 6px solid white;
	}
iframe.member_map {
	width:100%;
	height:400px;
	}
div.member_meta {
	margin: 0 30px 0 0;
	padding: 0 30px 0 0;
	border-right: 1px solid #c69f52;
	min-width: 220px;
	max-width: 220px;
	}
div.member_meta h2,
div.member_band p.h2_style {
	color:#c69f52;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:1.2em;
	line-height:1.1em;
	margin: 0 0 10px 0;
	}
div.member_meta ul {
	list-style-type:none;
	margin: 0 0 20px 0;
	}
div.member_meta ul li {
	line-height:1.2em;
	margin-bottom: 8px;
	}
div.member_meta img.member_logo {
	width:220px;
	height:auto;
	padding: 0 0 20px 0;
	}
div.related_members {
	padding: 10px 0 10px 0 ;
	}
div.list_wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	}
a.one_member {
	box-sizing: border-box;
	width:25%;
	padding: 0 1% 10px 1%;
	}
a.one_member div {
	width:100%;
	height: 200px; /* resize to square with js */
	overflow: hidden;
	}
a.one_member div img {
	box-sizing: border-box;
	border: 4px solid #fff;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	object-fit: cover;
	transition: border .5s;
	}
a.one_member:hover div img {
	border: 4px solid #502983;
	}
a.one_member:hover {
	cursor:pointer;
	}
a.one_member p {
	box-sizing: border-box;
	padding: 0 4px;
	margin: 8px 0 0px 0;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.1em;
	}
a.one_member p.tagline {
	text-transform:none;
	font-weight: 300;
	font-size: 0.9em;
	margin: 2px 0 10px 0;
	color:#464646;
	}

div#email_member_form {
	padding: 20px 0;
	}
div#email_member_form input[type=submit] {
	padding: 6px 10px 7px 10px;
	margin:10px 0 0 2px;
	}

/* ------------------------------------------------------------------ CATEGORY PAGE --- */
h1.category_title {
	width:calc(100% - 100px);
	max-width: 1400px;
	margin: 0 auto 0 auto;
	padding: 60px 0 30px 0 ;
	}

div.single_member_wrap.category_index {
	flex-direction: row;
	padding: 0px 0 40px 0 ;
	}
div.category_index div.member_description {
	padding: 0px 0 0 0 ;
	}
div.tag_index div.member_description {
	width:calc(100% - 220px);
	}
a.pdf_map {
	font-size: 0.8em;
	font-weight: 600;
	display:block;
	text-align: center;
	}
a.pdf_map:hover,
div.container.kauai_map a.pdf_map:hover {
	color:#868389;
	}

div.member_meta ul.tag_list li {
	display:inline-block;
	line-height:1.2em;
	margin: 0 1px 8px 0;
	padding: 0 5px 0 1px;
	border-right: 1px solid #c69f52;
	}









/* ---------------------------------------------------------------- NAVIGATION BAND --- */
div.container.navigation_band {
	background: url(images/floral_pattern_lt.png) no-repeat #ebe3c7;
	background-position: center center;
	background-size: cover;
	color:#fff;
	margin-bottom: 0px;
	border-top: 6px solid #c69f52;
	border-bottom: 6px solid #c69f52;
	}

div.container.navigation_band div.content {
	display: flex;
	flex-wrap: wrap;
	width:calc(100% - 200px);
	background: url(images/floral_pattern_dk.png) no-repeat #220f32;
	background-position: center center;
	background-size: cover;
	padding: 0px;
	border-left: 6px solid #c69f52;
	border-right: 6px solid #c69f52;
	}
div.container.navigation_band div.content a {
	box-sizing: border-box;
	display:block;
	width:33.3332%;
	padding: 20px 0;
	text-align:center;
	font-family: birch-std, serif;
	font-weight: 400;
	font-style: normal;
	text-transform:uppercase;
	letter-spacing: 0.5px;
	font-size: 1.3em;
	border: 3px solid #c69f52;
	background: rgba(34,15,50,0.1);
		transition: background .5s;
	color:#fff;
	flex-grow: 1;
	}
div.container.navigation_band div.content a.join_kmp {
		box-sizing: border-box;
		display:block;
	width:33.3332%;
	padding: 20px 0;
		text-align:center;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
		text-transform:uppercase;
	font-size: 1.2em;
		border: 3px solid #c69f52;
	background: #5c8b31;
			transition: background .5s;
		color:#fff;
	}
div.container.navigation_band div.content a.join_kmp i {
	color:#fff;
	}
div.container.navigation_band div.content a:hover {
	background: #4d1d85;
	}
div.container.navigation_band div.content a i {
	color:#c69f52;
	padding-left:4px;
	transform: scale(0.8);
	}

/* ----------------------------------------------------------------------- MAP BAND --- */
div.container.kauai_map {
	position:relative;
	padding: 30px 0 !important;
	background-image: linear-gradient(#220f32, #220f32);
	color:#c69f52;
	}
div#shop_by_region {
	font-size:1.7em;
	line-height:1.1em;
	margin:20px 20px 0 50px;
	color:#c69f52;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	text-align:center;
	}
div.container.kauai_map div.content {
	display: flex;
	}
div.container.kauai_map div.content a.sm_map {
	box-sizing: border-box;
	display:block;
	}
div.container.kauai_map div.content p.related_header {
	font-size:1.4em;
	}
div.container.kauai_map div.content a.sm_map img {
	width:100%;
	height:auto;
	object-fit: cover;
	padding: 0 0 10px 0;
	}
a.sm_map:hover,
div.sm_mapfloat:hover {
	cursor:pointer;
	}
a.sm_map img,
div.sm_mapfloat img {
	filter: grayscale(0);
	transition: filter .3s;
	}
a.sm_map:hover img,
div.sm_mapfloat:hover img {
	filter: grayscale(1);
	opacity:0.9;
	}
a.sm_map p.related_header i {
	color:#868389;
	transition: color .3s;
	}
a.sm_map:hover p.related_header i,
a.sm_map:hover p.related_header,
div.sm_mapfloat:hover p.related_header i,
div.sm_mapfloat:hover p.related_header {
	color:#502983 !important;
	}
div.container.kauai_map a.pdf_map {
	padding: 10px 0;
	width:calc(100% - 200px);
	max-width: 1250px;
	text-align: right;
	margin: 0 auto;
	color: #c69f52;
	}


/* ---------------------------------------------------------------- KAUAI MAP PAGE --- */
body.pageid-1541 div#header {
	top:0px;
	}
body.pageid-1541 div#logo {
	width:120px;
	height:132px;
	margin: -70px auto 0 auto;
	}

body.pageid-1541 div#footer { 
	width: 100%;
	position: fixed;
	bottom:0px;
	left:0px;
	z-index: 10;
	padding: 0;
	margin: 0;
	}
body.pageid-1541 div#footer a.kauai_county { 
	display:none;
	}
body.pageid-1541 div#footer div.footer_right {
	width: calc(100% - 40px);
	max-width: 100%;
    }
body.pageid-1541 div#footer div.footer_text {
	display: block;
	padding: 10px 0;
	height:auto;
	}
div#g_map_outer {
	box-sizing: border-box;
	position:fixed;
	top:50px;
	left:0px;
	width: 100%;
	height: calc(100vh - 110px);
	}
div#g_map_outer iframe {
	width: 100%;
	height: calc(100vh - 110px);
	z-index:1;
	}
div.one_marker {
	display:inline-block;
	border-left:2px solid #220f32;
	padding:0 0 10px 0;
	white-space:nowrap;
	width:10px;
	overflow:visible;
	margin-left:10px;
	}
div.one_marker div.marker_inset {
	float:left;
	text-align: left;
	border-top: 2px solid #220f32;
	border-right: 2px solid #220f32;
	border-bottom: 2px solid #220f32;
	box-shadow: 0px 0px 10px #000;
	}
div.one_marker div.marker_inset a {
	display:block;
	white-space:nowrap;
	font-weight: 600;
	font-size: 1.0em;
	line-height: 1.0em;
	color:#fff;
	text-shadow: 1px 1px 2px #000;
	background:#8232cc;
	padding:6px 6px 7px 6px;
	transition: background .5s;
	}
div.one_marker div.marker_inset a:hover {
	background:#5b811a;
	cursor:pointer;
	}
	

/* ---------------------------------------------------------------------- LOGO BAND --- */
div.container.kauai_logo {
	padding: 30px 0;
	background: url(images/logo_bkgd.png) #5c8b31 no-repeat left center;
	background-size: auto 100%;
	color:#fff;
	}
div.container.kauai_logo div.content {
	display: flex;
	align-items: center;
	}
div.container.kauai_logo div.content div.about_kauai_made_logo,
div.container.kauai_logo div.content div.about_kauai_made {
	padding: 20px;
	box-sizing:border-box;
	}


/* ----------------------------------------------------------------------- SIDEBARS --- */
div#sidebar { 
	float:left;
	width:340px;
	margin: 10px 0px 10px 10px;
	background-color: rgba(194,194,194,0.2);
	}
div.widget {
	margin:0 0 20px 0 ;
	overflow:hidden;
	background-color: rgba(194,194,194,0.3);
	}

/* --------------------------------------------------------------------- NAVIGATION --- */
a#nav_toggle {
	display:block;
	color:#fff;
	padding: 9px 50px 10px 10px;
	font-size:1.8em;
	line-height:1.0em;
	position:absolute; 
	top:0px;
	right:0px;
	z-index: 50;
	}
nav#access {
	position:fixed;
	top:0px;
	right:-100vw;
	width: 100vw;
	min-height: 200vh;
	margin:0px;
	padding:0;
	background-color:rgba(0,0,0,0.5);
	opacity:0;
	z-index: 50;
	transition: opacity .5s;
	}
nav#access.visible_menu {
	width: 100vw;
	right:0px;
	opacity:1.0;
	}

div#menu {
	background: url(images/floral_pattern_dk.png) no-repeat #220f32;
	background-position: center center;
	background-size: cover;

	position: absolute;
	top: 60px;
	right: 0px;
	margin:0;
	padding:0;
	}
div#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	}
div#menu ul.menu {
	margin:0px;
	box-shadow: 0px 0px 20px #000;
	}

div#menu ul li.menu-item a {
	text-align:left;
	display:block;
	padding: 12px 20px 12px 15px;
	margin:0 0 0 0;
	width:300px;

	font-family: birch-std, serif;
	font-weight: 400;
	font-style: normal;
	text-transform:uppercase;
	font-size: 1.3em;

	line-height: 1.0em;
	}


div#menu ul li {
	float:none;
	margin:0px;
	}






/* ------------------------------------------------------------------------- FOOTER --- */
div#footer { 
	clear: both;
	padding: 30px 0;
	margin: 0 0 40px 0;
	}
div.footer_right { 
	width:calc(100% - 100px);
		max-width: 1600px;
	text-align: right;
	margin: 0 auto;
	}
div.footer_right a.kauai_county {
	display:block;
	float:right;
	margin: 0 0 0 20px;
	aspect-ratio: 1/1;
	max-width:80px;
	}
div.footer_right a.kauai_county img { 
	width:100%;
	height:auto;
	}
div.footer_text {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height:78px;
	}
div.link,
span.ft_sep {
	color:#756785;
	}
div.link a {
	color:#c69f52;
	transition: color .5s;
	}
div.link a:hover {
	color:#c9e08d;
	cursor:pointer;
	}
div.copyright {
	margin: 10px 0 0 0;
	font-size:0.70em;
	line-height: 1.0em;
	}


/* ----------------------------------------------------------------------- SIDEBARS --- */
div#sidebar { 
	float:left;
	width:340px;
	margin: 10px 0px 10px 10px;
	background-color: rgba(194,194,194,0.2);
	}
div.widget {
	margin:0 0 20px 0 ;
	overflow:hidden;
	background-color: rgba(194,194,194,0.3);
	}


/* ------------------------------------------------------------------------- SOCIAL --- */
div.social {
	font-size:1.8em;
	line-height:1.0em;
	margin: 9px 0 0 0;
	}
div.social a {
	transition: color .5s;
	}
div.social a.instagram {
	color: #fff;
	}
div.social a.facebook {
	color: #fff;
	}
div.social a.instagram:hover {
	color: #b82f91;
	}
div.social a.facebook:hover {
	color: #3c5a99;
	}

/* ---------------------------------------------------------------- MEMBER'S SOCIAL --- */
div.mem_social {
	padding-top: 12px;
	}
div.mem_social a {
	padding-right: 5px;
	}
div.mem_social a.facebook {
    color: #3c5a99;
    }
div.mem_social a.instagram {
    color: #b82f91;
    }
 div.mem_social a.twitter {
    color: #00aced;
    }
 div.mem_social a.googleplus {
    color: #dd5044;
    }
 div.mem_social a.pinterest {
    color: #c11f31;
    }
 div.mem_social a.tripadvisor {
    color: #00a680;
    }
 div.mem_social a.yelp {
    color: #c82818;
    }
 div.mem_social a.youtube {
    color: #cb2b2d;
    }


/* ----------------------------------------------------------------- SEARCH RESULTS --- */
.search_result_blox {
	margin: 0 0 20px 0;
	background-color: rgba(194,194,194,0.5);
	}
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.9em;
	line-height:1.3em;
	margin: 4px 0 0 0;
	text-transform:uppercase;
	}
div.wp-caption {
	}


/* -------------------------------------------------------------------------- FORMS --- */
body.pageid-39 div.wpcf7,
body.four04 #searchform-404  {
	margin: 60px auto 0 auto;
	max-width:1200px;
	}
div.wpcf7 p {
	margin: -6px 5px 0 5px;
	}
fieldset {
	padding:0px; 
	margin:0px;
	}
legend {
	display:block;
	font-size:1.8em;
	line-height:1.0em;
	margin:0 0 10px 0;
	}
.commerce-cell,
.double-cell {
	float:none;
	width:100%;
	margin: 0px;
	}
.label-cell {
	float:none;
	width:100%;
	margin: 0 0 4px 0;
	}
input[type=radio] {
	height:20px;
	}
input[type=text], 
input[type=email],
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	width:100%;
	padding:5px;	
	font-size: 1.0em;
	line-height:1.0em;
	border-radius:5px;
	background-color:#fff;
	border:1px solid #bbb;
	margin: 0 0 10px 0;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	}
textarea {
	height:250px;
	}
select {
	background: url(images/select-pattern.png) #f0f0f0 no-repeat center right;
	}
input:focus, 
textarea:focus, 
select:focus {
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);  
	}
input[type=submit]:hover,
input[type=button]:hover,
a.bttn_next_step:hover {
	cursor:pointer;
	}


input[type=submit],
div.member_meta a.post-edit-link {
	-webkit-appearance: none;
	-moz-appearance: none;
	display:block;
	text-align:center;
	padding: 12px 30px 13px 30px;
	border-radius:5px;
	margin:10px auto 15px auto;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	text-decoration: none;
	border:transparent;
	font-size:0.9em;
	line-height: 1.0em;

	background: #3b1e5d;
	color: #fff;
	transition: background .5s, border-radius .5s;
	
	}
input[type=submit]:hover,
div.member_meta a.post-edit-link:hover {
	border-radius:30px;
	background: #5a17a9;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	}


/* -------------------------------------------------------------------- FORM ERRORS --- */
div.screen-reader-response[role="alert"] {
	display:none;
	}
div.wpcf7-response-output {
	box-sizing: border-box;
	width:100%;
	margin: 0 0 0 2%;
	padding: 20px;
	float:none;
	clear:both;
	font-weight: bold;
	font-size: 1.2em;
	border:transparent;
	border-radius: 8px;
	background: #502983;
	color: #fff;
	}
input[type=text].wpcf7-not-valid, 
input[type=email].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid,
textarea.wpcf7-not-valid {
	background:#c7bcdf;
	border:1px solid black;
	}
span.wpcf7-not-valid-tip {
	text-align:right;
	color:#502983;
	display:block;
	line-height: 1.0em;
	margin-top:-8px;
	font-weight: bold;
	}
.wpcf7-form p {
	opacity: 1.0;
	height: auto;
	transition: opacity .5s, height 5s;
	}
.wpcf7-form.sent p,
.wpcf7-form.sent textarea {
	height: 2px;
	opacity: 0.0;
	}
.wpcf7-form.sent {
	height: auto;
	}


/* -------------------------------------------------------------------------- CRUFT --- */
.clr, .cld { font-size: .1em; line-height: .1em; clear:both; }
.d_hidden { display: none; }
.m_hidden { display: inline-block; }
.fixme { color:darkred; }




/* ------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------- RESPONSIVE --- */

/* ----------------------------------------------------------------- < 3600 */
@media (max-width: 3600px) { 
body {/*border-left: 5px solid blue*/;}
}

/* ----------------------------------------------------------------- < 1800 */
@media (max-width: 1800px) { 
body {/*border-left: 5px solid purple*/;}
}

/* --------------------------------------------------------------------- < 1200 */
@media (max-width: 1200px) { 
body {border-left: /* 5px solid red */;}
a.one_member {
	width:25%;
		padding: 0 1% 10px 1%;
	}
div.container.navigation_band div.content {
	width:calc(100% - 80px);
	}
div.event_desc_band {
	flex-wrap: wrap;
	}
div.event_image {
	width:100%;
	}
div.event_description {
	width:100%;
	}
div.event_member_list_wrapper a.one_member {
	width: 33%;
	}
}

/* ------------------------------------------------------------ < 900 */
@media (max-width: 900px) { 
.d_hidden { display: inline; }
.m_hidden { display: none; }
body {border-left: /* 5px solid orange */;}
div#header {
	padding: 0 20px;
	}
div#search_tool {
	width:calc(100% - 40px);
	}
a#nav_toggle {
	padding: 8px 20px 10px 10px;
	}
a.one_member {
	width:50%;
		padding: 0 1% 10px 1%;
	}
div.container.navigation_band div.content,
div.content,
div.container.kauai_map a.pdf_map {
	width:calc(100% - 20px);
	}
div.tag_index div.member_description {
	width:100%;
	}
div.container.kauai_map a.pdf_map {
	text-align: center;
	}
div.container.navigation_band div.content a,
div.container.navigation_band div.content a.join_kmp {
	width:50%;
	padding: 20px 0;
	}
div.container.kauai_map div.content {
	flex-wrap: wrap;
	}
div.container.kauai_map div.content a.sm_map {
	width:50%;
	}
div#shop_by_region {
	writing-mode: horizontal-tb;
	height: auto;
	width:100%;
	transform: none;
	margin:0px 0 20px 0;
	}
div.container.kauai_logo div.content div.about_kauai_made_logo {
	max-width:100px;
	min-width:100px;
	}
div.container.kauai_logo div.content div.about_kauai_made_logo img {
	width:100%;
	height:auto;
	}
div.member_band div:first-of-type {
	margin: 0 0 20px 0;
	}
img.alignright {
	float:none;
	margin: 0 0 10px 0 !important;
	}
img.alignright {
	width:100%;
	height:auto;
	}
div.flexible_parent {
	display: block;
	}
div.c_50 {
	box-sizing: border-box;
	width:100%;
	}
div.one_event_excerpt {
	width:49%;
	}
div.map_header {
	flex-wrap: wrap;
	}
div.event_map_link {
	width:100%;
	text-align: right;
	margin-bottom: 15px;
	}
div.event_member_list_wrapper a.one_member {
	width: 50%;
	}

}

/* --------------------------------------------------------------------- < 400 */
@media (max-width: 400px) { 
body {
	border-left: /* 5px solid yellow */;
	font-size: 20px;
	line-height:1.0em;
	}
div#billboard.content {
	width:100%;
	}
div.cycle-slideshow {
		box-sizing: border-box;
		width:100%;
	height:300px;
	}
a.cycle-slide {
		width:100%;
	height:300px;
	}
div.cycle-slideshow a p {
	background: rgba(0,0,0,0.3);
	padding: 100px 20px 20px 20px;
	font-size: 0.9em;
	}
div.cycle-slideshow a p span.member_tagline {
	max-width:100%;
	}
div#special_announcement {
	right:0px;
	padding: 10px;
	font-size: 0.85em;
	}
div#special_announcement p.spec_header {
		font-family: birch-std, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 2.0em;
		line-height: 1.0em;
		color: #3b1e5d;
	padding: 3px 0 5px 0;
	margin: 0 0 0px 0;
	border: transparent;
	}

h1 {
	font-size:3.1em;
	line-height:0.9em;
		margin-bottom:0.4em;
	}
h1.member_name {
	font-size:3.1em;
	line-height:0.9em;
		margin-bottom:0em;
	}
h1.category_title {
	width:calc(100% - 40px);
	padding: 100px 0 10px 0 ;
	}

div.member_band {
		box-sizing: border-box;
	display: block;
		padding: 0 0 40px 0 ;
	}

div.single_member_wrap {
		box-sizing: border-box;
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
	flex-wrap: wrap;
	width:calc(100% - 40px);
			max-width: 1400px;
		margin: 0 auto 0 auto;
		padding: 60px 0 40px 0 ;
	}
div.member_meta {
	margin: 0 0px 0 0;
	padding: 0 0px 0 0;
	border-right: transparent;
	min-width: 100%;
	max-width: 100%;
	}

div.container.navigation_band div.content a,
div.container.navigation_band div.content a.join_kmp {
	width:100%;
	}
body.page div.container,
body.four04 div.container {
	padding-top:80px;
	}
div.container.kauai_logo div.content {
	display: block;
	}
div.container.kauai_logo div.content div.about_kauai_made_logo {
	max-width:100%;
	min-width:100%;
	text-align:center;
	padding: 20px 0 0 0;
	}
div.container.kauai_logo div.content div.about_kauai_made_logo img {
	width:60%;
	height:auto;
	}
div#footer { 
	padding: 50px 0;
	margin: 0 0 40px 0;
	}
div.footer_right { 
	text-align:center;
	width:calc(100% - 40px);
	}
div.footer_right a.kauai_county {
	float:none;
	margin: 0 auto 20px auto;
	}
div.footer_text {
	display: block;
	height:auto;
	}
div.sm_mapfloat {
	display: none;
	}
div.member_meta img.member_logo {
	margin: 0 auto;
	display:block;
	}
div.one_event_excerpt {
	width:99%;
	}
div#search_tool input.search {
	height:34px;
	width:34px;
	background: url(images/search_icon.png) #fefefd no-repeat 2px 2px;
	}
div#search_tool input#quick_search_input {
	width:275px;
	height:33px;
	}


}