.news-list{
	padding: 0 0 60px;
}
.news-single{
	position: relative;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 15px;
}

.news{
	padding: 60px 0 40px;
}


.news-img{
	position: relative;
	display: block;
}

.news-img img{
	transition-duration: .5s;
	border-radius: 15px;
	overflow: hidden;
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.news-img-in{
	transform: scale(var(--news-img-zoom));
}

.news-descs{
	padding: 15px;
	
	line-height: 1.2;
}

.news-desc{
	position: relative;
	display: block;
	height: 100%;
}

.news-title{
	text-transform: uppercase;
	color: #b7c9d3;
	font-size: var(--news-title-size);
	font-weight: 500;
	display: -webkit-box;
    -webkit-line-clamp: var(--news-title-mur);
    -webkit-box-orient: vertical;  
    overflow: hidden;
    margin-bottom: 3px;
    min-height: 33.59px;
}

.news-short{
	color: #81a5bf;
	display: -webkit-box;
    -webkit-line-clamp: var(--news-short-mur);
    -webkit-box-orient: vertical;  
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 10px;
    min-height: 54px;
}

.news-btn a{
	margin-top: 20px;
	display: block;
	padding: 10px 20px;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 100px;
	color: var(--news-btn-color);
	text-align: center;
}

.news-btn a:hover{
	color: #fff;
	background-color: rgba(255, 255, 255, .4);
}

.news-date{
	font-size: 15px;
	font-weight: 500;
	color: var(--news-date-color);
	margin-top: 10px;
}


.news-nav a{
	display: block;
	padding: 10px 20px;
	background-color: var(--news-nav-background);
	color: var(--news-nav-color);
	text-align: center;
	margin-bottom: 7px;
}

.news-nav a:hover{
	opacity: 0.8;
}

.page-link{
	color: var(--pagination-color);
}

.page-link:hover{
	color: var(--pagination-color);
}
.pagin{
	margin-top: 20px;
}

.news-single-title{
	font-size: var(--news-single-title-size);
	color: var(--news-single-title-color);
	text-align: left;
}

.editor{
	color: #fff;
	text-align: justify;
}

.editor img{
	margin-top: 10px;
	margin-bottom: 20px;
	max-width: 100%;
	border-radius: 15px;
}

.editor iframe{
	width: 100%;
	max-width: 960px;
	height: calc((100vw - 20px)/16 * 9);
	max-height: 540px;
	margin-top: 10px;
	margin-bottom: 15px;
	border-radius: 15px;
}

.bannar-brightness{
	filter: brightness(1.2);
}