html {
	height: 100%;
}
body {
	background-color: #f5f5f5;
	border-top: 10px #b51b51 solid;
	padding-bottom: 35px;
}
body, div, th, td, p, b, i, ul, li, input, textarea, select, a, h1, h2, h3, h4, h5, h6, form {
	color: #333;
	font-family: 'Source Sans Pro', arial, verdana, helvetica, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4em;
}
p,ul {
	padding-bottom: 1.7em;
}
ul li {
	list-style-type: none;
	margin-left: 0;
	background-image: url('../img/bullet.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 12px;
	padding-bottom: 0px;
}
.clearboth {
	clear: both;
}
.floatleft {
	margin: 0;
	float: left;
}
.floatright {
	margin: 0;
	float: right;
}
.textaligncenter {
	text-align: center;
}
.textalignright {
	text-align: right;
}
.displaytable {
	display: table; 
	width: 100%;
}
.displaynone {
	display: none;
}
.row {
	display: table-row;
	width: 100%;
}
.cell {
	display: table-cell;
	vertical-align: top;
}
.uppercase {
	text-transform: uppercase;
}
.small {
	font-size: 14px;
}
.width100 {
	width: 100%;
}
a {
	text-decoration: none;
	color: #b51b51;
}
a img {
	border: 0;
}
b {
	font-weight: 600;
}
hr {
	clear: both;
	border: 0;
	border-top: 1px #e1e1e1 solid;
	color: transparent;
	margin: 15px 0 25px 0;
	height: 0px;
}

h1 {
	font-family: 'Merriweather', serif;
	color: inherit;
	font-size: 36px;
	line-height: 1.2em;
	letter-spacing: 1px;
	text-transform: none;
	font-weight: 400;
}
h1.pagetitle {
	margin-bottom: 1em;
}
h2 {
	font-family: 'Merriweather', serif; 
	font-weight: 300; 
	font-size:24px; 
	color: #4a5155; 
	letter-spacing: .5px;
}
h3 {
	font-family: 'Merriweather', arial, sans-serif;
	font-weight: 400;
	color: inherit;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}
h4 {
	font-family: 'Source Sans Pro', arial, helvetica, sans-serif;
	text-transform: uppercase;
	color: #4a5155;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 1.6em;
}
div#main {
	margin: 0 auto;
}
body#home div#main {
	background-image: none;
}
div.container {
	max-width: 1178px;
	margin: 0 auto;
	width: calc(100% - 110px);
}


/* ============ TOPBAR ============== */
div#topbar {
	max-width: 1178px;
	width: calc(100% - 20px);
	display: table;
	margin: 30px auto 25px;
}
div#topbar div.row:first-child {
	position: relative;
}
div#topbar div.logo {
	display: table-cell;
	text-align: center;
	width: 48%;
	padding: 5px 0;
}
div.logo {
	text-transform: uppercase;
	text-align: center;
	background-image: url('../img/long_island.svg');
	background-size: 100%;
	background-repeat: no-repeat;
}
div.logo .li,
div.logo .rn {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}
div.logo .li {
	font-size: 68px;
	color: #4a5155;
	letter-spacing: normal;
	line-height: 1em;
	display: block;
}
div.logo .rn {
	font-size: 47px;
	color: #b51b51;
	line-height: 1em;
	display: block;
	letter-spacing: -0.5px;
}
div#searchbox {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #999999;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: table-cell;
	width: 26%;
	text-align: right;
}
div#topbar span#mailinglistheader {
	display: none;
}
div#topbarmailinglistlink {
	font-size: 16px;
	cursor: auto;
	display: block;
	text-align: center;
	width: auto;
	position: relative;
}
a#topbarfeaturedbutton,
div#topbarmailinglistlink span {
	font-size: inherit;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #b51b51;
	border-radius: 5px;
	display: inline-block;
	padding: 6px 15px;
	color: white;
	margin-bottom: 25px
}
img#topbarmailinglisticon {
	vertical-align: -2px;
	margin-left: 0;
}
div#topbarmailinglist {
	border-top: 5px #b51b51 solid;
	max-width: 400px;
	background-color: #fff;
	position: absolute;
	top: 20px;
	left: 0px;
	text-align: left;
	font-size: 16px;
	text-transform: none;
	padding: 15px 18px 10px 20px;
	display: none;
	z-index: 1;
}
div#topbarmailinglist form#mailinglist td {
	font-size: 16px;
}
div#topbarmailinglist td.topbarright {
	text-align: right;
}
img#closewindow {
	display: none;
}
div#topbarmailinglist img#closewindow {
	display: initial;
	cursor: pointer;	
	margin-right: 0;
}

