/*  
Theme Name: Liberty Island
Theme URI: 
Description: Custom Theme for Liberty Island
Version: 1.0
Author: Dialog New Media
Author URI: https://dialognewmedia.com/
Tags: valid CSS, valid XHTML, one sidebar
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, .post-content main ul, .post-content main ol, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration: none;
}

body {background: #e4e9ef;}


h1 {
	font-family: 'Franklin Gothic Medium Cond';
}

h2, #author-bio-box .bio-description {
	font-family: "merriweather sans",sans-serif
}

strong, b {
	font-weight: bold;
}

em {
	font-style: italic;
}

.clear {
	clear: both;
	height: 0px;
}

.separator {
	border-top: dotted 1px #ddd;
	margin-top: 30px;
	padding-top: 30px;
}

.hidden {
	display: none;
}

.mobileOnly {
	display: none;
}

.displayed {
	display: initial;
}

#topbar {
	padding: 10px 0px
}

#topbar a {
	font: normal 13pt sans-serif;
	margin-right: 20px;
	color: #888;
}
	
#header {
	width: 100%;
	background: #fff;
/*	box-shadow: 0px 6px 6px 0px rgba(184,184,184,1); */
}

.container {
	width: 85%;
	margin: 0px auto;
	max-width: 1200px;
	}

#header .container {
	display: table;
}

#navbar, #logo, .social {
	display: table-cell;
	vertical-align: middle;
	width: 43%;

}

#navbar {
}

#header a {
	font: bold 17pt 'Franklin Gothic Medium Cond', sans-serif;
	color: #4c576d;
	text-decoration: none;
	margin-right: 15px;
	text-transform: uppercase;
}


#logo {
	text-align: left;
	padding: 10px 0;
}

#logo a {
	height: 140px;
	width: 247px;
	display: block;
	background: url(/wp-content/uploads/2016/07/final-logo-small-tweaked.png);
	background-size: cover;
}

.social {
	text-align: right;
}

.social a{
	text-transform: none !important;
	font: normal 30px 'Web Symbols' !important;
}

.social .last {
}

.social .searchbox {
	width: 12em; 
	height: 2em;
	margin-top: 0.3em;
	background: #e4e9ef;
	float: right;
	border: none;
	border-radius: 15px;
	
}




.wrapper {
	float: left;
	width: 100%;
	margin-right: -320px;
	}
	
.bordered {
	border: solid 2px #ccc;
}

.padded {
	padding: 40px 40px 10px 40px;
}

.mainBar {
	margin-right: 250px;
	}


.mainBar .post-content a {
	border-bottom: solid 3px #ca0b0f;
	padding: 0 0 1px 0;
}

.mainBar .post-content a:visited {
	border-color: #000;
}


.sidebar {
	float: left;
	width: 200px; 
	margin: 0px 0px 20px 95px;
	font: normal 1em 'merriweather sans';
	background: #fff;
	padding: 20px 10px;
	}

.sidebar li {
	list-style-type: none;
}


.middleWrapper {
	float: left;
	width: 100%;
	margin-right: -320px;
	}
	
.leftBar {
	margin-right: 350px;
	border-right: dotted 1px #ddd;
	padding-right: 30px;
	margin-top: 25px;
}
	
.rightBar {
	float: left;
	width: 320px; 
	margin: 25px 0px 20px 0px;
	font: normal 1.2em 'merriweather sans';
	}
	

.leftBar h1 {
	font: bold 27pt 'franklin gothic medium cond', sans-serif;
	line-height: 1em;
	letter-spacing: -1px;
}

.leftBar h3 {
	font: normal 16pt 'merriweather sans';
	margin-top: 10px;
}


.date {
	color: grey;
	margin-bottom: 10px;
	font-size: 95%;
}


h3.byline {
	font-style: italic;
}



header img {
	border-top: dotted 1px #ddd;
	padding-top: 30px;
}

#popular {
	padding: 20px;
	border: dotted 1px #ddd;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
    
a {
	color: #196FB5
}

#popular li {
	margin-bottom: 5px;
	margin-left: 20pt;
	font-size: 180%;
	list-style: square;
	line-height: 0.8em;
}
        
#popular a {
	color: black;
	font-size: 60% !important;;
}
    
