/* home.css */
@charset "utf-8";
.news-article{
  border-top: .25em solid #004384;
  padding:1em 2em 0 0;
  margin-bottom:0;
  overflow:hidden;
  max-height:280px;
}
.news-article-date{
  font-size: small;
  font-style: italic;
  margin-bottom: 0.2em;
}

.news-article-image{
  margin-top: 0;
}
.news-article h3{
	color: #004384;
/*   font-size: 1.5em; */

/*   padding: .6667em 0 0; */
  margin-top: 0;
  text-transform: none;
}
.news-article p {
  color: #191919;
  font-weight: 300;
  margin-bottom: 0;
  height: 165px;
}
.news-article.has-image h3{
  font-size: 1em;
  margin-top: 0.5em;

}
.news-article.has-image p {
  padding: 0 0 1em 0;
  height: 30px;
}
.news-article.has-image{
  border-top: none;
  padding:0 0 1em 0;
}

.home-badges	{
	text-align:center;
	vertical-align:middle;
	border: 1px solid black;
}
.news-article-content span	{
	text-decoration: none;
}
.contactuspadding	{
	margin-left:15px;
}

/* styles for '...' */ 
.storiesTitle {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (2) */
  max-height: 2.4em; 
  /* place for '...' */
  margin-right: 0.8em;
  padding-right: 1em;
}
/* create the ... */
.storiesTitle:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.storiesTitle:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}

/* Join Button */
.btn-join {
    background-color: #fff;
    font-weight: bold;
}
.btn-join:hover,
.btn-join:focus,
.btn-join:active    {
    background-color: #cecece;
    font-weight: bold;
    
}
.btn-join-padding {
    padding-top: 16%;
    text-align: center;
    margin-top: 15%;
}