/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#333;background:#fff}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
/* === end Yahoo! reset ===*/

html {
	height: 100%;
}
body {
	background-color: #fff;
}
body, div, th, td, p, b, ul, li, input, textarea, select, a, h1, h2, h3, h4, h5, h6, form, input, textarea {
	color: #333;
	font-family: 'Raleway', arial, verdana, helvetica, serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.6em;
}
p,ul {
	padding-bottom: 1.7em;
}
ul li {
	list-style-type: disc;
	margin-left: 12px;
/*
	background-image: url('http://easthamptonchamber.com/img/bullet.gif');
	background-repeat: no-repeat;
	background-position: 10px 13px;
	padding-left: 25px;
	padding-bottom: 15px;
*/
}
.clearboth {
	clear: both;
}
.floatleft {
	margin: 0;
	float: left;
}
.floatright {
	margin: 0;
	float: right;
}
body#join .floatleft {
	width: 40%;
}
.textaligncenter {
	text-align: center;
}
.displaytable {
	display: table; 
}
.row {
	display: table-row;
	width: 100%;
}
.cell {
	display: table-cell;
	vertical-align: top;
}
.uppercase {
	text-transform: uppercase;
}
.small {
	font-size: 14px;
}
.width100 {
	width: 100%;
}
.mobileshow {
	display: none; /* the arrow after Places to visit */
}
.mobilehide {
	display: inline; /* the colon after Places to visit */
}
.nonmobile {
	display: unset;
}
.addspace {
	height: 300px;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #669900;
}
a img {
	border: 0;
}
b {
	font-weight: 600;
}
hr {
	clear: both;
	border: 0;
	border-top: 1px #ccc solid;
	color: transparent;
	margin: 15px 0 25px 0;
	height: 0px;
}

hr.white {
	clear: both;
	border: 0;
	border-top: 1px #fff solid;
	color: transparent;
	margin: 15px 0 25px 0;
	height: 0px;
}

h1 {
	font-family: 'Oswald', arial, sans-serif;
	color: #003366;
	font-size: 48px;
	line-height: 1.2em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 400;
}
h2 {
	font-weight: 400;
	color: #333333;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}
h3, h4 {
	font-family: 'Oswald', arial, helvetica, sans-serif;
	text-transform: uppercase;
        color: #003366;
	font-weight: 300;
	font-size: 24px;
	letter-spacing: 0.5px;
        line-height: 1.6em;
}

.item {
        font-family: 'Oswald', arial, helvetica, sans-serif;
        font-size: 18px;
        font-weight: 700;
        color: #252120;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        line-height: .2em;
}


div#main {
	margin: 0 auto;
}
body#home div#main {
	background-image: none;
}

/* ============ BUTTONS ============== */
input[type="submit"],
a.button {
	clear: both;
	display: inline-block;
	margin: 0px 0 15px 0;
	padding: 11px 30px 11px 30px;
	background-color: #8dc63f;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1.2em;
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
	border-width: 0;
}
/* ============ END BUTTONS ============== */


/* ============ TOPBAR ============== */
div#topbar {
	background-color: #fff;
	display: block;
	width: 100%;
	position: static;
	visibility: visible;
}
div#toolbar {
	/* height: 50px; */
	background-color: #036;
	color: #fff;
	text-align: right;
	padding: 0;
	line-height: 1;
}
div.mobileblock {
	display: inline;
}
div#toolbar a {
	font-family: 'Raleway', arial, verdana, helvetica, serif;
	font-weight: 400;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 5px transparent solid;
	display: inline-block;
	padding: 8px 20px 5px 20px;
}
div#toolbar .pipe {
	display: inline;
	color: #234377;
}

div#toolbar a {font-size:15px !important;}
div#toolbar a.join {
	background-color: #8dc63f;
}

div#toolbar a[href="https://members.easthamptonchamber.com/hotdeals"] {background-color: #FF0000;}
div#toolbar a[href="https://members.easthamptonchamber.com/membertomember"] {background-color: #9900FF;}
div#toolbar a[href="https://members.easthamptonchamber.com/member/newmemberapp"] {background-color: #8DC63F;}

