@CHARSET "UTF-8";

.front-news-box
{
	background-color:#ffffff;
	float:left;
	min-width:480px; max-width:1500px; height:auto;
	margin-bottom:15px;
}
	.front-news-heading
	{
		background-color:#616161;
		display:block; float:left; 
		/*margin-bottom:10px;*/ 
		padding-top:3px; padding-bottom:3px; padding-left:10px; padding-right:10px;
		width:calc(100% - 20px); min-width:460px; height:35px;
	}
		.front-heading-news, .front-read-news { background-color:#6D9EEB; }
		.front-heading-ae, .front-read-ae { background-color:#6aa84f; }
		.front-heading-sports, .front-read-sports { background-color:#dd3232; }
		.front-heading-opinion, .front-read-opinion { background-color:#741b47; }
		.front-news-heading a
		{ 
			color:#ffffff; 
			font-size:12px; font-weight:bold; 
			line-height:35px; 
			text-decoration:none; text-transform:capitalize; 
		}
	.front-news-list 
	{ 
		display:inline; 
		list-style: outside none none; 
		max-width:calc(100%/*- 20px*/); width:100%;height:auto; 
		/*padding-left:10px; padding-right:10px;*/ 
	}
		.front-news-item 
		{ 
			background-color:#ffffff; 
			margin-top:10px; margin-left:10px; 
			max-width:480px; height:auto; /*min-height:380px;*/ 
			float:left; 
		}
			.front-news-item img { width:100%; max-width:480px; height:auto; max-height:273px; }
			.front-news-title 
			{ 
				/*background-image: linear-gradient(to right, transparent, white);*/ /*white-space:nowrap; overflow:hidden;*/  
				height:30px; width:100%; max-width:480px; 
				display:block; 
				position:relative; 
			}
			.front-title-fade { height:30px; }
			.front-title-text { color:#000000; font-size:16px; text-decoration:none; display:inline; transition:0.2s; white-space:nowrap; overflow:hidden; width:100%; position:absolute; }
			.front-news-info { display:block; }
				.front-news-date { display:inline; }
					.front-news-date a { color:#616161; font-size:12px; }
				.front-news-author { display:none; /*inline;*/ }
					.front-news-author a { color:#616161; font-size:12px; }
				.front-news-preview { display:block; width:100%; max-width:480px; position:relative; height:22px; }
					.front-news-preview:hover > a .front-news-read { opacity:1; visibility:visible; }
					.front-news-item:hover > .front-news-preview a .front-news-read { opacity:1; visibility:visible; }
					.front-news-excerpt { color:#616161; font-size:12px; display:inline; white-space:nowrap; overflow:hidden; position:absolute; width:100%; }
					.front-read-fade, .front-title-fade
					{ 
						position: absolute; 
						/* bottom:0; right:0; */
						width: 100%; 
						text-align: center; 
						margin: 0; /*padding: 30px 0;*/
						background-image: linear-gradient(to right, transparent, white); /* "transparent" only works here because == rgba(0,0,0,0) */
						white-space:nowrap; overflow:hidden; 
  					}
  					.front-news-read 
					{ 	/*background-color:#d13038;*/ 
						color:#ffffff;
						border-radius:6px;
						display:inline;
						float:right; 
						font-weight:bold; 
						opacity:0; visibility:hidden; 
						padding-left:5px; padding-right:5px; 
						transition:0.2s; 
					}
						.front-news-read:hover { background-color:#ffffff; color:#000000; }
	#page-nav-buttons { width:100%; /*padding-left:60px; padding-right:60px;*/ }
	/* #next-nav-button { content:"Next"; } */	
	#next-nav-button { float:right; }	
	/*#next-nav-button div:before { content:"Next"; }*/
	#back-nav-button { float:left; }
	/*#back-nav-button div:before { content:"Previous"; }*/
		.page-nav-button div { background-color:#d13038; border-radius:9px; color:#ffffff; font-size:1.5em; font-weight:bold; padding: 0px 12px; }
	@media all and (min-width:1081px)
	{
		.front-news-heading { max-width:1420px; }
		.front-news-item { width:calc(33% - 30px); }
	}
	@media all and (max-width:1080px)
	{
		.front-news-heading { max-width:990px; }
		.front-news-item { width:calc(50% - 20px); }
	}
	@media all and (max-width:500px)
	{
		.front-news-heading { width:100%; }
		.front-news-item { margin-left:0px; width:100%; }
	}