div#searchbox input[type="image"] {
	margin: 0 10px;
	width: 25px;
}
div#searchbox label,
div#searchbox label .svgIcon {
	/* 2025-01-28 trying to get rid of hide/show animation
	-webkit-transition:.1s background-color,.1s border-color,.1s color,.1s fill;
	transition:.1s background-color,.1s border-color,.1s color,.1s fill;
	*/
}
div#searchbox label:active,
div#searchbox label:active .svgIcon {
	/* 2025-01-28 trying to get rid of hide/show animation
	-webkit-transition:none;
	transition:none
	*/
}
div#searchbox input:focus,
div#searchbox input:valid {
	padding-left:10px;
	width:200px;
	cursor:text;
}
div#searchbox label {
	margin-right: 16px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	/* 2025-01-28 trying to get rid of hide/show animation
	-webkit-transition: .1s background-color,.1s border-color,.1s color,.1s fill;
	transition: .1s background-color,.1s border-color,.1s color,.1s fill;
	*/
	color: rgba(0,0,0,.54);
	background-color: transparent;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-rendering: optimizeLegibility;
}
div#searchbox span {
	position: relative;
	fill: rgba(0,0,0,.54);
	vertical-align: middle;
	/* 2025-01-28 trying to get rid of hide/show animation
	-webkit-transition: .1s background-color,.1s border-color,.1s color,.1s fill;
	transition: .1s background-color,.1s border-color,.1s color,.1s fill;
	*/
	line-height: 25px;
	height: 25px;
	display: inline-block;
	top: 0 !important;
}
div#searchbox svg { 
	fill: rgba(0,0,0,.54);
	line-height: 25px;
	vertical-align: -5px;
}
div#searchbox input {
	display: inline-block;
	vertical-align: middle;
	height: 37px;
	border: 1px #e0e0e0 solid;
	/* 2025-01-28 trying to get rid of hide/show animation
	 * it seems like the existence of input:valid & input:focus attributes trigger the animation
	-webkit-transition: width .2s,padding .2s;
	transition: width .2s,padding .2s;
width: 1px;
	*/
	cursor: pointer;
	padding-left: 10px;
	background-color: white;
}
div#searchbox input::placeholder {
	font-size: 15px;
	color: #999;
}
/* TO HIDE SEARCH INPUT FOR NOW
div#searchbox label {
	display: none;
} */

div#social {
	display: table-cell;
	width: 26%;
	text-align: center;
}
div#social img {
	margin-right: 20px;
}
div#social img#topbarmailinglisticon {
	margin-right: 0;
}
a#topbarfeaturedbutton {
}
/* ============ END TOPBAR ============== */



/* ============ BOTBAR ============== */
div#footer {
	margin-top: 45px;
	background-color: #fff;
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 16px; 
}
div#footer td {
	font-size: 16px; 
	line-height: 2.6em;
}
#privacy {
	font-size: 13px;
	padding-top: 10px;
}
div#footer div.logo {
	background-image: none;
	text-align: left;
	margin-bottom: 15px;
}
div#footer div.logo .li {
	font-size: 34px;
}
div#footer div.logo .rn {
	font-size: 24px;
}

.cell.outer:first-child {
	width: 34%;
}
.cell.outer:nth-child(3n-1) { /* middle of 3 cells */
	padding: 0 1%;
	width: 40%;
}
.cell.outer:last-child {
	width: 24%;
}
.cell.outer .displaytable { /* two columns of nav */
	width: 100%;
}

