/* --- Homepage --- */
.blog-posts-alt .post:first-child .blog-post-alt-meta {
	display: none;
}

/* --- Homepage Desktop --- */

/* --- Top Article --- */

.blog-posts-alt .post:first-child {
	position: relative;
	float: none;
	width: 100%;
}

.blog-posts-alt .post:first-child img {
	width: 100%;
	opacity: .5;
}

.blog-posts-alt .post:first-child .blog-post-alt-thumb {
	background: #1e1f24;
}

.blog-posts-alt .post:first-child .blog-post-alt-title {
	position: absolute;
	top: 37%;
	padding: 0 12%;
}

.blog-posts-alt .post:first-child .blog-post-alt-title h2 {
	text-align: center;
	color: white;
	line-height: 1.3;
}

/* --- Three Articles --- */

.blog-posts-alt .post:nth-child(2),.blog-posts-alt .post:nth-child(3),.blog-posts-alt .post:nth-child(4) {
	width: 31.494%;
}

/* --- Frontpage Header Fonts
--- */
@media only screen and (min-width: 1px) {
	.blog-posts-alt .post:first-child .blog-post-alt-title {
		top: 36%;
	}
}

@media only screen and (min-width: 420px) {
	.blog-posts-alt .post:first-child .blog-post-alt-title h2 {
		font-size: 27px;
	}
	
	.blog-posts-alt .post:first-child .blog-post-alt-title {
		top: 36%;
	}
	
	.blog-posts-alt .post .blog-post-alt-title h2 {
		font-size: 18px;
	}
}

@media only screen and (min-width: 580px) {
	.blog-posts-alt .post:first-child .blog-post-alt-title h2 {
		font-size: 28px;
	}
	
	.blog-posts-alt .post:first-child .blog-post-alt-title {
		top: 37%;
	}
	
	.blog-posts-alt .post .blog-post-alt-title h2 {
		font-size: 20px;
	}
}

@media only screen and (min-width: 1024px) {
	.blog-posts-alt .post:first-child .blog-post-alt-title h2 {
		font-size: 40px;
	}
	
	.blog-posts-alt .post:first-child .blog-post-alt-title {
		top: 42%;
	}
}

@media only screen and (min-width: 1280px) {
	.blog-posts-alt .post:first-child .blog-post-alt-title h2 {
		font-size: 50px;
	}
	
	.blog-posts-alt .post:first-child .blog-post-alt-title {
		top: 34%;
	}
}

/* --- Header Styles --- */
#header {
	background: #0C51A5 url('https://citiesspeak.org/wp-content/uploads/2018/02/footer-background.png') no-repeat left top;
	width: 100%;
	height: 70px;
}

#header .wrapper {
	max-width: 100%;
}

body #logo {
	position: absolute;
	padding: 0;
	width: 100%;
}

.custom-logo-link {
	position: absolute;
	left: 50px;
	padding-top: 10px;
}

#logo img {
	height: 50px;
	width: auto;
	max-width: none;
}

.site-title {
	position: absolute;
	width: 100%;
	max-width: none;
	padding-top: 20px;
}

.site-title a {
	font-size: 30px;
	font-family: Montserrat;
	text-transform: none;
}

#header-social {
	position: absolute;
	right: 50px;
	margin-top: 20px;
}

.header-search-hook-show {
	font-size: 25px;
	padding: 0;
}

.header-search-mobile-nav-hook {
	padding: 0;
	font-size: 0;
}

/* --- Mobile Header --- */
@media only screen and (max-width:768px) {
	#header {
		height: 50px;
	}
	
	.custom-logo-link {
		left: 4%;
		padding-top: 6px;
	}
	
	#logo img {
		height: 40px;
	}
	
	.site-title {
		display: none;
	}
	
	.blog-post-excerpt, #header-posts {
		display: none;
	}
	
	#header-social {
		position: absolute;
		right: 2.5%;
		margin-top: 12px;
	}
	
	.header-search-hook-show {
		font-size: 20px;
	}
	
	#header-posts {
		padding: 2% 0;
	}
}

