#newsfeed{
	margin:auto;
	max-width:1400px;
	width:calc(100% - 40px);
	padding:20px;
	/*height:100%;*/
}
	#newsfeed #feeding{
		float:left;
		width:calc(70% - 20px);
	}
		#newsfeed #feeding #filters{
			background-color:#fff;
			border:1px solid #eee;
			border-radius:3px;
			margin-bottom:40px;
			width:calc(100% - 2px);
		}
		#newsfeed #feeding #posts{}
			#newsfeed #feeding #posts .pagination{
				width:100%;
				float:left;
			}
				#newsfeed #feeding #posts .pagination a{
					cursor:pointer;
				}
			#newsfeed #feeding #posts .news{
				float:left;
				border:1px solid #eee;
				margin-bottom:70px;
				width:calc(100% - 2px);
				background-color:#fff;
			}
				#newsfeed #feeding #posts .news .top,
				#newsfeed #feeding #posts .news .middle,
				#newsfeed #feeding #posts .news .bottom{
					width:100%;
				}
					#newsfeed #feeding #posts .news .middle .left,
					#newsfeed #feeding #posts .news .middle .right{
						width:calc(50% - 10px);
					}
					#newsfeed #feeding #posts .news .middle .left{
						float:left;
						margin-right:10px;
					}
					#newsfeed #feeding #posts .news .middle .right{
						float:left;
						margin-left:10px;
					}
				#newsfeed #feeding #posts .news .infobar{
					padding:0px;
					font-size:13px;
				}
					#newsfeed #feeding #posts .news .infobar .label,
					#newsfeed #feeding #posts .news .infobar a,
					#newsfeed #feeding #posts .news .infobar a:visited{
						color:#777;
						display:inline-block;
						float:left;
						margin-right:20px;
						margin-bottom:5px;
					}
					#newsfeed #feeding #posts .news .infobar .label a,
					#newsfeed #feeding #posts .news .infobar .label a:visited{
						margin-right:0px;
					}
					#newsfeed #feeding #posts .news .infobar label:hover,
					#newsfeed #feeding #posts .news .infobar a:hover,
					#newsfeed #feeding #posts .news .infobar a:visited:hover{
						color:#d00;
					}
						#newsfeed #feeding #posts .news .infobar .label .icon,
						#newsfeed #feeding #posts .news .infobar a .icon{
							display:inline-block;
							float:left;
							height:16px;
						}
						#newsfeed #feeding #posts .news .infobar .label a,
						#newsfeed #feeding #posts .news .infobar a span{
							float:left;
							display:inline-block;
							height:16px;
							line-height:16px;
							margin-left:5px;
						}
						#newsfeed #feeding #posts .news .infobar .label svg,
						#newsfeed #feeding #posts .news .infobar a svg,
						#newsfeed #feeding #posts .news .infobar a:visited svg{
							fill:#777;
							width:16px;
							height:16px;
						}
						#newsfeed #feeding #posts .news .infobar .label:hover svg,
						#newsfeed #feeding #posts .news .infobar a:hover svg,
						#newsfeed #feeding #posts .news .infobar a:visited:hover svg{
							fill:#d00;
						}
				#newsfeed #feeding #posts .news .infobar .date_author{
					color:#bbb;
				}
					#newsfeed #feeding #posts .news .infobar .date_author .date{
						color:#777;
					}
					#newsfeed #feeding #posts .news .infobar .date_author a.author,
					#newsfeed #feeding #posts .news .infobar .date_author a.author:visited{
						color:#777;
						float:none;
					}
					#newsfeed #feeding #posts .news .infobar .date_author a.author:hover,
					#newsfeed #feeding #posts .news .infobar .date_author a.author:visited:hover{
						color:#d00;
					}
				#newsfeed #feeding #posts .news .top div:first-child.infobar,
				#newsfeed #feeding #posts .news .bottom div:last-child.infobar{
					background:linear-gradient(#fff, #f9f9f9);
					box-shadow:0px -1px 0px #eee, 0px 1px 0px #eee;
				}				
				#newsfeed #feeding #posts .news .cover{
					position:relative;
					background-position:center center;
					background-size:cover;
					background-repeat:no-repeat;
					width:100%;
					height:calc((100vw * 0.25) - 20px - 40px);
					max-height:calc((1400px * 0.25) - 20px - 40px);
				}
				
				#newsfeed #feeding #posts .news .cover + .infobar,
				#newsfeed #feeding #posts .news .cover + .title,
				#newsfeed #feeding #posts .news .cover + .content{
					margin-top:20px;
				}
					#newsfeed #feeding #posts .news .cover .cover_date{
						position:absolute;
						bottom:0px;
						left:0px;
						background-color:#80f;
						color:#fff;
						text-align:center;
						padding:10px 20px 10px 20px;
					}
						#newsfeed #feeding #posts .news .cover .cover_date .cover_date_day{
							font-size:28px;
						}#newsfeed #feeding #posts .news .cover .cover_date .cover_date_month{
							font-size:18px;
						}#newsfeed #feeding #posts .news .cover .cover_date .cover_date_year{
							font-size:12px;
						}
				#newsfeed #feeding #posts .news .middle .cover,
				#newsfeed #feeding #posts .news .infobar,
				#newsfeed #feeding #posts .news .title,
				#newsfeed #feeding #posts .news .content{
					width:calc(100% - 40px);
				}
				#newsfeed #feeding #posts .news .middle .cover,
				#newsfeed #feeding #posts .news .title{
					margin:10px 20px 10px 20px;
				}
				#newsfeed #feeding #posts .news .infobar{
					padding:10px 20px 10px 20px;
				}
				#newsfeed #feeding #posts .news .content{
					margin:20px;
					position:relative;
					line-height:1.2em;
					overflow-y:hidden;
				}
				
				#newsfeed #feeding #posts .news .content:after{
					content:"";
					text-align:right;
					position:absolute;
					bottom:0;
					right:0;
					width:70%;
					height:1.2em;
					background:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
				}
				
				#newsfeed #feeding #posts .news .content + .readmore{
					text-align:center;
					position:relative;
				}
					#newsfeed #feeding #posts .news .content + .readmore .button{
						display:inline-block;
						margin-bottom:20px;
						padding:10px 70px 10px 30px;
						line-height:20px;
						background-color:#222;
						color:#fff;
						
						background-position:top 20px right 20px;
						background-repeat:no-repeat;
						background-size:16px 16px;
						
						position:relative;
					}
					#newsfeed #feeding #posts .news .content + .readmore .button:hover{
						background-color:#d00;
					}
						#newsfeed #feeding #posts .news .content + .readmore .button .icon{
							position:absolute;
							right:12px;
							top:12px;
						}
						#newsfeed #feeding #posts .news .content + .readmore .button .icon svg{
							fill:#fff;
							width:16px;
							height:16px;
						}
				#newsfeed #feeding #posts .news .title{
					font-size:26px;
					font-weight:bold;
				}
	#newsfeed #navigation{
		float:right;
		height:100%;
		width:calc(30% - 20px);
	}
			#newsfeed #navigation #searchbox #search{
				padding: 0px 60px 0px 20px;
				height: 38px;
				width: calc(100% - 82px);
				border: 1px solid #d00;
				border-radius: 0px;
				color:#d00;
				font-weight:bold;
				box-shadow: inset 1px 1px 3px #ddd;
			}
			#newsfeed #navigation #searchbox input[type=submit],
			#newsfeed #navigation #searchbox input[type=button]{
				width:40px;
				height:40px;
				position:absolute;
				right:20px;
				top:20px;
				border:none;
				background-color:#d00;
				border-radius:0px;
				
				background-repeat:no-repeat;
				background-size:16px 16px;
				background-position:center center;
				background-image:url('img/ico/svg/search.svg');
			}
			
			
			
			

