/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap&subset=vietnamese');
/*font-family: 'Roboto', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

body, h1, h2, h3, h4, h5, p, li, ol, p, span, b, strong{
	font-family: 'Roboto', sans-serif;
}

.author-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f3f4f6;
  padding: 16px;
  border-radius: 12px;
  margin: 20px 0;
}

.author-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.author-left img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.author-info .name {
  font-weight: 600;
}

.author-info .date {
  font-size: 14px;
  color: #777;
}

.author-share a {
  margin-left: 8px;
}
/* end post */
.fss-feedback-box{
  background:#f5f5f5;
  padding:25px;
  border-radius:16px;
  text-align:center;
  margin-top:30px;
}

.fss-bar{
  height:6px;
  background:#ddd;
  border-radius:10px;
  overflow:hidden;
  margin:15px 0;
}

.fss-bar-fill{
  height:100%;
  background:#22c55e;
  transition:0.3s;
}

.fss-feedback-actions{
  display:flex;
  justify-content:center;
  gap:12px;
}

.fss-btn{
  padding:10px 18px;
  border-radius:30px;
  border:1px solid #ddd;
  background:#fff;
  cursor:pointer;
  transition:0.2s;
}

.fss-btn:hover{
  background:#111;
  color:#fff;
}

.fss-btn .count{
  margin-left:6px;
  font-weight:bold;
}

.fss-result{
  margin-top:10px;
  font-size:14px;
  color:#666;
}

/* sau khi vote */
.fss-feedback-box.voted .fss-btn{
  opacity:0.6;
  pointer-events:none;
}
/* ===== RELATED ===== */
.fss-related h3{
  margin:25px 0 15px;
}

.fss-related-item{
  display:flex;
  align-items:center;
  background:#f5f5f5;
  padding:12px;
  border-radius:14px;
  margin-bottom:12px;
  text-decoration:none;
  color:#000;
  transition:0.2s;
}

.fss-related-item:hover{
  background:#eaeaea;
}

.fss-related-item .thumb img{
  width:50px;
  height:50px;
  border-radius:50%;
  object-fit:cover;
}

.fss-related-item .title{
  flex:1;
  margin-left:12px;
}

.fss-related-item .arrow{
  font-size:18px;
}