div#toolbar a.toolnavon {
	border-bottom: 5px #00a6ce solid;
}
div#unavbar {
	text-transform: uppercase;
	width: 100%;
	margin: 30px 0;
}
div#logo {
	display: table-cell;
	padding: 0;
	width: 20%;
	vertical-align: top;
}
div#logo img {
	width: 344px;
	height: 168px;
}
div#mobilelogo {
	margin: 15px 20px 30px;
	text-align: center;
	display: none;
}
/* ============ END TOPBAR ============== */


/* ============ BOTBAR ============== */
div#footer {
	background-color: #003366;
	padding-top: 40px;
	padding-bottom: 10px;
	margin-top: 0;
}
div#footer * {
	color: #fff;
	font-size: 18px;
}
div#footer input[type="text"] {
	color: #333;
}
div#footer h3 {
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 1.5px;
}
div#footer p.copyright {
	font-size: 14px;
	letter-spacing: 0;
	padding-top: 1em;
}
div#footer div#privacy {
	padding-bottom: 40px;
}
div#footer a {
	color: #00a6ce;
}
div#footer .logocolumn {
	float: left;
	margin-right: 35px;
}
div#footer .footerform {
	margin-left: 35px;
}
div#footer .leftcolumn {
	width: 60%;
}
div#footer .rightcolumn {
	width: 40%;
}
div#footer div#social {
	padding-bottom: 25px;
}
#footer:after {
	content: "";
	display: table;
	clear: both;
}
div#partners {
	text-align: center;
	clear: both;
}
div#partners hr {
	border-top: 1px #2d4377 solid;
	width: 80%;
	margin: 22px auto 27px;
}
div#logos {
	display: flex; 
	flex-flow: row wrap; 
	justify-content: space-around;
}
.partnerlogo {
	display: inline-block;
	margin: 0 10px;
	transition: all 0.5s;
}
div#ilny {
	width: calc(13% - 20px);
	padding-top: 20px;
}
div#dli {
	width: calc(20% - 20px);
}
div#wh {
	width: calc(21% - 20px);
	padding-top: 25px;
}
div#eeg {
	width: calc(21% - 20px);
	padding-top: 25px;
}
div#iee {
	width: calc(20% - 20px);
}
/* ============ END BOTBAR ============== */


/* ============ UNAV ============== */
div#unav {
	white-space: nowrap;
	display: table-row;
	text-align: center;
	position: static;
}
div#unav a {
	text-decoration: none;
	font-family: 'Oswald', arial, helvetica, sans-serif;
	font-weight: 300;
	font-size: 30px;
	line-height: 1.4em;
	color: #036;
	text-transform: uppercase;
	padding-bottom: 0;
	letter-spacing: 2px;
	border-bottom: 5px transparent solid;
}
div#unav a.unav {
}
div#stay,
div#play,
div#dine,
div#shop {
	display: table-cell;
	background-repeat: no-repeat;
	vertical-align: bottom;
	padding-bottom: 33px;
}
div#stay {
	background-image: url('../img/icon_stay.svg');
	background-size: 64px 64px;
	background-position: center 35px;
}
div#play {
	background-image: url('../img/icon_play.svg');
	background-size: 62px 62px;
	background-position: center 35px;
}
div#dine {
	background-image: url('../img/icon_dine.svg');
	background-size: 62px 62px;
	background-position: center 45px;
}
div#shop {
	background-image: url('../img/icon_shop.svg');
	background-size: 44px 44px;
	background-position: center 55px;
}
div#unav a.unavon {
	border-bottom: 5px #00a6ce solid;
}
div#navindicator {
	border-bottom: 5px #00a6ce solid;
	background-color: #036;
	color: white;
	display: none;
	cursor: pointer;
	text-align: center;
	padding: 10px;
}	
/* ============ END UNAV ============== */


/* ============ LNAV ================== */
div#lnav {
	clear: both;
	text-align: left;
	padding: 12px 0 0;
}
div#lnav a {
	text-decoration: none;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.4em;
	color: white;
	text-transform: uppercase;
	margin-bottom: 1em;
	padding-bottom: 6px;
	display: inline-block;
	border-bottom: 3px transparent solid;
}
div#lnav a.lnavon {
	color: white;
	border-bottom: 3px white solid;
}
/* ============ END LNAV ============== */


