/*
 *********************************************************
 ---------------------------------------------------------
 Articles list
 ---------------------------------------------------------
 */

.articles-list-wrapper {
	
	position: relative;
	display: block;
	
}
.articles-list-wrapper .col{
	
	position: relative;
	display: block;
	
}


.categories-wrapper .articles-wrapper .columns-2{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 50%;
	
}


.categories-wrapper .articles-wrapper .columns-3{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 33.333333333333%;
	
}


.categories-wrapper .articles-wrapper .columns-4{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 25%;
	
}


.categories-wrapper .articles-wrapper .columns-5{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 20%;
	
}


.categories-wrapper .articles-wrapper .columns-6{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 16.666666666667%;
	
}


.categories-wrapper .articles-wrapper .columns-7{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 14.285714285714%;
	
}


.categories-wrapper .articles-wrapper .columns-8{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 12.5%;
	
}


.categories-wrapper .articles-wrapper .columns-9{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 11.111111111111%;
	
}


.categories-wrapper .articles-wrapper .columns-10{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 10%;
	
}


.categories-wrapper .articles-wrapper .columns-11{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 9.0909090909091%;
	
}


.categories-wrapper .articles-wrapper .columns-12{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 8.3333333333333%;
	
}


.categories-wrapper .articles-wrapper .columns-13{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 7.6923076923077%;
	
}


.categories-wrapper .articles-wrapper .columns-14{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 7.1428571428571%;
	
}


.categories-wrapper .articles-wrapper .columns-15{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 6.6666666666667%;
	
}


.categories-wrapper .articles-wrapper .columns-16{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 6.25%;
	
}


.categories-wrapper .articles-wrapper .columns-17{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 5.8823529411765%;
	
}


.categories-wrapper .articles-wrapper .columns-18{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 5.5555555555556%;
	
}


.categories-wrapper .articles-wrapper .columns-19{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 5.2631578947368%;
	
}


.categories-wrapper .articles-wrapper .columns-20{
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	
	width: 5%;
	
}


.articles-list-wrapper .article{
	
	vertical-align: top;
	
	padding-top: 1em;
	padding-bottom: 1em;
	
}
.articles-list-wrapper .featured{
	
	vertical-align: top;
	
	display: block;
	
	width: 100%;
	
}
.articles-list-wrapper .article:hover{
	
}

.articles-list-wrapper .row-separator{
	
	display: none;
	
}
.articles-list-wrapper .row-separator:last-of-type{
	
	display: none;
	
}


/* ---------------------------------------------------- */
/* Thumb */

.articles-list-wrapper .article .thumb{
	
	position: relative;
	display: block;
	
	margin-left: 2em;
	margin-right: 2em;
	
	margin-top: 1em;
	margin-bottom: 1em;
	
	text-align: center;
	
}
.articles-list-wrapper .article .thumb .s1{
	
	position: relative;
	display: block;
	max-width: 100%;
	max-height: 10em;
	overflow: hidden;
	
}
.articles-list-wrapper .article .thumb .s1:hover{
	
}
.articles-list-wrapper .article .thumb .s2{
	
}
.articles-list-wrapper .article .thumb .s2 a{
	
	position: relative;
	width: 100%;
	height: 100%;
	
}
.articles-list-wrapper .article .thumb .s2 img{
	
	position: relative;
	width: 100%;
	
}



/* ---------------------------------------------------- */
/* Article title*/

.articles-list-wrapper .article .title{
	
	position: relative;
	display: block;
	
	margin-left: 2em;
	margin-right: 2em;
	
	margin-top: 1em;
	margin-bottom: 1em;
	
}



/* ---------------------------------------------------- */
/* Article info */

.articles-list-wrapper .article .info{
	
	position: relative;
	display: block;
	
	margin-left: 2em;
	margin-right: 2em;
	
	opacity: 0.5;
	
}


/* ---------------------------------------------------- */
/* Article category*/

.articles-list-wrapper .article .category{
	
	position: relative;
	display: block;
	
	font-size: 80%;
	
}


/* ---------------------------------------------------- */
/* Article created by */

.articles-list-wrapper .article .created-by{
	
	display: block;
	
	font-size: 80%;
	
}


/* ---------------------------------------------------- */
/* Created date time */

.articles-list-wrapper .article .created-date-time{
	
	font-size: 80%;
	
}


/* ---------------------------------------------------- */
/* Article content*/

.articles-list-wrapper .article .content{
	
	position: relative;
	display: block;
	
	margin-left: 2em;
	margin-right: 2em;
	
	margin-top: 1em;
	margin-bottom: 1em;
	
	text-align: left;
	
}


/* ---------------------------------------------------- */
/* Read more*/

.articles-list-wrapper .article .read-more{
	
	position: relative;
	display: block;
	
	margin-left: 2em;
	margin-right: 2em;
	
	margin-top: 1em;
	margin-bottom: 1em;
	
}









@media screen and ( max-width: 440px ) {
	
	.articles-list-wrapper .col{
		
		position: relative;
		display: block;
		
	}
	
		
	.articles-list-wrapper .columns-2 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-3 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-4 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-5 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-6 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-7 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-8 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-9 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-10 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-11 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-12 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-13 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-14 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-15 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-16 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-17 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-18 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-19 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
	.articles-list-wrapper .columns-20 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 100%;
		
	}
	
		
}

@media screen and ( min-width: 440px ) and ( max-width: 960px ) {
	
		
	.articles-list-wrapper .columns-2 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-3 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-4 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-5 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-6 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-7 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-8 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-9 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-10 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-11 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-12 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-13 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-14 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-15 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-16 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-17 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-18 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-19 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
	.articles-list-wrapper .columns-20 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 50%;
		
	}
	
		
}

@media screen and ( min-width: 960px ) and ( max-width: 1280px ) {
	
	
	.articles-list-wrapper .row-separator{
		
		display: none;
		
	}
		
	.articles-list-wrapper .columns-4 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-5 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-6 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-7 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-8 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-9 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-10 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-11 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-12 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-13 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-14 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-15 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-16 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-17 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-18 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-19 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	.articles-list-wrapper .columns-20 .col{
		
		display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;
		
		width: 33.333333333333%;
		
	}
	
		
	
}

/*
 ---------------------------------------------------------
 Articles list
 ---------------------------------------------------------
 *********************************************************
 */