#articles{
	padding-right:0px;
}

#articles h2{
	color:#FAA71A;
	font-size:20px;
	padding-left:3px;
}

#articles .featured-list-item{
	margin-bottom:40px;
	float:right;
}

#articles .list-item{
	display:block;
}

#articles .list-article-container{
	position:relative;
	margin-bottom:20px;
	width:100%;
}

#articles .list-article-container .article-image{
	line-height:0;
	overflow:hidden;
	display:block;
	vertical-align: top;
}

#articles .article-image img{
	max-width: 100%;
	height: auto;
}

#articles .article-info {
	position:relative;
	display:block;
	vertical-align: top;
	width:100%;
	padding:20px;
}

#articles .article-title {
	position:relative;
	display:block;
	margin-bottom:5px;
}

#articles .article-title a{
	position:relative;
	color: #FAA71A;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	display:inline-block;
}

#articles .article-date{
	display:block;
	position:relative;
	color:#999;
	font-size:12px;
	margin-bottom:5px;
}

#articles .preview {

}

#articles .list-item .readMore{
	display:block;
	position:relative;
	text-align:center;
	padding:12px 20px;
	background-color:#999;
	color:#FFF;
	margin-top:15px;
}

#articles .list-item .readMore:hover{
	display:block;
	position:relative;
	text-align:center;
	padding:12px 20px;
	background-color:#CC9900;
	color:#FFF;
	text-decoration:none;
	margin-top:15px;
}


@media (min-width: 576px) {
	#articles .list-article-container{
		margin-bottom:20px;
		min-width:100%;
	}
	
	#articles .preview {

	}

	#articles .list-item .readMore{
		text-align:center;
		padding:12px 20px;
		background-color:#999;
		color:#FFF;
		margin-top:15px;
	}

	#articles .list-item .readMore:hover{
		position: relative;
		text-align:center;
		padding:12px 20px;
		background-color:#CC9900;
		color:#FFF;
		text-decoration:none;
		margin-top:15px;
	}
}

@media (min-width: 768px) {
	#articles .list-article-container{
		position:relative;
		margin:0px 0px 20px 0px;
		min-width:50%;
	}
		
	#articles .article-info {
		display:block;
		vertical-align: top;
		width:100%;
		height:100%
		position:relative;
	}
	
	#articles .article-title {
		position:relative;
		display:block;
		margin-bottom:5px;
		height:48px;
	}
	
	#articles .preview {

	}

	#articles .list-item .readMore{
		text-align:center;
		padding:12px 20px;
		background-color:#999;
		color:#FFF;
		margin-top:15px;
	}

	#articles .list-item .readMore:hover{
		text-align:center;
		padding:12px 20px;
		background-color:#CC9900;
		color:#FFF;
		text-decoration:none;
		margin-top:15px;
	}

}

@media (min-width: 992px) {
	#articles .list-article-container{
		position:relative;
		margin-bottom:20px;
		height:186px;
	}
	#articles .preview {

	}

	#articles .list-item .readMore{
		position:relative;
		text-align:center;
		padding:12px 20px;
		background-color:#999;
		color:#FFF;
		margin-top:15px;
	}

	#articles .list-item .readMore:hover{
		text-align:center;
		padding:12px 20px;
		background-color:#CC9900;
		color:#FFF;
		text-decoration:none;
		margin-top:15px;
		position:relative;
	}
	
	#articles .article-title {
		position:relative;
		display:block;
		margin-bottom:5px;
		height:48px;
	}

	#articles .article-info .preview {

	}
	
	#articles .article-image .pageLink{
	pointer-events: auto;
	position:absolute;
	margin-top:0px;
	text-shadow: 2px 2px #000;
	background-color:#e1e1e1;
	opacity: 1;
	transition-property: opacity;
    transition-duration: 0.5s;
    z-index:5000;
    height:100%;
    overflow:hidden;
}

	#articles .article-image .pageLink:hover{
	pointer-events: auto;
	background-color:#000;
	opacity: 0.1;
}

}


@media (min-width: 1200px) {
	#articles .list-article-container{
		position:relative;
		margin-bottom:20px;
		height:225px;
	}
	
	#articles .article-info .preview {

	}

	#articles .list-item .readMore{
		position:relative;
		text-align:center;
		padding:12px 20px;
		background-color:#999;
		color:#FFF;
		margin-top:15px;
	}

	#articles .list-item .readMore:hover{
		text-align:center;
		padding:12px 20px;
		background-color:#CC9900;
		color:#FFF;
		text-decoration:none;
		margin-top:15px;
		position:relative;
	}
}



/*pagination*/
#articles .paginationContainer{
	float:right;
}

#articles .pagination{
	list-style-type: none;
	margin:0;
	padding:0;
}

#articles .pagination li{
	float:left;
	margin-right:10px;
}

#articles .pagination a{
	color:#999;
	font-size:18px;
	font-weight:bold;
	text-decoration: none;
}

#articles .pagination a:hover,
#articles .pagination .active a{
	color:#222222;
}

/*article details page*/

#article-details .article-date {
	font-size:12px;
	color:#999;
}
#article-details .article-image{
	float:right;
	width:40%;
	max-height:350px;
	overflow:hidden;
	margin-left:15px;
	margin-bottom:15px;
}

#newsSidebar{
	
}

#newsSidebar h2{
	color:#222222;
	font-size:20px;
	padding-bottom:10px;
	padding-left:3px;
	border-bottom:2px solid #222222;
	margin-bottom:10px;
}
#newsSidebar .sidebarMenu{
	list-style-type:none;
	margin:0;
	padding:0px;
}
#newsSidebar .sidebarMenu a{
	font-size:16px;
	display:inline-block;
	margin-bottom:10px;
	line-height:25px;
	color:#000;
	text-decoration:none;
}
#newsSidebar .sidebarMenu a:hover{
	text-decoration:underline;
}