div#footer input[type="text"],
div#footer input[type="email"] {
	margin: 5px 0;
	padding: 0 8px;
	min-width: 150px;
}
div#topbar input[type="text"],
div#topbar input[type="email"] {
	margin: 5px 0;
	padding: 0 8px;
	width: 245px;
}
div#topbar div#topbarmailinglist input[type="text"],
div#topbar div#topbarmailinglist input[type="email"] {
	width: auto;
	min-width: auto;
}
div.botnav {
	line-height: 2.5em;
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 400; 
	font-size: 16px; 
	letter-spacing: 1px;
	width: 50%;
}
div.botnav a {
	color: #b51b51; /* red */
}
div.botnav a#botpromote {
	line-height: 1em;
}
.quote {
	font-family: 'Merriweather', serif;
	font-weight: 300;
	font-style: italic;
	font-size: 16px;
	color: #4a5155;
	letter-spacing: .5px;
	padding: 0.5em 0;
}
.quote .speaker {
	font-family: 'Source Sans Pro', sans-serif; 
	font-style: normal;
}

p.tools {
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 400;
	font-size: 12px;
	color: #4a5155;
	text-transform: uppercase;
	padding-bottom: 0;
	padding-top: 40px;
}
div#footer p.tools a {
	font-size: 12px;
}
div#footer a {
	color: #b51b51; /* red */
	font-size: 16px;
	font-weight: 400;
}

/* ============ END BOTBAR ============== */



/*  ============  UNAV  ==============  */
div#unav {
	background-color: #f5f5f5;
	white-space: nowrap;
	text-align: center;
	border-top: 1px #e1e1e1 solid;
	border-bottom: 1px #e1e1e1 solid;
	margin-bottom: 38px;
}
div#unav a {
	text-decoration: none;
	font-family: 'Source Sans Pro', arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 2.5em;
	color: #4a5155;
	text-transform: uppercase;
	padding: 0 25px;
	letter-spacing: 2px;
	display: inline-block;
}
div#unav a.bite:hover,
div#unav a.bite.unavon {
	background-color: #086FC4; /* blue */
	color: white;
}
div#unav a.do:hover,
div#unav a.do.unavon {
	background-color: #157E5A; /* green */
	color: white;
}
div#unav a.budget:hover,
div#unav a.budget.unavon {
	background-color: #735AC4; /* purple */
	color: white;
}
div#unav a.directory:hover,
div#unav a.directory.unavon {
	background-color: #B51B51;
	color: white;
}
div#navindicator {
	display: none;
	cursor: pointer;
	text-align: center;
	padding: 0 0 10px 0;
	border-bottom: 1px #e1e1e1 solid;
}	
/* ============ END UNAV ============== */



/*  ==========  PREVIEW CARDS  ==========  */
div#cardcollection {
	display: flex;
	flex-flow: row wrap;
	margin: 35px auto 0 auto;
	justify-content: start;
	justify-content: space-between;
	padding-top: 35px;
	border-top: 1px #e1e1e1 solid;
}
body#town div#cardcollection,
body#tag div#cardcollection {
	border-top: 0;
}

