#wrapper {
	background-color: #f5f5f5;
}

.newsfeed-item {
	position: relative;

	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	margin-right: -15px;
	margin-left: -15px;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	
	padding: 15px;

	border-radius: 5px;
	background-color: #fff;
}

.newsfeed-item:hover {
	background-color: #502e81;
	color: #feca35;
}

.newsfeed-item:hover .newsfeed-title a {
	color: #feca35;
}

.newsfeed-date {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;

	font-weight: 700;
}

.newsfeed-title {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.newsfeed-title a {
	font-weight: bold;
	color: #502e81;
	text-decoration: underline;
}

.newsfeed-date,
.newsfeed-title {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.newsfeed-pagination {
	margin: 0 auto;
	margin-top: 50px;
	padding-bottom: 80px;
	max-width: 460px;
}

.newsfeed-pagination .page-numbers {
	display: block;
	font-weight: bold;
	float: left;

	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color:#502e81;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.newsfeed-pagination .page-numbers:hover {
	background-color: #e9ecef;
}

.page-numbers:first-child {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.page-numbers:last-child {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.newsfeed-pagination .page-numbers.current {
	background-color: #502e81 !important;
	border-color: #502e81 !important;
	color: #fff;
}