/*
Theme Name: Tin tức
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.meta-related ul li a{color: #0092ff;} .meta-related ul li{line-height: 20px;} .meta-related ul{margin-left: 10px}


/* Dành cho điện thoại */
@media all and (max-width: 480px) {
.list-news li{width:50%}
.list-news{width:100%}
 
}
 
/* Dành cho máy tính bảng */
@media all and (max-width: 1024px) {
 
}
.col.post-item .col-inner {
    background-color: #fff;
    padding: 10px;
}
.flash-news-wrap {
  display: flex;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #eee;
  height: 50px;
  overflow: hidden;
  width: 100%;
}

.flash-label {
  background: #f04e37;
  color: #fff;
  font-weight: bold;
  padding: 0 22px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  white-space: nowrap;
}

.flash-marquee {
  flex: 1;
  overflow: hidden;
}

.flash-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: flash-scroll 30s linear infinite;
}

.flash-item {
  display: flex;
  align-items: center;
  margin-right: 50px;
  white-space: nowrap;
}

.flash-item a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #111;
  text-decoration: none;
}

.flash-item img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 6px;
}

.flash-item span {
  font-size: 15px;
}

@keyframes flash-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.flash-time {
  background: #222;
  color: #fff;
  padding: 0 14px;
  height: 50px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  white-space: nowrap;
}