@charset "utf-8";
/* 1. GLOBAL */
/* 2. ARTICLES */
.latest-news-articles {
	width:940px;
	margin-bottom:25px;
}
	.news-article {
		width:940px;
		margin-bottom:1px;
	}
		.article-block-icon {
			float:left;
			position:absolute;
			height:81px;
			width:60px;
			z-index:2;
			margin-top:12px;
		}
		
			.article-icon {
				height:60px;
				width:60px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				margin-bottom:1px;
				background-image:url(/public/20210415001216oe_/https://www.clao.org.uk/assets/images/backgrounds/icon-article-news-page.png);
				background-repeat:no-repeat;
				background-position:14px 9px; 
			}
			
			.article-date {
				height:16px;
				width:60px;
				background-color:#717171;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				color:#FFF;
				font-size:11px;
				text-align:center;
				padding-top:4px;
			}
		
		.article-content {
			float:right;
			position:relative;
			width:840px;
			min-height:100px;
			background-color:#CCC;
			z-index:1;
			padding-top:20px;
			padding-right:20px;
			padding-bottom:20px;
			padding-left:60px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
		
			.article-content-title {
				margin-bottom:12px;
			}
			
			.article-content-title a {
				color:#363636;
				font-size:14px;
				font-weight:bold;
			}
			
				.article-content-title a:hover {
					color:#5b5b5b;
				}
			
			.article-content-text {
				color:#555555;
				font-size:14px;
				line-height:20px;
			}
		
/* 2.1 ARTICLE type 1 */
.article-1 .article-content  {
	background-color:#ebebeb;
}
.article-1 .article-icon {
	background-color:#1e3b75;
}
/* 2.2 ARTICLE type 2 */
.article-2 .article-content  {
	background-color:#e1e1e1;
}
.article-2 .article-icon {
	background-color:#363636;
}
/* 3. PAGINATION */
.news-pagination {
	float:right;
}
	.news-pagination ul {
	}
	
	.news-pagination ul li {
		float:left;
		margin-left:1px;
	}
	
		.news-pagination ul li a {
			display:block;
			height:17px;
			padding-left:7px;
			padding-right:7px;
			padding-top:4px;
			font-size:11px;
			color:#FFF;
			text-decoration:none;
			background-color:#555555;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
	
	
			.news-pagination ul li a:hover {
				background-color:#6f6f6f;
			}
	
			.news-pagination ul li a.current-page-news {
				background-color:#1e3b75;
			}
			
			.news-pagination ul li a.current-page-news:hover {
				background-color:#2e4c87;
			}