.news-item when (@widget-news-list) {
	background-color : @primary-color;
	padding          : 20px 20px 40px;
	.box-shadow(0px 3px 10px rgba(0, 0, 0, 0.15));

	.news-item-image {
		margin-top       : -20px;
		margin-left      : -20px;
		margin-right     : -20px;
		margin-bottom    : 18px;
		display          : block;
		background-color : #eee;

		height           : 0;
		overflow         : hidden;
		padding-bottom   : 81%;

		img {
			width : 100%;
		}
	}

	.news-item-title {
		display         : block;
		font-size       : 22px;
		line-height     : 1.2;
		.link-color(#171717; @brand-primary);
		text-decoration : none;
		font-weight     : bold;
		margin-bottom   : 16px;
	}

	.newslog-admin-actions {
		text-align : right;
		a {
		}
	}

	.news-item-date {
		display       : block;
		color         : @text-color;
		margin-bottom : 12px;
		font-size     : 16px;

		&::before {
			.inline-block();
			margin-top   : -1px;
			margin-right : 10px;
			font-size    : 16px;
			color        : @brand-secondary;
		}
	}

	.news-item-description {
		margin-bottom : 16px;
		font-size     : 16px;
		p {
			&:last-child {
				margin : 0;
			}
		}
	}

	.news-item-tags {
		.inline-block-wrap(top);
		margin-right  : -0.156rem;
		margin-left   : -0.156rem;
		margin-bottom : 16px;
		&:last-child {
			margin-bottom : -0.3125rem;
		}
		a {
			.button();
			.border-radius(0 0 0 0);
			font-size     : 10px;
			padding       : 6px 12px;
			margin-right  : 0.156rem;
			margin-left   : 0.156rem;
			margin-bottom : 0.325rem;
			&::before {
				margin-right : 5px;
			}
		}
	}

	.newslog-tag-filter {
		&::before {
			font-family : @font-family-icons;
			content     : "\e023";
		}
	}

}

.news-description {
	margin-bottom : 1.3rem;
	.news-item-date {
		display       : block;
		color         : @text-color;
		margin-bottom : 15px;

		&::before {
			.inline-block();
			margin-top   : -1px;
			margin-right : 10px;
			font-size    : 16px;
			color        : @brand-secondary;
		}
	}
}

.news-controls {
	.news-item-tags {
		.inline-block-wrap();
		a {
			margin-left : 2px;
		}
	}
	span {
		.inline-block();
		margin-right : 0.5rem;
	}
}

.news-list {
	margin-top   : 0.571rem;
	text-align   : center;
	.inline-block-wrap(top);
	.flexbox(row; wrap);
	margin-left  : -0.7%;
	margin-right : -0.7%;
	.news-item {
		text-align    : left;
		margin-bottom : 2%;
		.grid-elements(3; 1.4%; false; 3; 2; 1);
		.btn {
			margin-bottom : 5px;
		}
	}

	script {
		display : none;
	}

	.show-more-news {
		margin-left  : 0.7%;
		margin-right : 0.7%;
		.inline-block();
	}

	&.external-news-list {

		.news-item {

		}

		.news-item-image {
			position : relative;
		}

		.uploaded-image {
			position : absolute;
			top      : 50%;
			left     : 0;
			right    : 0;
			.translate(0; -50%);
		}

		& > .tpopup {
			display : none;
		}

	}

	.directupdelete {
		position : absolute;
		top      : 15px;
		right    : 15px;
		.button();
		padding  : 10px 15px;
	}

	@media only screen and (max-width : @responsive-size-mobile) {
		margin-bottom : 0;
		.news-item {
			margin-bottom : 1.857rem;
		}
	}
}

.news-list-pagination {
	margin-top    : 46px;
	margin-bottom : 0;
	.inline-block-wrap();
	width         : 100%;
	text-align    : left;
	span, a {
		text-align      : center;
		width           : 40px;
		height          : 40px;
		line-height     : 40px;
		padding         : 0;
		border          : none;
		color           : #EBEBEB;
		font-size       : 1.285rem;
		margin          : 0 0.357rem 0.714rem;
		font-family     : @font-family-headings;
		font-weight     : bold;
		text-decoration : none;
		.transition();
		&:first-child {
			font-size : 0;
			&::before {
				font-family : @font-family-icons;
				font-size   : 1.285rem;
				content     : "\e0a9";
			}
		}
		&:last-child {
			font-size : 0;
			&::before {
				font-family : @font-family-icons;
				font-size   : 1.285rem;
				content     : "\e0a7";
			}
		}
	}
	span {
		&.disabled {

		}
		&.current {
			background : none;
			color      : #EBEBEB;
		}
	}
	a {
		color : #000;
	}
}

.tags-container {
	.inline-block-wrap();
	a {
		width          : 100%;
		padding-bottom : 11px;
		font-size      : 1rem;
		font-weight    : bold;
		text-transform : capitalize;
		.link-color(#171717; @brand-primary);
		& + a {
			border-top : 1px solid #D2D2D2;
			padding    : 10px 0 11px;
		}
		&:last-child {
			padding-bottom : 0;
		}
	}
}

.side-news-list {
	.news-item {
		background : transparent;
		.box-shadow(none);
		padding    : 0 0 11px;
		& + .news-item {
			border-top : 1px solid #D2D2D2;
			padding    : 10px 0 11px;
		}
		&:last-child {
			padding-bottom : 0;
		}
	}
	.news-item-title {
		font-size      : 1rem;
		font-weight    : bold;
		text-transform : capitalize;
	}
}

.news-list-short {
	.news-item {
		margin-bottom : 40px;
		padding       : 0;
		.box-shadow(none);
	}
	.news-item-title {
		margin-bottom : 6px;
	}
}

.news-tag-links {
	margin-left  : -5px;
	margin-right : -5px;
	.inline-block-wrap();
	a {
		margin         : 5px;
		.inline-block();
		.border-radius(4px);
		color          : @brand-primary;
		background     : #f0f1f2;
		text-transform : uppercase;
		font-weight    : bold;
		font-size      : 1.2857rem;
		padding        : 8px 20px;
		.transition();
		&:hover {
			background : @brand-primary;
			color      : #f0f1f2;
		}
	}
}