#popular li:nth-child(1) {
	color: green
}
    
#popular li:nth-child(2) {
	color: #5CD5CD
}
    
#popular li:nth-child(3) {
	color: #FF9F40
}
    
#popular li:nth-child(4) {
	color: #B22FDE
}
    
#popular li:nth-child(5) {
	color: #412BFF
}

#popular .tptn_list_count, #popular li:nth-child(6),  #popular li:nth-child(7), #popular li:nth-child(8), #popular li:nth-child(9), #popular li:nth-child(10) {
	display: none;
}




.topic, .post-categories, .post-categories a {
	list-style-type: none;
	font: bold 18pt 'merriweather sans';
	text-transform: uppercase;
}

.topic a, .redhed {
	color: #E12917;
}
	

#frontPromo {
	width: 100%;
	cursor: pointer;
	margin-bottom: 20px;
}



.featuredItem {
	margin-bottom: 30px;
	background: #fff;
}

.featuredItem h1 a {
	color: #404c5a;
}



.featuredItem h1, .leftBar h1 {
	font: bold 32pt 'franklin gothic medium cond', sans-serif;
	line-height: 1em;
	letter-spacing: -1px;
	margin-bottom: 20px;
}

div#buddypress div.post-content h2 a {
	color: black; 
	border: none;
	font-style: normal;
}

div#buddypress div.item-list-tabs ul li {
	font: normal 9pt sans-serif;
}

div#buddypress li {
	list-style-type: none;
	float: left;
	padding: 10px;
	font: normal 9pt sans-serif;
	background: #eee;
	margin-right: 5px;
}

div#buddypress li a {
	border: none;

}
.featuredItem h2 {
	font-size: 15pt;
	margin-bottom: 0.2em;
	font-style: italic;
}

.featuredItemPhoto {
	width: 40%;
	height: 300px;
	display: block;
	background-size: cover;
	float: right;
	margin-left: 2%;
	background-position: center;
}

.featuredItem p, .post-content div {
	margin-bottom: 1.1em;
	font: normal 14pt georgia;
	line-height: 1.5em;
}

.featuredItem img, .post-content img {
	max-width: 100%;
}





.blogItem h1 a{
	font-size: 26pt;
}

#article h1 {
	font-size: 46pt;
	margin-bottom: 10px
}

#article h2 {
	font-size: 20pt;
	margin: 20px 0px 20px 0px;
}

.byline {
	padding: 0px 0px 20px 0px;
}

.featuredItem h3 {
	font: normal 14pt 'merriweather sans';
	margin-top: 15px;
}

/*
div.featuredItem:not(:first-child){
	width: 48.5%;
	float: left;
}

div.featuredItem:nth-child(even) {
	margin-right: 3%;
}

div.featuredItem:not(:first-child) h1 {
	font-size: 30pt;
}

div.featuredItem:not(:first-child) p, div.featuredItem:not(:first-child) h2{
	display: none;
}

div.featuredItem:not(:first-child) .featuredItemPhoto {
	width: 100%;
	height: 250px;
}

*/






.emailSignup {
	border: solid 1px #2386c9;
	padding: 30px;
	background: #cfe5f4;
	text-align: center;
	margin: 0px 0px 30px 0px;
	font: normal 16pt 'Merriweather Sans';

	
}

#mce-EMAIL {
	width: 50%;
	background: white;
	border: none;
	padding: 5px;
	height: 35px;
	padding: 0px;
}

#mc-embedded-subscribe {
	margin-left: 4px;
	background: #2386c9;
	border: dotted 1px black;
	color: white;
	font-weight: bold;
	height: 35px;
	padding: 0px;
}

#mailIcon {
	font: normal 48pt "Web Symbols";
	float: left;
	margin: -10px 34px 0px 0px;
	color: #2386c9;
	cursor: default;
}
    


blockquote {
	margin-left: 10%;
	margin-right: 10%;
}