/* ============ MIDNAV ================== */
div#midnavbar {
	clear: both;
	text-align: center;
	padding: 11px 0 0;
	height: 39px;
	background-color: #00a6ce;
	position: relative;
	z-index: 100;
}
.menu-container {  /* for the mobile nav submenu-on-side functionality */
	background-color: #00a6ce;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.25s ease-out;
	transition: -webkit-transform 0.25s ease-out;
	transition: transform 0.25s ease-out;
	transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
ul#midnavlist {
	background-color: #00a6ce;
}
.view-submenu .menu-container {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
div#midnavbar ul {
	position: absolute;
	z-index: 998;
	top: 0;
	padding: 0;
	width: 100%;
}
div#midnavbar li {
	display: inline-block;
	list-style: none;
	color: #fff;
	padding: 0;
	margin: 0;
}
div#midnavbar .midnav,	/* remove a. because there are also 'div' for pages that don't link anywhere */
div#midnavbar .midnavon {
	font-family: 'Oswald', arial, helvetica, sans-serif;
	text-decoration: none;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.4em;
	color: white;
	text-transform: uppercase;
	margin-bottom: 0;
	padding: 0 25px 6px;
	display: inline-block;
	border-bottom: 5px transparent solid;
}
div#midnavbar .midnavon {
	border-bottom: 3px #036 solid;
}
div#midnavbar div.midnav,	/* for dead links, change cursor to arrow, not text i-beam */
div#midnavbar div.midnavon {
	cursor: default;
}
ul li.has-children {
}
ul li.has-children span.sidearrow {
	position: absolute;
	right: 0;
	margin: auto;
	padding: 25px 16px 0;
	text-indent: -9999px;
	visibility: hidden;
}
ul li.has-children span.sidearrow:after {
	content: "";
	position: absolute;
	right: 12px;
	margin: auto;
	padding: 4px;
	width: 0px;
	height: 0px;
	cursor: pointer;
	font-size: 0;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* ============ END MIDNAV ============== */


/* ============ MENUNAV ============== */
div.menu {	/* the dropdown menu - nonmobile */
	visibility: hidden;
	display: block;
	position: absolute;
	width: 800px;
	left: calc(50% - 445px);
	background-color: #fff;
	padding: 30px 30px 25px 60px;
	z-index: 50;
	text-align: left;
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.39);
	-moz-box-shadow:    0px 5px 10px -5px rgba(0, 0, 0, 0.39);
	box-shadow:         0px 5px 10px -5px rgba(0, 0, 0, 0.39);
}
li#booktrip div.menu {
	width: 100%;
	left: 0;
	padding: 10px 0;
	background-color: #F7941D;
}
div.menu li { margin-left: 0; } /* for left arrow on mobile */
.midnavmenu {
	opacity: 1;
}
.midnavmenu.is-visible li a {
	opacity: 1;
}

div.menunavlist {
	float: left;
	padding-top: 15px;
	padding-right: 30px;
	min-width: 240px;
}
li#booktrip div.menunavlist {
	padding: 0;
	float: none;
}
div.menunavlist a { /* a.menunav */
	color: #036;
	display: block;
	font-family: 'Oswald', arial, helvetica, sans-serif;
	font-size: 20px;
	line-height: 3em;
	text-transform: uppercase;
}
div.menunavlist a.menunavon {
	color: #00a6ce;
}
div.navphoto {
	float: right;
	display: block;
}
div.menu::after {
	display: table;
	content: '';
	clear: both;
}