#newsfeed #navigation .panel{
	position:relative;
	padding:20px;
	width:calc(100% - 42px);
	border:1px solid #ddd;
	background-color:#fff;
	margin-bottom:30px;
}

	#newsfeed #navigation .panel #title{
		height:40px;
		line-height:40px;
		font-weight:bold;
		color:#d00;
		border-bottom:3px solid #d00;
		font-size:12px;
		margin-bottom:10px;
		position:relative;
	}
		#newsfeed #navigation .panel #title .icon{
			position:absolute;
			right:0px;
			bottom:0px;
			width:40px;
			height:40px;
			background-color:#d00;
		}
			#newsfeed #navigation .panel #title .icon svg{
				width:16px;
				height:16px;
				fill:#fff;
				margin:12px;
			}
	#newsfeed #navigation #categorybox .category,
	#newsfeed #navigation #categorybox .category:visited{
		display:block;
		height:24px;
		line-height:24px;
		font-weight:bold;
		color:#999;
		font-size:12px;
		cursor:pointer;
	}
	#newsfeed #navigation #categorybox .category:hover,
	#newsfeed #navigation #categorybox .category:visited:hover,
	#newsfeed #navigation #categorybox .category.selectionned{
		color:#d00;
		cursor:pointer;
	}
	
	#newsfeed #navigation #author{
		position:relative;
		padding:20px;
		width:calc(100% - 42px);
		border:1px solid #ddd;
		background-color:#fff;
		margin-bottom:30px;
	}
		#newsfeed #navigation #author .avatar{
			border-radius: 100%;
			width: 200px;
			max-width: calc(100% - 20px);
			height: 200px;
			background-size: cover;
			background-position: center center;
			overflow: hidden;
			background-color: #eee;
			margin: auto;
		}
		#newsfeed #navigation #author .description{
			padding:20px 0px 20px 0px;
			color:#777;
			font-size:14px;
			text-align:center;
		}
	#newsfeed #navigation .panel .labels_container{
		display:flex;
		flex-wrap:wrap;
	}
		#newsfeed #navigation .panel .labels_container .tag{
			float:left;
			display:inline-block;
			margin:5px;
			position:relative;
			background-color:#fff;
			color:#999;
			border:1px solid #ddd;
			padding:10px;
			border-radius:3px;
			font-size:13px;
		}#newsfeed #navigation .panel .labels_container .tag:not(.selectionned){
			background-color:#fff;
		}#newsfeed #navigation .panel .labels_container .tag:not(.selectionned):hover{
			background-color:#fee;
		}#newsfeed #navigation .panel .labels_container .tag.selectionned{
			background-color:#d00;
			border:1px solid #c00;
			color:#fff;
		}#newsfeed #navigation .panel .labels_container .tag.selectionned:hover{
			background-color:#f00;
		}
			
	
	#newsfeed #navigation .actions .apply,
	#newsfeed #navigation .actions .clear{
		display: inline-block;
		margin: 10px 5px 0px 5px;
		position: relative;
		background-color: #fff;
		color: #777;
		border: 1px solid #900;
		padding: 6px 6px 6px 6px;
		font-size: 12px;
		
		background-color:#eee;
		border:1px solid #ddd;
	}
	
#newsfeed #navigation .panel .labels_container .w_label input[type="checkbox"]:checked + .w_label_text{
	background-color:#d00;
	border:1px solid #d00;
}
@media screen and (max-width:800px){
	#newsfeed #feeding{
		width:100%;
	}#newsfeed #navigation{
		width:100%;
	}
}@media screen and (min-width:801px){
	#newsfeed #feeding{
		width:calc(70% - 20px);
	}#newsfeed #navigation{
		width:calc(30% - 20px);
	}
}