.newsTitleWrapper{
	display: flex;
    margin: 40px 0 20px;
    align-items: center;
    justify-content: space-between;
	    flex-wrap: wrap;
}
.newsTitleWrapper h1,
.newsTitleWrapper a{
	margin:0;
}
.news {
margin: 20px 0;
border: 1px solid #edeaea;
border-radius: 4px;
padding: 16px;
background: #fbfbfb;
box-shadow: 0 0 4px rgba(220,220,220,.64);
-webkit-box-shadow: 0 0 4px rgba(220,220,220,.64);
-moz-box-shadow: 0 0 4px rgba(220,220,220,.64);
}

.noselect{
	  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.news h3{
	color: #1b1b1b;
    font-size: 14px;
    line-height: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    text-shadow: none;
    font-weight: 600;
    padding: 5px 10px;
    border-bottom: 1px solid #dcdcdc;
	margin: 0 0 10px -15px;
}

.news__row {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  padding: 8px 16px;
  border: 1px solid #edeaea;
  border-radius: 4px;
  background-color:#fff;
}
.news__row:hover{
	cursor:pointer;
	border-color:#aa7ed1;
}


.news__date {
font-size: 12px;
color: #777;
margin-bottom: 8px;
}

.news__title {
font-size: 14px;
font-weight: 600;
}

.news__content {
font-size: 14px;
line-height: 20px;
text-align: justify;
}
.news__source,.news__source a{
font-size: 11px;
color: #979797;
}
.news__content {
    display: none;	
}
.news__row.expanded{	
	padding: 16px;	
}
.news__row.expanded .news__content {
    display: block;
}

.news--preview .news__row{
	display:block;
	line-height:16px;
}
.news--preview .news__row:hover,
.news--preview .news__row{
border:none;
padding:0;
background-color:transparent;
}
.news--preview .news__row{
border-bottom: 1px solid #e5e0ea;
border-radius: 0;
padding-bottom: 5px;
}
.news--preview .news__row:hover{
border-bottom: 1px solid #e5e0ea;	
padding-bottom: 5px;
}
.news--preview .news__title{
	font-weight:normal;
	font-size: 12px;
    line-height: 14px;
}
.news--preview{
	margin-bottom:0;
}
.news--preview + .btn{
	margin-top:10px;
}

@media screen and (max-width:650px){
	.newsTitleWrapper{
		flex-direction: column;
		align-items: flex-start;	
	}
	.newsTitleWrapper .btn{
		margin-top:10px;
	}
}