/* --- Mobile General --- */
@media only screen and (max-width:767px) {
	.blog-posts-listing .post:first-child img {
		height: 96vw;
		object-fit: cover;
	}
	
	.blog-posts-listing .post:nth-child(2) img, .blog-posts-listing .post:nth-child(3) img {
		height: 30vw;
		object-fit: cover;
	}
	
	.blog-posts-listing .post:first-child .entry-title a {
		font-size: 23px;
	}
	
	.blog-posts-listing .post:first-child {
		margin-bottom: 8px;
	}
	
	.blog-posts-listing .post .blog-post-thumb {
		margin-bottom: 8px;
	}
	
	.blog-post-alt-meta, .blog-post-meta {
		display: none;
	}
}

@media only screen and (max-width:768px) {
	.home .wrapper {
		max-width: 96%;
	}
	
	#main {
		padding: 10px;
	}
	
	.blog-posts-alt .post:nth-child(2),.blog-posts-alt .post:nth-child(3) {
		width: 48.6%;
		float: left;
		margin-bottom: 0;
	}
	
	.blog-posts-alt .post:nth-child(3) {
		margin-right: 0;
	}
	
	.home .blog-posts-alt .post:nth-child(4) {
		display: none;
	}
	
	.blog-post-title {
		text-align: left;
	}
	
	.blog-post-title h2 {
		text-align: left;
	}
}

/* --- Not Mobile --- */
@media only screen and (min-width:768px) {
	.blog-post-single-meta-info {
		margin-left: 2.8%;
	}
	
	#header-posts {
		padding: 54px 0;
	}
	
	.home #blog-posts-listing .post:nth-child(4) {
		display: none;
	}
	
	.blog-post-single-content {
		margin-left: 8%;
		margin-right: 16%;
	}
	
	.blog-post-single-content figure {
		margin-left: -5%;
		max-width: 110%;
	}
	
	.wp-caption .wp-caption-text {
		text-align: right;
		padding-right: 0;
		margin-top: 3px;
		color: #999;
	}
	
	#main {
		padding: 25px;
	}
	
}

/* --- Single Post Mobile --- */
@media only screen and (max-width:767px) {
	.blog-post-single-thumb img {
		height: 100vw;
		object-fit: cover;
	}
	
	.blog-post-single-title {
		font-size: 23px;
	}
	
	.single .wrapper {
		max-width: inherit;
	}
}

/* --- Single Post Styles --- */
@media only screen and (min-width:768px) {
	.wf-active body .blog-post-single-title {
		font-size: 40px;
	}
}

.blog-post-single-thumb {
	margin-top:20px;
	margin-bottom: 0;
}

.blog-post-single-content ol {
	padding-top: 22px;
}

.blog-post-single-content {
	font-size: 18px;
	color: #111111;
}

.blog-post-alt-title h2 {
	font-size: 20px;
}

blockquote {
	text-align: inherit;
	font-size: inherit;
	color: #777;
	font-style: inherit;
	line-height: inherit;
	padding: 0;
	background-image: none;
}

/* --- Footer Styles --- */
#footer-widgets {
	background: #0C51A5 url('https://citiesspeak.org/wp-content/uploads/2018/02/footer-background.png') no-repeat left top;
}

@media only screen and (min-width:769px) {
	#nav_menu-4 {
		text-align: left;
	}
	
	footer #subscribe-field {
		max-width: 64%;
	}
}

@media only screen and (max-width:768px) {
	footer #subscribe-field, footer #subscribe-field-2 {
		max-width: 45%;
	}
}

#footer-widgets a {
	color: white;
}

#footer-widgets {
	padding: 20px 0 0;
}

.widget_nav_menu a {
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 100;
	font-style: normal;
}

#wpstats {
	position: absolute;
	top: -10px;
}

.widget_wpcom_social_media_icons_widget a {
	font-size: 40px;
}

#footer-widgets .widget-title-line {
	display: none;
}

#footer-widgets .widget-title {
	margin-bottom: 4px;
}

