/* CSS for page news */
.block-list-news{padding:30px 0px}
.block-list-news .card-news{margin-bottom:40px}
.block-list-news .card-news .card-body{padding:0px}
.block-list-news .card-news .card-title{font-size: 24px; color: #333; line-height: 30px; height: 60px; overflow: hidden;}
.block-list-news .card-news:hover .card-title{color: #00aeef}
.block-list-news .card-news .card-date{color:#898989; font-size:12px; font-weight: 300;}
.block-list-news .card-news .box-cover{height: 245px; overflow: hidden;}
.block-list-news .card-news .box-cover .cover{width: 100%; min-height: 100%; transform: scale(1); transition:0.5s}
.block-list-news .card-news:hover .box-cover .cover{transform: scale(1.1);}
.block-list-news .card-news .card-text{color: #333; font-size: 16px; font-weight: 300; line-height: 22px; height: 90px; overflow: hidden;}

/* col right */
.block-list-news .col-right .card-header, .block-news-detail .col-right .card-header{font-size: 30px; font-weight: 500; color:#36393c; padding:10px 0px; background: none}
/* card category */
.card-category .list-group-item{color: #555555; font-size: 14px; border-radius:0px!important; text-transform: uppercase; margin-bottom:3px; border-color: #fff; font-weight: 500; padding:15px}
.card-category .list-group-item:hover, .card-category .list-group-item.active{background: #00aeef; color: #f8f8f8; border:1px solid #e1e1e1}
/* card news new */
.card-news-new .box-cover{overflow: hidden; height: 90px; width: 100px}
.card-news-new .box-cover .cover{height: 100%; min-width: 100px}
.card-news-new .media-title{font-size: 16px; color:#333; font-weight: 400; line-height: 23px; overflow: hidden; max-height: 68px}
.card-news-new .media:hover .media-title{color:#00aeef; }
.card-news-new .media .media-cate{font-size: 12px; color:#0084da}
/* card tags */
.card-tags{ overflow: hidden;}
.card-tags .badge{padding: 7px 10px; background: #d7d7d7; color: #555555; font-weight: 300; font-size: 14px; border-radius:0px; margin-bottom:3px}
.card-tags .badge:hover{background: #00aeef; color:#fff}

/* Block news detail */
.block-news-detail{padding:30px 0px}
.block-news-detail .news-title{font-size: 36px; font-weight: 500; color: #333}
.block-news-detail .description{font-size: 18px; border-radius:0px}
.block-news-detail .content{padding:10px 0px; font-size: 18px; color: #000; font-weight: 300}
.block-news-detail .content img{max-width: 100%!important; height: auto;}
.block-news-detail .news-date{color: #898989; font-size: 12px}
.block-news-detail .control-social .like_fb{width: 150px; overflow: hidden;}
.block-news-detail .source{color: #707070}

/* news related */
.block-news-detail .news-related{margin-top:30px}
.block-news-detail .news-related-header{font-size: 30px; color:#1c1b1b; font-weight: 700;}
.block-news-detail .news-related .list{list-style: none; padding-left:5px}
.block-news-detail .news-related .list li{margin-bottom:10px}
.block-news-detail .news-related .list a{color: #707070; font-size: 18px; font-weight: 300; line-height: 25px;}
.block-news-detail .news-related .list a:hover{color: #00aeef}
.block-news-detail .news-related .list i{font-size: 8px; color: #00aeef}
.block-news-detail .news-related .list i::before{position: relative; top:-4px; margin-right:7px}