div.news-list
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
	row-gap: 20px;
	column-gap: 20px;
}

	div.news
	{
		position: relative;
		width: 100%;
		background: #fff;
		border: 1px solid #e3e3e3;
		border-radius: 10px;
		box-sizing: border-box;
		overflow: hidden;
	}

	div.news:hover div.settings_menu
	{
		display: block;
	}

		a.news-img
		{
			position: relative;
			display: block;
			height: 220px;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}
		
			a.news-img:after
			{
				position: absolute;
				content: '';
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
				background: rgba(0, 0, 0, 0.2);
				visibility: hidden;
				opacity: 0;
				transition: 0.2s;
				-o-transition: 0.2s;
				-webkit-transition: 0.2s;
			}
			
			div.news:hover a.news-img:after
			{
				visibility: visible;
				opacity: 1;
			}
		
		div.news-block
		{
			float: left;
			width: 100%;
			padding: 30px 20px 15px;
			box-sizing: border-box;
		}
		
			a.news-link
			{
				font-size: 16px;
				font-weight: 600;
				color: #333;
			}
		
			span.news-desc
			{
				display: block;
				margin: 15px 0px;
				padding-bottom: 15px;
				font-size: 14px;
				line-height: 20px;
				color: #5e687e;
				border-bottom: 1px solid #e3e3e3;
			}
			
			div.news-info-wrap
			{
				display: flex;
				justify-content: space-between;
				width: 100%;
			}
			
				span.news-info
				{
					font-size: 14px;
					line-height: 16px;
					color: #5e687e;
				}
				
					span.news-info i
					{
						float: left;
						font-size: 16px;
						margin-right: 5px;
					}
			
	div.news-small
	{
		position: relative;
		display: flex;
		justify-content: space-between;
		width: 100%;
		background: #f5f5f5;
		border: 1px solid #006dc4;
		border-radius: 10px;
		box-sizing: border-box;
		overflow: hidden;
	}

	div.news-small:hover div.settings_menu
	{
		display: block;
	}

		a.news-small-img
		{
			position: relative;
			flex: 1;
			height: 150px;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			border-radius: 0px 10px 10px 0px;
			overflow: hidden;
		}
		
			a.news-small-img:after
			{
				position: absolute;
				content: '';
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
				background: rgba(0, 0, 0, 0.2);
				visibility: hidden;
				opacity: 0;
				transition: 0.2s;
				-o-transition: 0.2s;
				-webkit-transition: 0.2s;
			}
			
			div.news-small:hover a.news-small-img:after
			{
				visibility: visible;
				opacity: 1;
			}
		
		div.news-small-block
		{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			flex: 2;
			padding: 15px 20px;
			box-sizing: border-box;
		}
		
			div.news-small-tags-wrap
			{
				float: left;
				width: 100%;
				margin-bottom: 10px;
			}
			
				span.news-small-tag
				{
					float: left;
					margin-right: 10px;
					font-size: 14px;
					color: #006dc4;
				}
		
			a.news-small-link
			{
				font-size: 18px;
				font-weight: 500;
				color: #333;
			}
		
			div.news-small-info-wrap
			{
				display: flex;
				justify-content: space-between;
				padding-top: 15px;
				border-top: 1px solid #e3e3e3;
				width: 100%;
			}
			
				span.news-small-info
				{
					font-size: 12px;
					line-height: 14px;
					color: #5e687e;
				}
				
					span.news-small-info i
					{
						float: left;
						font-size: 14px;
						margin-right: 5px;
					}