footer #subscribe-blog input[type="submit"], footer #subscribe-blog-2 input[type="submit"] {
	background: #fff;
	color: #3469A9;
	margin: -20px 0 60px;
}

/* --- Everything Hidden --- */
#comments, .blog-post-single-pagination, #footer-top, #footer-bottom, #featured-posts-slider, .post-navigation, .blog-post-single-meta-social, .blog-post-slider, .blog-post-cats, .blog-post-alt-comments-count, .blog-posts-listing .clearfix, .blog-posts-slider-nav-prev, .blog-posts-slider-nav-next, .jp-relatedposts-post-context, .jetpack-likes-widget-wrapper, .blog-post-excerpt {
	display: none;
}

@media only screen and (min-width: 768px) {
.home #blog-posts-listing .post:nth-child(1), .home #blog-posts-listing .post:nth-child(2), .home #blog-posts-listing .post:nth-child(3) {
	display: none;
}


.home #blog-posts-listing .infinite-wrap .post:nth-child(1), .home #blog-posts-listing .infinite-wrap .post:nth-child(2), .home #blog-posts-listing .infinite-wrap .post:nth-child(3) {
	display: inline;
}

.home #blog-posts-listing .post:nth-child(1), .home #blog-posts-listing .post:nth-child(2), .home #blog-posts-listing .post:nth-child(3) {
	display: none;
}
}

/* --- Transition Border--- */
@media only screen and (min-width:768px) {
	#blog-posts-listing .post:nth-child(5) {
		border-top: none;
		padding-top: 0;
	}
}

#blog-posts-listing .post:nth-child(4) {
	border-top: none;
	padding-top: 0;
	margin-top: 5px;
}

/*--- Email Bar --- */
@media only screen and (min-width:769px) {
	#content .jetpack_subscription_widget {
		margin: 0 -5% 26px;
	}
}

@media only screen and (max-width:768px) {
	#content .jetpack_subscription_widget {
		margin: 0 -2% 26px;
	}
}

#content .jetpack_subscription_widget {
	background: #0C51A5 url('http://www.nlc.org/themes/nlc/img/footer-background.png') no-repeat left top;
	padding: 4% 20% 5% 5%;
	opacity: .7;
}

#content .jetpack_subscription_widget {
	color: white;
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
}

#content .jetpack_subscription_widget .widgettitle {
	color: white;
	font-size: 30px;
}

#content .jetpack_subscription_widget input {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

#content .jetpack_subscription_widget input::webkit-input-placeholder {
	display: none;
}

#content .widget_blog_subscription input[type="submit"] {
	background: #fff;
	color: #3469A9;
}

/* --- Special Feature Style - H --- */
@media only screen and (min-width:768px) {
	.postid-25939 #header {
		position: relative;
		background: black;
		background: -webkit-linear-gradient(rgba(0,0,0,.2),transparent);
		background: -o-linear-gradient(rgba(0,0,0,.2),transparent);
		background: -moz-linear-gradient(rgba(0,0,0,.2),transparent);
		background: linear-gradient(rgba(0,0,0,.2),transparent);
		box-shadow: none;
	}
	
	.postid-25939 #main {
		padding: 0;
	}
	
	.postid-25939 #main .wrapper {
		max-width: 100%;
	}
	
	.wf-active .postid-25939 #navigation {
  display:none;
}
	
	.postid-25939 .blog-post-single-content, .postid-25939 .blog-post-single-tags, .postid-25939 .blog-post-single-pagination, .postid-25939 .navigation, .postid-25939 .comments-area {
		padding: 25px;
		max-width: 80%;
		margin: 0 auto;
	}
	
	
	.postid-25939 .blog-post-single-content {
		margin-top:96vh;
		max-width: 840px;
		margin-left: 16.4%;
		margin-right: 18%;
		top:100%;
	}
	
	.wf-active .postid-25939 .blog-post-single-title {
		color: white;
		position: absolute;
		bottom:6%;
		margin-top: -24%;
		margin-left: 5%;
		max-width: 70%;
		text-shadow: 2px 2px 2px #000000;
		font-size: 3.0em;
		font-weight: 600;
	}
	
	.postid-25939 .blog-post-single-thumb img {
		position:absolute;
		height:100%;
		width:100%;
		bottom:0;
		z-index:-1;
		object-fit:cover;
	}
	
	.postid-25939 .blog-post-single-meta {
		position: absolute;
		bottom:0;
		border:0;
		margin-top: -8%;
		margin-left: 5%;
		text-shadow: 1px 1px 1px #000000;
	}
	
	.postid-25939 .blog-post-single-meta img {
		display: none;
	}
	
	.postid-25939 .post-meta-author, .postid-25939 .post-meta-date {
		color: white;
		font-size: 1.3em;
	}
	
	.postid-25939 .blog-post-single-meta a {
		color: white;
	}
	
	.postid-25939 .blog-post-single-meta-info {
		margin-left: 0;
	}
}