.hide-submenu {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 100%;
	cursor: pointer;
	background-color: #fff;
	-webkit-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
	display: none;
}
.hide-submenu:before {
	opacity: 0;
	content: "";
	position: absolute;
	z-index: 999;
	top: 0;
	right: 12px;
	bottom: 0;
	margin: auto;
	padding: 4px;
	width: 6px;
	height: 6px;
	cursor: pointer;
	font-size: 0;
	border-bottom: 2px solid #036;
	border-right: 2px solid #036;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	left: 0;
	right: -6px;
	-webkit-transition: opacity 0.1s ease-out;
	transition: opacity 0.1s ease-out;
}
.view-submenu .hide-submenu {  }
.view-submenu .hide-submenu:before {
	opacity: 1;
	-webkit-transition: opacity 0.15s 0.3s ease-out;
	transition: opacity 0.15s 0.3s ease-out;
}
.toggle {
	text-align: center;
	text-indent: -26px;
	position: absolute;
	z-index: 999;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0;
	left: 18px;
	bottom: 0;
	margin: auto;
	cursor: pointer;
	visibility: hidden;
	color: white;
	font-family: 'Raleway', arial, verdana, helvetica, serif;
	font-size: 18px;
	text-transform: uppercase;
	white-space: nowrap;
}
.toggle span {
	margin-right: 35px;
	position: relative;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	font-size: 0;
	width: 26px;
	height: 2px;
	background-color: #ededed;
	border-radius: 100px;
	-webkit-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
.toggle span:before, .toggle span:after {
	content: "";
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: #ededed;
	border-radius: 100px;
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.toggle span:before { bottom: calc(100% + 6px); }
.toggle span:after { top: calc(100% + 6px); }
.is-visible .toggle span { background-color: transparent; }
.is-visible .toggle span:before {
	bottom: auto;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.is-visible .toggle span:after {
	top: auto;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.visually-hidden {
	display: block;
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	z-index: 999;
	width: 1px;
}

/* ============ END MENUNAV ============== */


/* ================ BOT NAV =================*/
div#botnav {
	background-color: #00a6ce;
	text-align: center;
	padding: 35px 0;
	color: white;
	font-family: 'Oswald', arial, helvetica, sans-serif;
	text-transform: uppercase;
}
p#townheader {
	font-family: 'Oswald', arial, helvetica, sans-serif; 
	font-size: 20px; 
	line-height: 3em; 
	text-transform: uppercase; 
	font-weight: 300; 
	float: left; 
	display: inline-block; 
	margin-right: 20px;
	color: white;
	white-space: nowrap;
	width: 135px;
	padding: 0;
	text-align: left;
	cursor: default;
}
div#townlist {
	display: flex; 
	flex-flow: row wrap;
	justify-content: start;
	float: left;
	width: calc(100% - 155px);
}
div#townlist a,
div#townlist span {
	float: left;
	white-space: nowrap;
	/* flex: 1 0 28%; */
	display: inline-block;
	color: white;
	font-family: 'Oswald', arial, helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	font-weight: 400;
	line-height: 3em;
	text-transform: uppercase;
	margin-right: 25px;
}
/*
div#botnav div.container {
	display: inline-block;
	margin: 0 auto;
	width: auto;
}
*/
/* ================ END BOT NAV ============== */



/* =============== HOME PAGE ========== */
body#home div#featurearea {
	padding: 35px 10px 35px 60px;
	margin-top: 120px;
}
div#featurearea:after,
div#homecontent:after,
div#homebanner:after {
	content: "";
	display: table;
	clear: both;
}
div#homebanner {
	padding-top: 225px;
}
body#home h1,
body#home h2 {
	font-family: 'Oswald', arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 60px;
	line-height: 1.15em;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
body#home div#homebanner h1 {
	font-size: 65px;
	text-shadow: 0px 1px 1px rgba(101, 101, 101, 1);
}
body#home div#homebanner h2 {
	text-shadow: 0px 1px 1px rgba(101, 101, 101, 1);
}
body#home h2 {
	font-size: 34px;
}
div#spotlight {
	float: left;
	max-width: 580px;
	margin-right: 3%;
	width: 50%;
}
div#spotlight p.header {
	padding-left: 24px;
}

div#fbwrapper {
	background-color: #fff;
	padding: 40px;
}
div#events {
	max-width: 550px;
	/*
	width: calc(96% - 580px);
	*/
	width: 45%;
	float: left;
}
p.header {
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	color: #036;
}
div#homeevents {
	display: table;
}
div.event {
	display: table-row;
}
div.calendardate,
div.calendartext {
	display: table-cell;
}
div.calendardate {
	text-align: center;
}
div.calendardate p.month {
	font-family: 'Oswald', arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	color: #00a6ce;
	padding: 0;
}
div.calendardate p.day {
	font-family: 'Oswald', arial, helvetica, sans-serif;
	font-size: 60px;
	font-weight: 400;
	color: #00a6ce;
	padding: 0;
	line-height: 0.8em;
	margin-right: 1%;
}
div.calendartext {
	padding-left: 3%;
}
div.calendartext p {
	border-left: 1px #e1e1e1 solid;
	padding-bottom: 0;
	margin-bottom: 20px;
	padding-left: 7%;
}
div#featuredevent,
div.featuredevent-individual {
	max-width: 1200px;
	background-color: #f6f6f6;
	border-top: 10px #00a6ce solid;
} 
div#featuredevent {
	margin: 85px auto 75px auto;
}
div.block.featuredevent-individual {
	margin: 85px auto 0px auto;
} 
div.block.featuredevent-individual:last-child {
	margin: 85px auto 75px auto;
}