h4 {
	font: normal 20pt 'cambria' serif;
	line-height: 1.5em;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

.sidebar h4, .rightBar h4 {
	font: bold 20pt 'merriweather sans';
	color: #E12917;
	text-transform: uppercase;
	margin-top: 0px;
	border: none;
	
}

.sidebar ol{
	text-align: left;
	padding: 0px 0px 0px 32px;
}

.sidebar ol li {
	margin-bottom: 0.3em;
}

.posting {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: dotted 1px #ddd;
}

.leftBar .first {
	padding-top: 30px;
	margin-top: 30px;
	border-top: dotted 1px #ddd;
}

.singlePage .attachment-post-thumbnail {
	width: 100%;
	height: auto;
}

.wp-caption.alignright {
	float: right;
}

.wp-caption-text {
	font: bold 70% sans-serif !important;
	}

.singlePage p, div.mobileOnly.posting {
	font: normal 15pt cambria, times, serif;
	margin-top: 20px;
	line-height: 1.5em;
	}


div.post-content > p:nth-child(1):first-letter {color: #E12917; font-size: 6.5em; float: left; margin: 20px 20px 20px 0px; }
.featuredItem div#buddypress p:nth-child(1):first-letter {color: inherit; font-size: inherit; float: none;}






div#buddypress div.post-content div, div#buddypress div.post-content p, div#buddypress div.author-box {display: none !important;}






#footer {
	background: #de1e29;
	text-align: center;
	font: normal 12pt merriweather sans;
	color: #fff;
	padding: 10px 0 30px;
}

.footerLogo {
	padding: 20px 0;
}

#footer a {
	text-transform: uppercase;
	color: #fff;
	margin-right: 20px;
}

#footer .copyright {
	margin-top: 20px;
}

#footer .copyright a{
	text-transform: none;
}

	
.shareaholic-share-buttons-container {
	margin: -20px 0px 15px -15px !important;
}	

.featuredItem .social {text-align: left;}
.authorPage #author-bio-box {padding: 0px !important;}

.authorPage #author-bio-box h3 a {font-size: 20pt !important; color: #404c5a; font-weight: bold;}

#author-bio-box .bio-description {font-size: 11pt; font-style: italic;}

.authorPage img {float:left; width: 30%; height: auto; margin-right: 15px;}

	
@media all and (max-width:1100px) {
	body {
		overflow-x: hidden;
	}
	
	.container {
		width: 98%;
	}
	
	#logo img {
		margin-left: 40px;
	}
	
	#topStory5 {display: none;}
	
	.topStory {
		padding-right: 1%;
		width: 23%;
		vertical-align: top;
		text-align: justify;
		padding-right: 1.4%;
	}
	#navbar a {
		font-size: 19px;
	}
	.social .last {	
	}
	#topStories {
		margin-top: 140px;
	}
	
	.topHeadline h1{
		font-size: 18px;
	}
	
	.sidebar {
		font-size: 1em;
	}
}

@media	only screen and (max-width:800px)  {
	.container {
		width: 96%;
	}

	.mobileOnly {
		display: block;
	}

	.sidebar, .mainBar, .wrapper, .leftBar, .rightBar, .middleWrapper, .blogItem, .sidebar .emailSignup {
		float: none;
		width: 100%;
	}

	
	.featuredItem, .blogItem, .emailSignup, .squareAd, .popular {
		border-bottom: dotted 1px #ddd;
		margin-bottom: 20px;
	}

	.sidebar {
		text-align: center;
		border: none;
		width: 100%;
		padding-left: 0px;
		margin-left: 0px;
	}

		
	.sidebar ol {
		padding-right: 32px;
	}
	.mainBar {
		margin-right: 0px;
	}
	
	#tallWide {
		text-align: center;
	}

}


