﻿.news-details {
	padding-top: 32px;
	padding-bottom:24px;
}
.news-details-container {
	max-width: 1060px;
	margin: 0 auto;
}
.news-details-title {
    margin-top: 13px;
}
.news-details-time {
    margin-top: 13px;
    margin-bottom: 26px;
}
.news-details-heading {
    border-bottom: 1px solid #ECEAEA;
}
.news-detail-content {
    padding: 20px 0;
}

.newslist {
    /*background-color: #F8F7F7;*/
    padding-top: 65px;
    padding-bottom: 120px;
	margin: 0 auto;    
}
    
.newslist-item {
    display: flex;
    flex-wrap: wrap;
}
.newslist-content {
    margin-top: 35px;
}
.newslist-title {
    margin-top: 4px;
}
.newslist-desc {
    margin-top: 12px;
}
.newslist-image {
    border-radius: 12px;
    height: 300px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}
.newslist-owl-carousel__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 24px;
}
.newslist-prev,
.newslist-next {
    width: 66px;
    height: 44px;
    background: #FDFCFC;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.04);
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newslist-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    vertical-align: middle;
    transition: .3s;
}
.newslist-list2 {
    display: none;
}
.news-details-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news-details-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.list-tag {
    display: flex;
    align-items: center;
}
.tag-item {
    padding: 8px;
    background: #FEF1F2;
    border-radius: 8px;
    margin-left: 12px;
}
.news-details-right {
    display: flex;
    align-items: center;
}
.list-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.social-item {
    margin-left: 24px;
}
#noidung > div {
	text-align:justify;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}
#noidung img {
	max-width: 100% !important;
	height: auto !important;
}

/*Truongtn*/
div#noidung iframe{
	width:100% !important;
	height: 596px;
}
.myClose{
	position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #f2f2f2;
    border-radius: 50%;
    font-size: 30px;
    cursor:pointer;
}
a:hover > .newslist-title {
	color: #ED243A !important;
}
a:hover > div.col-6.col-lg-12.p-0.newslist-content > div.roboto-nomarl-z20-w500-lh28.color-1B1718.newslist-title {
	color: #ED243A !important;
	transition: .3s;
}
.social-item {
	width:28px;
	height:28px;
}
.social-item img {
	max-width:100%;
	filter: grayscale(100%);
	transition: .3s;
}
.social-item:hover img {
	cursor:pointer;
	filter: grayscale(0);
	transition: .3s;
}

@media screen and (max-width: 992px) {
    .newslist {
        padding-top: 48px;
        padding-bottom: 52px;
        padding-left: 0;
        padding-right: 0;
    }
    .newslist-owl-carousel__nav {
        display: none;
    }
    .news-detail-content {
        padding-top: 16px;
        padding-bottom: 36px;
    }
    .news-details-time {
        margin-top: 16px;
        margin-bottom: 12px;
        font-weight: 700;
        font-size: 12px;
        line-height: calc(16 / 12);
    }
    .newslist-content {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        margin-top: 0;
    }
    .newslist-image {
        margin-right: 16px;
        height: 98.67px;
        border-radius: 2.73333px;
    }
    .newslist-list {
        display: none !important;
    }
    .newslist-list2 {
        display: block;
    }
    .newslist-list2 .newslist-item {
        margin-top: 32px;
    }
    .newslist-list2 .newslist-time {
        margin-top: 4px;
        font-size: 14px;
        line-height: calc(20 / 14);
    }
    .social-item {
        margin-left: 12px;
    }
    .news-details-right {
		margin-top:24px;
	}
    .tag-item {
		margin-left: 0px;
		margin-right: 12px;
	}
	.related-news-title{
		width:100%;
		text-align: start;
	}
}