div#featuredevent h3,
div.featuredevent-individual h3 {
	font-size: 26px;
	margin-bottom: 1em;
}
div.block {
	width: 100%;
	padding: 0;
	margin: 0;
	display: table;
}
div.block:after {
	content: '';
	clear: both;
	display: table;
}
div.imageblockleft,
div.imageblockright {
	width: 50%;
	display: table-cell;
	background-repeat: no-repeat;
	background-size: cover; /* width & height to be larger than expected max width/height */
	background-position: center center;
}
div.imageblockleft.minheight800,
div.imageblockright.minheight800 {
	height: 800px;
	background-size: contain;
	background-position: top left;
}
div.textblockpadding {
	width: 50%;
	display: table-cell;
}
div.textblockleft {
	padding: 35px 8.7% 20px 40px;
}
div.textblockright {
	padding: 35px 40px 20px 8.7%;
}
/* ============ END HOME PAGE ========= */


/* =============== INTERNAL ============ */
div#featurearea {
	max-width: 1200px;
	background-color: #f6f6f6;
	border-top: 10px #00a6ce solid;
	padding: 35px 60px 35px 60px;
	margin: 0 auto;
}

div#titlebanner {
	background-image: url('../img/banner_membership.jpg');
	background-repeat: no-repeat;
	padding-top: 190px;
	background-position: top center;
	background-size: auto;
}

div#internal {
	padding-top: 40px;
}
div#internalcontent {
	padding-top: 10px;
	width: 67%;
	float: left;
}
div#sidebar {
	float: left;
	width: 29%
}
div#internalcontent:after,
div.container:after {
	content: "";
	display: table;
	clear: both;
}
div#widecontent {
	padding: 0 5%;
}
div.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	width: calc(100% - 40px);
}

div.featureblock {
	width: 98%;
	padding: 0 0 0 2%;
	margin: 0;
	display: table;
}
div.featureblock::after {
	content: '';
	clear: both;
	display: table;
}
div.featureblockimage {
	display: table-cell;
	background-repeat: no-repeat;
	background-size: cover; /* for "cover": img needs width & height to be larger than expected area max width/height */
	background-position: center top;
	width: 50%;
	height: 550px;
}
div.featureblocktextwrapper {
	display: table-cell;
	width: 50%;
        vertical-align: middle;
}
div.featureblocktext {
	padding: 45px 2.7% 0px 8.7%;
}

div.featureblocktext h2 {
	margin-bottom: 0em;
}

div.featureblocktext h2.sub {
	margin-bottom: 0.5em;
}
.golfradio {
	float: left;
	width: 5%;
	margin-top: 8px;
}
.golfradiotext {
	float: left;
	width: 95%;
}
/* =========== END INTERNAL ============ */

/* =========== GOOGLE CALENDAR =============== */
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* =========== GOOGLE CALENDAR =============== */

/* =========== SLIDESHOW =============== */
ul#slideshow li {
	margin: 0;
	padding: 0;
}
.bx-next, .bx-prev {
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    z-index: 998;
    width: 25px;
    height: 38px;
    top: calc(50% - 20px);
}
/*
.bx-prev {
    background-image: url("http://easthamptonchamber.com/img/icon_previous.svg");
    left: -25px;
}
.bx-next {
    background-image: url("http://easthamptonchamber.com/img/icon_next.svg");
    right: -25px;
	background-position: top right;
}
*/
div.bx-wrapper {
	position: relative;
}
/* =========== END SLIDESHOW =============== */



