/*
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.   ***************/


.wp-playlist-light {
	overflow-y:auto;
	height: 500px;
	}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.box-title-new {position:relative;margin:50px 0;text-align:center;}.box-title-new .box-title-name-new {font-size:24px;font-weight:900;text-transform:uppercase;color:#fff;background:#00AA46;display:inline-block;vertical-align:top;position:relative;z-index:1;padding:10px 20px;marrgin-bottom:20px;border-radius:15px;}.box-title-new .box-title-name-new:before {content:"";position:absolute;border-top:10px solid #00aa46;border-left:15px solid transparent;border-bottom:7px solid transparent;border-right:15px solid transparent;left:calc(50% - 40px);bottom:-25px;width:50px;}.box-title-new .box-title-name-new:after {content:"";position:absolute;z-index:2;bottom:-18px;height:9px;width:200px;left:calc(50% - 100px);border-top: 2px solid #00aa46;}

/* CHIẾN XUYÊN - FULL WIDTH CỘT BÀI VIẾT */
body.single-post #main #content.blog-wrapper.blog-single.page-wrapper > .row.align-center > .col.large-10{
  width:100% !important;
  max-width:100% !important;
  flex-basis:100% !important;
}

/* ==========================================================
   TIÊU ĐỀ SECTION KIỂU THANH NGANG - .xuanchienh
   Thẻ vàng vát chéo bên trái + thanh nền tối kéo dài
   ========================================================== */
.xuanchienh{
  padding:0!important;
  margin-bottom:26px!important;
  max-width:100%!important;
}

/* Thanh nền tối */
.xuanchienh .section-title{
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  margin:0!important;
  border:0!important;
  background:#23272E;                  /* nền thanh */
  border-radius:4px;
  overflow:hidden;
  font-family:"Oswald",Impact,"Arial Narrow",sans-serif;
}

/* Ẩn 2 thẻ <b> gạch mặc định của Flatsome */
.xuanchienh .section-title b{display:none!important}

/* Thẻ vàng chứa chữ */
.xuanchienh .section-title-main{
  position:relative;
  display:flex;
  align-items:center;
  gap:11px;
  background:#E8B24C;                  /* màu vàng thẻ */
  color:#1D2129!important;             /* đè inline màu đỏ */
  font-size:clamp(14px,2.4vw,17px)!important;
  font-weight:700!important;
  letter-spacing:.06em;
  text-transform:uppercase;
  line-height:1.2;
  padding:14px 46px 14px 22px!important; /* chừa 46px bên phải cho phần vát */
  margin:0!important;
  border:0!important;
  white-space:nowrap;
  /* Vát chéo cạnh phải */
  clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%);
}

/* Icon ba gạch ≡ trước chữ */
.xuanchienh .section-title-main::before{
  content:"";
  flex:none;
  width:15px;height:11px;
  background:
    linear-gradient(#1D2129,#1D2129) 0 0/100% 2px no-repeat,
    linear-gradient(#1D2129,#1D2129) 0 50%/100% 2px no-repeat,
    linear-gradient(#1D2129,#1D2129) 0 100%/100% 2px no-repeat;
}

/* ---------- Điện thoại ---------- */
@media (max-width:549px){
  .xuanchienh .section-title-main{
    font-size:20px!important;
    padding:12px 38px 12px 16px!important;
    letter-spacing:.04em;
    white-space:normal;               /* cho phép xuống dòng nếu tên dài */
    clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);
  }
}


@media (max-width: 549px) {
    #logo {
        margin-left: -125px;
	
    width: 71px;
}
    }
}