div.preview {
	border-right: 1px #e1e1e1 solid;
	border-bottom: 1px #e1e1e1 solid;
	border-left: 1px #e1e1e1 solid;
	background-color: #fff;
	width: 31.3%;
	margin: 0 1% 18px 1%;
	margin: 0 0 18px 0;
	display: inline-block;
}
div.placeholder {
	width: 31.3%;
}
div.homead { /* must mirror width/margins of preview as viewport changes */
	width: 31.3%;
	margin: 0 0 18px 0;
	display: inline-block;
	text-align: center;
}
div.preview.homead {
	border: 0;
	background-color: transparent;
}
div.preview img.teaser {
	max-width: 100%;
	width: 100%;
}
div.preview.bite,
/* div.feature.bite img, */
div.bite div.featureimage,
div.preview.blue,
div.container.bite img.mainimg {
	border-top: 5px #086FC4 solid; /* blue */
}
div.preview.do,
/* div.feature.do img, */
div.do div.featureimage,
div.preview.green,
div.container.do img.mainimg {
	border-top: 5px #157E5A solid; /* green */
}
div.preview.budget,
/* div.feature.budget img, */
div.budget div.featureimage,
div.preview.purple,
div.container.budget img.mainimg {
	border-top: 5px #735AC4 solid; /* purple */
}
div.preview p.town,
div.feature p.town, 
p.town a,
p.town {
	text-transform: uppercase;
	color: white;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 0 10px;
	margin-top: 25px;
	margin-bottom: 15px;
	line-height: 2em;
}
div.feature p.town, /* towns within feature area need gap */
div#internalcontent p.town {
	margin-right: 15px;
} 
div.preview p.town { /* shrink gap between list of towns */
	margin-right: -5px;
}
p.town a {
	display: inline;
	padding: 0;
	margin: 0;
}
div.preview.bite p.town a,
div.preview.do p.town a,
div.preview.budget p.town a {
	color: white;
}
div.preview.bite p.town,
.bite p.town,
.bite a.tag,
p.town.blue {
	background-color: #086FC4; /* blue */
}
div.preview.do p.town,
.do p.town,
.do a.tag,
p.town.green {
	background-color: #157E5A; /* green */
}
div.preview.budget p.town,
.budget p.town,
.budget a.tag,
p.town.purple {
	background-color: #735AC4; /* purple */
}
div.preview.bite a,
div.preview.bite h1 a:hover,
.bite a,
.bite h1 a:hover {
	color: #086FC4; /* blue */
}
div.preview.do a,
div.preview.do h1 a:hover,
.do a,
.do h1 a:hover {
	color: #157E5A; /* green */
}
div.preview.budget a,
div.preview.budget h1 a:hover,
.budget a,
.budget h1 a:hover {
	 color: #735AC4; /* purple */
}
div.preview h1,
div.preview h1 a,
div.preview.bite h1 a,
div.preview.do h1 a,
div.preview.budget h1 a {
	font-family: 'Merriweather', serif;
	font-weight: 300;
	font-size: 24px;
	color: #4a5155;
	line-height: 1.2em;
	letter-spacing: 0;
	text-transform: none;
}
div.preview h1 {
	margin: 0 20px;
}
div.feature h1,
div.feature h1 a {
	font-family: 'Merriweather', serif;
	font-weight: 300;
	font-size: 36px;
	letter-spacing: .5px;
	text-transform: none;
	line-height: 1.2em;
	padding-bottom: 20px;
	color: #4a5155;
}
div.preview p,
div.feature p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #4a5155;
	margin: 0 20px;
}
div.feature p {
	font-size: 20px;
}
p.dateline,
div.preview p.dateline,
div.feature p.dateline {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #4a5155;
	text-transform: uppercase;
	letter-spacing: 1px;
}
p.dateline,
div.feature p,
div.feature p.dateline {
	margin: 0;
}
p.dateline a,
div.preview p.dateline a,
div.feature p.dateline a {
	font-size: 14px;
	font-weight: 400;
}
div#internalcontent p.dateline {
	padding: 1.25em 0 0.75em;
}
div.featureimage {
	width: 50%;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
div.featuretext {
	padding: 80px 20px 35px 50px;
	width: calc(50% - 70px);
}
a.infinite-more-link {
	/*
	margin: 0;
	padding: 0;
	width: 0;
	display: block;
	*/
	margin: 20px 0 0 calc(50% - 65px);
}
/*  ===========  END PREVIEW CARDS ===========  */



/*  ============ BUTTONS ============== */
input[type="submit"],
.button {
	clear: both;
	display: inline-block;
	margin: 20px 0 15px 0;
	padding: 8px 30px 8px 30px;
	background-color: transparent;
	color: #b51b51; /* red */
	border: 1px #b51b51 solid;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 1.2em;
	cursor: pointer;
}
.button.on {
	background-color: #b51b51; /* red */
	cursor: default;
	color: white;
}
/* ============ END BUTTONS ============== */



/* ============ 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 ============== */



/*  ===============  HOME PAGE  ==========  */
/*
a.homead {
	display: inline-block;
	max-width: 300px;
	margin: 0 1% 18px 1%;
}
*/
/*  ============  END HOME PAGE  =========  */


/* =============== INTERNAL ============ */
div#internal {
	padding-top: 40px;
}
div#internalcontent {
	width: 68%;
	float: left;
}
div#sidebar {
	float: right;
	width: 25%
}
div#internalcontent:after,
div.container:after {
	content: "";
	display: table;
	clear: both;
}
div#widecontent {
	padding: 0 5%;
}
div.sidebarmailinglist {
	max-width: 300px;
	text-align: left;
	margin: 0 auto;
	background: rgb(46, 135, 203);
	background: -moz-linear-gradient(57deg, rgb(46, 135, 203) 8%, rgb(59, 212, 212) 72%);
	background: -webkit-linear-gradient(57deg, rgb(46, 135, 203) 8%, rgb(59, 212, 212) 72%);
	background: -o-linear-gradient(57deg, rgb(46, 135, 203) 8%, rgb(59, 212, 212) 72%);
	background: -ms-linear-gradient(57deg, rgb(46, 135, 203) 8%, rgb(59, 212, 212) 72%);
	background: linear-gradient(147deg, rgb(46, 135, 203) 8%, rgb(59, 212, 212) 72%);
	padding: 15px;
	margin-top: 60px;
}
div.sidebarmailinglist,
div.sidebarmailinglist td,
div.sidebarmailinglist span,
div.sidebarmailinglist b,
div.sidebarmailinglist p,
div.sidebarmailinglist div {
	color: white;
	font-weight: 400;
}
div.sidebarmailinglist img {
	display: none;
}
div.sidebarmailinglist td {
	display: block;
}
div.sidebarmailinglist input[type="text"], 
div.sidebarmailinglist input[type="email"] {
	background-color: white;
	margin: 2px 0 15px;
	padding: 2px;
}
div.sidebarmailinglist input[type="submit"] {
	color: white;
	border: 1px white solid;
}
div#sidebar ins {
	margin-bottom: 60px;
	display: block;
}
p.tags,
p.tags a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
}
p.tags a.tag {
	display: inline-block;
	padding: 0 6px;
	color: white;
	white-space: nowrap;
	margin: 2px;
}
/* =========== END INTERNAL ============ */