@media all and (max-width:700px)  {

	html, body {
		 overflow-x:hidden; background: #fff;
	 }

	.mobileOnly {display: block}

	.padded {padding: 15px;}


	#header {
		top: 0px;
		background: #666;
		margin-bottom: 20px;
		padding-bottom: 5px;
	}

	.container {
		width: 100%;
		overflow-x:hidden;
	}

	.bordered {border: none;}

	#navbar, #largeLeaderboard, .desktopOnly, .shareaholic-canvas, div.container>div.social {
		display: none !important;
	}

	#header .container{padding: 10px 0px 0px 10px;}
	#mobileMenuIcon {
		text-align: center;
		color: #fff;
		font: normal 24px arial, sans-serif;
		text-transform: uppercase;
		cursor: pointer;
		float: left;
	}

	#mobileMenu {
		color: #ddd;

		clear: both;
		text-align:left;
		display: none;
	}	
	#mobileMenu a {
		display: block;
		width: 100%;
		color: #eee;
		text-transform: none;
		padding: 7px 0;
		font: normal 19pt arial, sans-serif;
	}

	.social {text-align: center;}
	#mobileMenu span.social a {
		display: inline-block;
		width: auto;
	}
	
	.sidebar, #mainBar {
		float: none;
	}
	
	#logo {display: inline;  margin-left: 35%}
	
	#logo a {
		height: 40px;
		width: 72px;
		display: inline-block;
	}

	div.featuredItem {width: auto !important; margin: 0}
	div.featuredItem .featuredItemPhoto {width: 100%; float: none; margin-top: 0px;}

	.featuredItemPhoto {margin-left: 0;}

	
	.sidebar {
		margin-left: -20px;
	}
	
	.sidebar .popular {
		margin-left: 20px;
	}
	
	.even {
		right: 0px;
		padding: 0px;
		margin-top: 20px;
		border: none;
	}
	
	.leftBar .first {
		border-top: dotted 1px #ddd;
		margin-top: 0px;
	}	
	
	.first .topic {
		display: none;
	}
	
	.blogItem div, .blogItem h1, .blogItem h3, .topic {
/*		margin: 0px 20px; */
	}

	
	.featuredItem h2 {
		font-size: 3vw;
	}


	.topic, .blogItem h3 {
		font-size: 12pt;
	}
	
	.blogItem h3, .posting h1, .posting p, .posting h3, #article h2 {
		margin: 10px 20px 20px 20px;
	}

	.shareaholic-share-buttons-container {
		margin-left: 6px !important;
	}

	.blogItem img {
		margin-right: 20px;
	}

	header img {
		border-top: 2px dotted #ddd;
	}

	.date {
		display: block;
	}

	.date:before {
		content: "";
	}
		
	
	.posting p {
		font-size: 14pt;
	}

	.pageTitle {
		font-size: 39pt !important;
	}
	
	#article {
		padding-top: 5px;
	}

	.post-message p{
		font-size: 14pt !important;
	}
    

	#RecentComments {
		height: 900px !important;
		width: 100%;
		background: #333;
		color: white;
		font: bold 15pt arial, sans-serif;
		padding: 10px 10px 0px 10px;
	}
    
	p.dsq-widget-meta {
		visibility: hidden;
	}


	a.dsq-widget-user, span.dsq-widget-comment, p.dsq-widget-meta a {
		font-size: 14px;
		color: white;
		font-family: arial;
		float: left;
	}

	a.dsq-widget-user {
		margin-right: 5px;
	}

	p.dsq-widget-meta a {
		visibility: visible;
	}

	span.dsq-widget-comment{
	}

	span.dsq-widget-comment p:before {
		content: "\201C";
	}

	span.dsq-widget-comment p:after {
		content: "\201D"; 
	}
    
		
}
	
@media only screen and (max-width:500px)  {
	body {
	}


	.featuredItem h1 {
		font-size: 22pt;
		margin-bottom: 10px;
	}

	.featuredItem h2 {
		font-size: 12pt;
	}
	.featuredItem h3.byline {font-size: 10pt;}
	.featuredItem p {font-size: 11pt}
/*	.topStory img {
		margin-bottom: 40px;
	}
*/
	.mobileMenu {
		top: 57px;
	}

	#RecentComments {
		height: 300px !important;
		overflow-y: scroll;
}
	
	#logo img {
		height: 40px;
	}

	#logo a {
		background: url(http://new.libertyislandmag.com/wp-content/uploads/2016/07/footer-logo.png)
	
	#article {
		padding-top: 0px;
	}
	

	iframe {
		width: 100%;
	}

	.post-content p {
		font-size: 15pt;
	}

}

@media print {
	#topStories, .rightBar, .shareaholic-canvas, #disqus_thread { display: none;}
	#article {padding-top: 160px;}
	.leftBar {margin-right: 0px; border: none; padding-right: 0px;}
	.posting p {font-size: 11pt;}
}