@media only screen and (max-width:1024px) {
	.wf-active .postid-25939 .blog-post-single-title {
		font-size: 2.5em;
	}
}

@media only screen and (min-width:1600px) {
	.wf-active .postid-25939 .blog-post-single-title {
		font-size: 4.5em;
	}
}

/* --- Related Shortcode -- */
.blog-post-single-content div#jp-relatedposts {
	background-color: #fff;
	margin: 0 -4% 26px;
	padding: 4% 3% 0 4%;
}

.blog-post-single-content .sharedaddy div#jp-relatedposts {
	background-color: transparent;
	padding-top: 40px;
	margin-top: 32px;
	margin-bottom: -10px;
	border-top: 1px solid #ddd;
}

.blog-post-single-content .jp-relatedposts a {
	color: black;
	font-family: "Montserrat", sans-serif;
}

.blog-post-single-content .jp-relatedposts img {
	margin-bottom: 4px;
}

@media only screen and (max-width:768px) {
	.jp-relatedposts-post2 {
		display: none;
	}
	
	.blog-post-single-content div#jp-relatedposts {
		padding-left: 14%;
	}
	
	.blog-post-single-content .sharedaddy div#jp-relatedposts {
		margin: 2% -4% -2%;
		padding: 5% 0 1% 9%;
		border-top: none;
	}
}

/* --- Mobile Share Bar --- */
@media only screen and (max-width:376px) {
	.sd-social-official .sd-content ul .share-linkedin {
		display: none;
	}
}

@media only screen and (max-width:768px) {
	.sd-social {
		position: fixed;
		bottom: 0;
		background-color: white;
		width: 103.5%;
		border-top: 1px solid #eee;
		padding: 14px 0 0 5.9%;
		margin: 0 0 -1.8% -5%;
	}
	
	div.sharedaddy .sd-sharing .sd-title {
		display: none;
	}
}

@media only screen and (min-width:769px) {
	.sd-social {
		display: none;
	}
}

.site-description {
	display: none;
}

/* --- Category Nav --- */

#navigation {
	height:30px;
	top:70px;
	padding-left:30px;
	width:100%;
	background-color: #e3e3e3;
}

#navigation .menu > li > a {
	padding:0 0 0 0;
	color: #555;
	font-size:.9em
}

#navigation #primary-menu {
	margin:0 auto;
		display:table;
}

#navigation #primary-menu ul {
	text-align:center;
}

#navigation #primary-menu li {
	text-align:inline-block;
}

.parallax {  
background-image: url("https://i1.wp.com/citiesspeak.org/wp-content/uploads/2018/08/fsywQBP.jpg?");
height: 100%; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-left:-4010px;
margin-right:-4010px;
margin-top:100px;
margin-bottom:100px;
}
 
.parallax-content { 
width:50%;
margin:0 auto;
color:#FFF;
padding-top:50px; 
} 

.parallax-2 {  
background-image: url("https://i0.wp.com/citiesspeak.org/wp-content/uploads/2018/08/newrochellebg.jpg");
height: 100%; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-left:-4010px;
margin-right:-4010px;
margin-top:100px;
margin-bottom:100px;
}