/* =============== 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 #fff;
	font-size: 16px;
	line-height: 1.25em;
	padding: 8px;
	width: 80%;
	max-width: 350px;
}
input[type="checkbox"] {
	width: 20px;
	height: 20px;
	vertical-align: -1px;
}
div#footer input[type="text"],
div#footer input[type="password"],
div#footer input[type="email"],
div#footer textarea,
div#footer select,
div#topbar input[type="text"],
div#topbar input[type="email"] {
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
}

div#sidebar input[type="text"],
div#sidebar input[type="password"],
div#sidebar input[type="email"],
div#sidebar textarea,
div#sidebar select {
	width: 100%;
	min-width: auto;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border-color: #f5f5f5; /* navy */
}
div.ccinfo select {
	min-width: auto;
	width: auto;
}

div.mailinglistform {
	display: table; 
	width: 100%;
}
body#join div.joinform div.row div.cell:first-child,
body#promote 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,
body#promote 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,
body#promote div.joinform div.row div.cell:last-child,
div.formtable div.row div.cell:last-child {
	width: 55%;
}
body#join div.displaytable,
body#promote 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;
}
p.formsuccess {
	font-size: 16px;
	line-height: 2.3em;
}

div#foodquotes p { 
         display: none; 
}

/* =============== END FORMS =============== */



/* =============== DIRECTORY LISTING =============== */
.featuredlisting {
	background-color: #fff;
	padding: 15px 25px;
	border-bottom: 5px #f5f5f5 solid;
}
.featuredlisting:after {
	content: "";
	display: table;
	clear: both;
}
img.featuredimage {
	float: left;
	margin-right: 40px;
}
p.featuredheader {
	text-transform: uppercase;
	padding: 45px 0 10px 25px;
	font-weight: 600;
}
body#directory h1.pagetitle {
	margin-bottom: 0.2em;
	display: none;
}
table#suffolklist,
table#nassaulist {
}
div.dataTables_filter {
	margin: 25px 0 15px;
}
div.featuredlisting h2 a {
	font: inherit;
	text-transform: uppercase;
}
.hidecounty {
	display: none;
}
table.dataTable * {
	font-size: 16px !important;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
	background-color: inherit;
}
table.dataTable.stripe tbody tr.even, 
table.dataTable.display tbody tr.even,
table.dataTable.stripe tbody tr.odd, 
table.dataTable.display tbody tr.odd {
	background-color: white;
}
ul.dtr-details li {
	list-style-type: none;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
	margin: 0;
	padding: 0;
}
table.dataTable > tbody > tr.child td.child { 
		/* set to match
		table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child */
	padding:  0 0 10px 30px;
	border-top: 0;
}
table.dataTable > tbody > tr.child {
	padding: 0;
}
table.dataTable tbody tr.parent td {
	padding-bottom: 0;
}
/* =============== END DIRECTORY LISTING =============== */