/* =============== FORMS =============== */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	background-color: #fff;
	margin: 10px 0; /* changing margin requires changing line height of label */
	border: 1px solid #dedede;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 17px;
	line-height: 1.25em;
	letter-spacing: 0.5px;
	padding: 8px;
	width: 80%;
	min-width: 200px;
	max-width: 350px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border-color: #003366; /* navy */
}
div.ccinfo select {
	min-width: auto;
	width: auto;
}
input#paypaldp-cc-cvv {
	width: 6em;
	min-width: 6em;
}
div.mailinglistform {
	display: table; 
	width: 100%;
}
body#join div.joinform div.row div.cell:first-child,
div.formtable div.row div.cell:first-child {
	text-align: right;
	padding-top: 13px;
	width: 42%;
	padding-right: 3%;
	white-space: nowrap;
}
body#join div.joinform.joinreview div.row div.cell:first-child,
div.formtable.formreview div.row div.cell:first-child {
	padding-top: 0;
}

body#join div.joinform div.row div.cell:last-child,
div.formtable div.row div.cell:last-child {
	width: 55%;
}
body#join div.displaytable {
	width: 100%;
}
div.joinreview {
	width: 80%;
}
div#featurefields {
	display: block;
	margin: 0 0 0 27px;
}
div#featurefields p {
	padding: 15px 0 0 0;
}
div#featurefields input[type="file"] {
	margin: 10px 0 0 0;
}
form#jrs-form-1662 {
	max-width: 100%;
	width: 100%;
	padding: 0;
}
#jrs-calendar-start-1662 {
	margin: 0;
}
form#jrs-form-1662 .jrs-select-1662 {
	margin: 0;
}
form#jrs-form-1662 .jrs-datepicker-1662 {
	height: unset;
	background-color: #fff;
	margin: 0;
	border: none;
	padding: 0.5rem;
	/* blank out site's regular form styles */
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 16px;
	line-height: 1em;
	/* letter-spacing: 0.5px; */
	width: 100%;
	min-width: unset;
	max-width: unset;
}
#widget-container-1662 #jrs-calendar-start-1662 .jrs-calendar-icon-1662::after,
#widget-container-1662 #jrs-calendar-end-1662 .jrs-calendar-icon-1662::after {
	padding: 3px 8px 13px;
}
#widget-container-1662 .jrs-dropdown-1662:after {
	padding: 2px 9px 16px 9px;
}
form#jrs-form-1662 #jrs-button-1662::after {
font-size: 22px;
}
form#jrs-form-1662 #jrs-title-1662 span {
font-size: 22px;
}
/* =============== END FORMS =============== */



/* =============== MEMBER LISTING =============== */
.featuredlisting {
	background-color: #fff;
	padding: 15px 25px;
	border-bottom: 10px #00a6ce solid;
}
.featuredlisting:after {
	content: "";
	display: table;
	clear: both;
}
img.featuredimage {
	float: left;
	margin-right: 40px;
}
.enhancedlisting {
	background-color: #fff;
}
.enhancedlisting * {
	font-weight: 600;
}
body#directory #memberlist {
	border-top: 1px #00a6ce solid;
	padding-top: 10px;
	margin-top: 14px;
}

#memberlist .displaytable {
	margin-top: 15px;
	width: 100%;
}
#memberlist h3 {
	margin: 14px 0 6px;
}
#memberlist .cell {
	border-bottom: 1px white solid;
	padding: 8px 0  8px;
}
#memberlist .row .cell:first-child,
#memberlist .row .cell:last-child {
	padding-left: 25px;
	padding-right: 25px;
}
/* =============== END MEMBER LISTING =============== */



