/* social buttons */

.nectar-sharing .count, .nectar-sharing-alt .count {
	display: inline-block!important;
    opacity: 1!important;
}

.content-inner .nectar-social {
    margin-top: 20px;
}

/* both footer posts */

#recent-posts .listing-item .title,
div#jp-relatedposts div.jp-relatedposts-items.jp-relatedposts-items-visual .jp-relatedposts-post .jp-relatedposts-post-title a {
  /* font-family: "proxima-nova-condensed"; */
  font-weight: 800;
  font-size: 13pt;
	
    font-family: 'Open Sans';
    color: #444;
}

.more-posts-heading {
	position:relative;
	height: 23px;
    margin-bottom: 5px;
}

div#jp-relatedposts.jp-relatedposts h3.jp-relatedposts-headline,
div#jp-relatedposts.jp-relatedposts h3.jp-relatedposts-headline em,
#recent-posts h3.recent-posts-headline {
      /* font-family: Lovelo; */
  /*
  width: 100%;
  background-color: #00335e;
  color: #FFF;
  padding: 10px 10px 7px 15px;
  */
  font-size: 16px;
    color: #00335e;
    display: inline;
    background-color: #FFF;
    padding-right: 7px;
    margin-bottom: 0;
    margin-top: 4px;
    font-weight: 700;
    font-family: 'Open Sans';
    line-height: 1;
}

.more-posts-separator {
	position: absolute;
    top: 50%;
    width: 100%;
    height: 9px;
    border-top: 1px solid #00335e;
    z-index: -3;
    padding: 0;
    margin: 0;
    display: table-cell;
    left: 0;
}

div#jp-relatedposts div.jp-relatedposts-items.jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt,
#recent-posts .listing-item .excerpt {
      display: block;
  line-height: 1.5;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size:13px;
}

#recent-posts .listing-item,
div#jp-relatedposts div.jp-relatedposts-items.jp-relatedposts-items-visual .jp-relatedposts-post {
	width: 25%;
}



/* Related posts */

.jp-relatedposts-post-context {
    display:none;
}

div#jp-relatedposts div.jp-relatedposts-items p.jp-relatedposts-post-date {
      display: inline-block;
  padding: 2px 6px;
  color: #FFF;
  background-color: #606060;
}


div#jp-relatedposts div.jp-relatedposts-items.jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
    clear:none;
}

/*
div#jp-relatedposts div.jp-relatedposts-items.jp-relatedposts-items-visual .jp-relatedposts-post {
    width:25%;
}
*/


#jp-relatedposts  {
    clear:both;
}


#jp-relatedposts.jp-relatedposts h3.jp-relatedposts-headline em {
    font-family:inherit;
}

#jp-relatedposts h3.jp-relatedposts-headline em:before {
    display:none!important;
}

/* recent headlines at the end of blog posts */

#recent-posts {
      padding: 0;
  display: block;
  position: relative;
  margin: 0;
  float: left;
  margin-top: 30px;
}

#recent-posts .listing-item {
  display: block;
  /* width: 25%; */
  float: left;
  padding-right:20px;
  position:relative;
  max-height: 350px;
  overflow: hidden;
}


#recent-posts .listing-item { opacity: 0.8; }
#recent-posts .listing-item:hover { opacity: 1; }


#recent-posts .listing-item a.image {
      display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom:15px;
}

#recent-posts .listing-item a.image {
	max-height: 150px;
	margin-bottom: 0px;
}

#jp-relatedposts a.jp-relatedposts-post-a {
  max-height: 130px;
}

#jp-relatedposts a.jp-relatedposts-post-a img {
  margin-bottom: 8px;
}

#recent-posts .listing-item a.image img {
    width:100%;
	margin-bottom: 0px;
}

#recent-posts .display-posts-listing {
      margin-right: -20px;
  margin-left: 0;
  margin-bottom:0;
  float: left;
}

#recent-posts .listing-item .title {
  line-height: 20px;
  display:block;
}
  
#recent-posts .listing-item .date,
#recent-posts .listing-item .excerpt-dash {
    display:none;
}

#recent-posts .listing-item .excerpt-dash {
      display: block;
  position: absolute;
  width: 100%;
  height: 30px;
  /* bottom: 0;
  background-image: url(/wp-content/uploads/2015/06/fadeout.png); 
  background-size: 80px; */
  top: 323px;
  color: rgba(255,255,255,0);
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}


#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    display: block!important;
	/* padding-top: 10px; */
}

/* responsive layout - both sections */


@media screen and (max-width:690px) {
	/* remove columns */
	#recent-posts .listing-item,
	div#jp-relatedposts div.jp-relatedposts-items.jp-relatedposts-items-visual .jp-relatedposts-post {
		width: initial;
	}
	
	.jp-relatedposts-items {
    	width: 100%;
	}
	
	#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
   	 padding-right: 0;
	}
	
	/* float image to the left */
	#recent-posts .listing-item a.image,
	div#jp-relatedposts div.jp-relatedposts-post > a {
		max-width: 100px;
		float: left;
		max-height: 70px;
		margin-bottom: 0;
		margin-right: 10px;
	}
	
	/* hide excerpts & bottom fade out */
	#recent-posts .listing-item .excerpt,
	#recent-posts .listing-item .excerpt-dash,
	div#jp-relatedposts div.jp-relatedposts-items.jp-relatedposts-items-visual div.jp-relatedposts-post p.jp-relatedposts-post-excerpt {
		display:none;
	}
	
	/* section-specific fixes */
	#recent-posts .listing-item {
		margin-bottom:15px;
	}
	
	div#jp-relatedposts div.jp-relatedposts-items p.jp-relatedposts-post-date {
		color: initial;
		background-color: initial;
		padding: 0;
		font-size: small;
	}
	
	/* keep titles from wrapping around images */
	.jp-relatedposts-post-title, .single #recent-posts .title,
	div#jp-relatedposts div.jp-relatedposts-items p.jp-relatedposts-post-date {
    	padding-left: 110px;
	}
}