/* ============================= MOBILE ================================ */
@media only screen and (max-width: 1170px) {
	div#widecontent { /* 80% of widest screen is 1178px, so it's fine to lose the padding this this screen size */
		padding: 0;
	}
}
@media only screen and (max-width: 1000px) {
	.cell.outer:first-child {
		width: 34%;
	}
	.cell.outer:nth-child(3n-1) { /* middle of 3 cells */
		width: 40%; /* plus 1% on each side */
	}
	.cell.outer:last-child {
		width: 24%;
	}
	div#widecontent { /* 80% of widest screen is 1178px, so it's fine to lose the padding this this screen size */
		padding: 0;
	}
	div.container {
		width: calc(100% - 80px); /* drop side margins from 55 to 40 */
	}
}
@media only screen and (max-width: 950px) {
	.cell.outer:first-child {
		width: 35%;
	}
	.cell.outer:nth-child(3n-1) { /* middle of 3 cells */
		width: 40%; /* plus 1% on each side */
	}
	.cell.outer:last-child {
		width: 23%;
	}
}
@media only screen and (max-width: 900px) {
	div#footer div.container,
	div.container {
		width: calc(100% - 40px);
	}
	.cell.outer {
		display: block;
	}
	.cell.outer:first-child,
	.cell.outer:nth-child(3n-1),
	.cell.outer:last-child {
		width: 100%;
		padding: 0;
	}
	.cell.outer:last-child {
		text-align: left;
		margin-top: 40px;
	}
}
@media only screen and (max-width: 800px) {

	div.preview,
	div.placeholder,
	div.homead {
		width: 48%;
	}	
	div.featuretext {
		padding: 60px 10px 35px 20px;
		width: calc(50% - 30px);
	}

	div#topbar .row,
	div#topbar div#social,
	div#topbar div.logo,
	div#topbar div#searchbox {
		display: block;
		text-align: center;
		width: 100%;
	}
	div#topbar div#searchbox {
		display: block;
		text-align: center;
	}
	div#topbar div.logo {
		background-size: 70%;
		background-position: center;
	}
	div#topbarmailinglistlink {
		text-align: center;
	}

	div#footer .floatleft,
	div#footer .floatright {
		float: none;
	}
	div#footer .tools.floatright { /* remove margin above copyright */
		padding-top: 10px;
	}

	div#internalcontent {
		padding-top: 5px;
		width: 100%;
		float: none;
	}
	div#sidebar {
		margin-bottom: 50px;
		float: none;
		width: auto;
		text-align: center;
	}
}
@media only screen and (max-width: 768px) {
	div#navindicator {
		display: block;
	}
	div#unav + div.container {
		margin-top: 50px;
	}
	div#unav {
		display: none;
		position: absolute;
		width: 100%;
		padding-bottom: 15px;
		padding-top: 15px;
		border-top: 0;
	}
	div#unav a {
		display: block;
	}
}
@media only screen and (max-width: 600px) {
	div.featureimage {
		display: block;
		width: 100%;
		height: 400px;
	}
	div.featuretext {
		display: block;
		padding: 40px 0 35px 0;
		width: 100%;
	}
	div.preview,
	div.placeholder,
	div.homead  {
		width: 80%;
		margin: 0 auto 18px auto;
	}	
	div.container {
		width: calc(100% - 20px);
	}
}
@media only screen and (max-width: 480px) {
	/* on directory */
	img.featuredimage {
		float: none;
		display: block;
		margin: 0 auto;
	}
	div.preview,
	div.homead {
		width: 100%;
	}	
	div.placeholder {
		display: none;
	}
body#join div.joinform div.row,
body#join div.joinform.displaytable,
body#promote div.joinform div.row,
body#promote 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,
body#promote 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,
body#promote div.joinform div.row div.cell:last-child,
div.formtable div.row div.cell:last-child {
	width: 100%;
	display: block;
}
	.dataTables_wrapper * {
		font-size: 14px;
	}
	table.dataTable tbody th, table.dataTable tbody td {
		padding: 8px;
	}

}

/* for screens LARGER than mobile - where hover won't mess up clicks */
@media only screen and (min-width: 801px) {
	div#unav a:hover {
	}
	div#unav #logo a:hover {
	}
	div#toolbar a:hover {
	}
	div#footer a:hover {
		
	}
	div#lnav a:hover {
		
	}
}