/* ============================= MOBILE ================================ */
@media only screen and (max-width: 1220px) {
	body#home div#featurearea,
	div#featurearea {
		margin-top: 50px;
	}
}
@media only screen and (max-width: 1100px) {
	body#home div#featurearea,
	div#featurearea {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 1050px) {
	div#homebanner {
		padding-top: 200px;
	}
}
@media only screen and (max-width: 950px) {
	div#homebanner {
		padding-top: 100px;
	}
	body#join .floatleft {
		width: 49%;
	}
	div#ilny {
		width: calc(20% - 20px);
	}
	div#dli {
		width: calc(30% - 20px);
	}
	div#wh {
		width: calc(32% - 20px);
	}
	div#eeg {
		width: calc(32% - 20px);
	}
	div#iee {
		width: calc(30% - 20px);
	}
	div#midnavbar .midnav,
	div#midnavbar .midnavon {
		padding: 0 15px 6px;
	}
}
@media only screen and (max-width: 850px) {
	ul li.has-children span.sidearrow,
	.toggle	{
		visibility: visible;
	}
	div#midnavbar {
		text-align: left;
	}
	div#midnavbar ul {
		top: 39px;
	}
	div#midnavbar li {
		display: block;
	}
	div#midnavbar li:last-child {
		padding-bottom: 35px;
	}
	ul#midnavlist li a {
		display: block;
		padding: 0 12px 6px;
		line-height: 1.4em;
		-webkit-transform: translateY(12px);
		transform: translateY(12px);
		-webkit-transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
		transition: opacity 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
		transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out;
		transition: opacity 0.15s 0.1s ease-out, transform 0.15s 0.1s ease-out, -webkit-transform 0.15s 0.1s ease-out;
	}
	div.menunavlist {
		padding-top: 0;
	}
	.midnavmenu {
		opacity: 1;
		-webkit-transition: background-color 0.25s ease-out, opacity 0.15s ease-out;
		transition: background-color 0.25s ease-out, opacity 0.15s ease-out;
	}
	div.menu,
	li#booktrip div.menu {
		left: 100%;
		top: 0;
		visibility: visible;
		display: none;
		width: calc(100% - 90px);
		padding: 0 30px 25px 60px;
	}
	li#booktrip div.menu {
		width: calc(100% - 110px);
		padding: 0 30px 25px 80px;
	}
		
	.hide-submenu {
		display: block;
	}
	div.navphoto {
		display: none;
	}
	div.menu li { margin-left: 60px; }

}
@media only screen and (max-width: 800px) {
	div.container {
		/* width: 100%; loses side margin of 20px */
	}
	div#logo {
		display: none;
	}
	div#mobilelogo {
		display: block;
	}
	div#toolbar {
		text-align: center;
	}
	div#toolbar .pipe {
		display: none;
	}
	div#toolbar a.join {
		background-color: #036;
	}
	div.mobileblock {
		display: block;
		margin: 0 0 10px 0;
	}
	div#toolbar a {
		padding: 0;
		margin: 0;
	}
	div#topbar {
		position: absolute;
		visibility: hidden;
		z-index: 999;
	}
	div#unavbar {
		margin: 0;
	}
	div#unav {
		padding: 0;
		margin: 0;
		width: 100%;
		text-align: center;
		display: block;
	}
	div#unav a {
		font-family: 'Raleway', arial, verdana, helvetica, serif;
		font-weight: 400;
		color: #fff;
		font-size: 16px;
		text-transform: uppercase;
		border-bottom: 5px transparent solid;
		padding: 0;
		margin: 0;
	}
	div#stay, div#play, div#dine, div#shop {
		display: block;
		background: none;
		vertical-align: bottom;
		padding-bottom: 0;
		margin: 0 0 10px 0;
	}
	div#navindicator {
		display: block;
	}
	div#topbar {
		background-color: #036;
		padding-top: 40px;
		padding-bottom: 25px;
	}
	div#homebanner {
		padding-top: 100px;
	}
	div#homecontent h1,
	div#homecontent h2 {
		margin-left: 20px;
	}
	body#home div#featurearea,
	div#featurearea {
		padding: 35px 20px 35px 20px;
		margin-top: 50px;
	}
	div#spotlight,
	div#events {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	div#events {
		margin-top: 45px;
	}
	img.featuredimage {
		float: none;
		margin-right: 0;
		display: block;
		margin-bottom: 10px;
	}
	body#join .floatleft {
		width: 100%;
		float: none;
	}
	div#footer p.copyright,
	div#footer .floatleft,
	div#footer .floatright {
		float: none;
		margin-left: 20px;
	}
	div#footer .leftcolumn,
	div#footer .rightcolumn {
		width: calc(100% - 20px);
	}
	div#footer .floatleft.logocolumn {
		margin-right: 0;
		margin-left: 0;
	}
	div#footer .footerform {
		margin-left: 0;
	}
	div#footer p.copyright {
	}

	div#internalcontent {
		padding-top: 5px;
		width: 100%;
		float: none;
	}
	div#widecontent {
		padding: 0 2% 0 2%;
	}
	div#sidebar {
		margin-bottom: 50px;
		float: none;
		width: auto;
	}
	div#lnav  {
		text-align: center;
	}
	div#lnav a {
		margin: 0 0 0 2em;
	}
	div#lnav a:first-child {
		margin: 0;
	}
	div.featureblock {
		width: 100%;
		padding: 0;
		display: block;
	}
	div.featureblockimage {
		display: block;
		width: 100%;
		height: 300px;
	}
	div.featureblocktextwrapper {
		display: block;
		width: 100%;
	}
	div.block {
		display: block;
	}
	div.imageblockleft,
	div.imageblockright,
	div.textblockpadding {
		width: 100%;
		display: block;
	}
	div.imageblockleft,
	div.imageblockright {
		height: 400px;
	}
div.imageblockleft.minheight800,
div.imageblockright.minheight800 {
	height: 400px;
	background-size: contain;
	background-position: top center;
}
	div.textblockleft,
	div.textblockright {
		padding: 35px 20px 20px;
	}
	p#townheader {
		float: none;
		display: block;
		cursor: pointer;
		width: auto;
		margin-left: calc(50% - 65px);
	}
	div#townlist {
		display: none;
		text-align: center;
		transition: display 1s;
		float: none;
		width: auto;
		margin-left: calc(50% - 65px);
	}
	div#townlist a,
	div#townlist span {
		display: block;
		float: none;
	}
	.mobileshow {
		display: inline;
	}
	.mobilehide {
		display: none;
	}
	.addspace {
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	div#ilny {
		width: calc(30% - 20px);
	}
	div#dli {
		width: calc(45% - 20px);
	}
	div#wh {
		width: calc(48% - 20px);
	}
	div#eeg {
		width: calc(47% - 20px);
	}
	div#iee {
		width: calc(40% - 20px);
	}
	.nonmobile {
		display: none;
	}

}
@media only screen and (max-width: 480px) {
	body#join div.joinform div.row,
	body#join div.joinform.displaytable,
	div.formtable div.row,
	div.formtable.displaytable,
	div#memberlist div.displaytable,
	div#memberlist div.row,
	div#memberlist div.row div.cell,
	div#memberlist div.row div.cell:first-child,
	div#memberlist div.row div.cell:last-child {
		display: block;
		padding: 0;
	}
	div#memberlist div.row div.cell {
		border-bottom: 0;
	}
	div#memberlist div.row {
		border-bottom: 1px white solid;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	body#join div.joinform div.row div.cell:first-child,
	div.formtable div.row div.cell:first-child {
		text-align: left;
		padding-top: 13px;
		width: 100%;
		padding-right: 0;
		white-space: nowrap;
		display: block;
	}
	div.joinreview,
	body#join div.joinform div.row div.cell:last-child,
	div.formtable div.row div.cell:last-child {
		width: 100%;
		display: block;
	}
	.partnerlogo {
		display: block;
	}
	div#ilny {
		width: 50%;
		padding-top: 0;
		padding-bottom: 20px;
	}
	div#dli {
		width: 80%;
	}
	div#wh {
		width: 80%;
	}
	div#eeg {
		width: 80%;
	}
	div#iee {
		width: 80%;
		padding-top: 20px;
	}
	p#townheader,
	div#townlist {
		margin-left: 25%;
	}

}
@media only screen and (max-width: 480px) {
	p#townheader,
	div#townlist {
		margin-left: 15%;
	}
}
@media only screen and (min-width: 1365px) {
	div#titlebanner {
		background-size: contain;
	}
}
/* for screens LARGER than mobile - where hover won't mess up clicks */
@media only screen and (min-width: 851px) {
	div#unav a:hover {
		border-bottom: 5px #00a6ce solid;
	}
	div#unav #logo a:hover {
		border-bottom: none;
	}
	div#toolbar a:hover {
		border-bottom: 5px #00a6ce solid;
	}
	div#midnavbar .midnav:hover,
	div#midnavbar .midnavon:hover {
		border-bottom: 5px #036 solid;
	}
	div.menunavlist a.menunav:hover {
		color: #00a6ce;
	}
	div#footer a:hover {
		
	}
	div#lnav a:hover {
		
	}
}