/**
 * Thuy Bich Vinh Long — Homepage / UX Builder Legacy Patches
 * File: css/tb-homepage-legacy.css
 *
 * Owner:
 * - Old homepage / UX Builder section-specific patches migrated from Yellow Pencil.
 * - Legacy blog slider patches used by homepage sections.
 * - Row/section id patches that still need visual UAT before deletion.
 *
 * Not owner:
 * - Header: css/tb-header.css.
 * - Footer: css/tb-footer.css.
 * - Shared TB utility classes: css/tb-brand-utilities.css.
 * - Newsletter: removed in Phase 12F-B2.
 * - Blog Hub / Blog Single / Blog Archive.
 * - PLP / PDP / Product Card.
 *
 * Phase 12F-E:
 * - Moved remaining real rules out of tb-legacy-overrides.css.
 * - This file is still legacy, not final clean component CSS.
 * - Do not add new component CSS here.
 */

#content .primary span{
	font-weight: 600;
}

/* --- Legacy UX Builder section title patch --- */
#content .section-title-normal span{
	transform: translatex(0px) translatey(0px);
	font-weight: 700;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* --- Legacy UX Builder section positioning patches --- */
#content .section .relative{
	top: 1px;
}

#content .section .relative .row-box-shadow-2 .col{
	top: 6px;
}

#content .section .section-title-container{
	transform: translatex(0px) translatey(0px);
}

#content .section:nth-child(8) .section-title-main{
	color: #000000;
}

#content .section:nth-child(5) .section-title-normal{
	color: #000000;
}

#content .section .relative .row-large .col{
	transform: translatex(0px) translatey(0px);
}

#main h6 span{
	color: #4c3f0a !important;
}

#main .plain .icon-box-text{
	transform: translatex(0px) translatey(0px);
}

#content .md-x .attachment-large{
	border-radius: 15px;
	transform: translatex(0px) translatey(0px);
}

#main .alert{
	background-color: #da982e;
}

.row-large p{
	margin-right: 113px;
	text-align: left;
	transform: translatex(12px) translatey(0px);
	position: relative;
	left: -11px;
}

.row-large .alert{
	background-color: #f1c40f !important;
}

.row-large .text{
	color: #f1c40f;
}

.row-large .alert span{
	font-weight: 600;
}

.chat-luong-section .text p{
	width: 92%;
	font-size: 16px !important;
	line-height: 1.35em;
	word-spacing: 0.5px;
}

/* --- Legacy homepage/blog slider card patches --- */
.slider-nav-push .col article,
.slider-nav-push .col .box{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.slider-nav-push .box-image{
	flex-shrink: 0;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	width: 100%;
}

.slider-nav-push .box-image a{
	display: block;
	width: 100%;
	height: 100%;
}

.slider-nav-push .box-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.slider-nav-push .box-text{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.slider-nav-push .box-text .post-meta{
	position: relative;
	margin-top: auto;
	font-size: 14px;
	line-height: 1.3;
	opacity: .75;
}

.col-inner .box-text-bottom .box-text .blog-post-inner div{
	position: relative;
	color: #000000;
}

#content .section .relative .row .col .col-inner .slider-nav-push div div .post-item .col-inner .box-text-bottom .box-text .blog-post-inner .post-meta{
	bottom: auto !important;
	top: -32px !important;
}

#content .section .relative .row .col .col-inner .slider-nav-push div div .post-item .col-inner .box-text-bottom .box-text .blog-post-inner div{
	top: -25px !important;
}

#content .post-item:nth-child(4) div:nth-child(3){
	color: #2c3e50;
}

#row-2139644990 a{
	background-color: #f1c40f;
}

#row-1506255921 .success{
	background-color: rgba(241,196,15,0.8);
}

#row-1506255921 .col-inner{
	transform: translatex(0px) translatey(0px);
}

#row-1506255921 .success span{
	font-weight: 600;
}

@media (min-width: 550px){
	#content .section h3{
		font-size: 20px;
	}
}

@media (min-width: 850px){
	#content .banner-home{
		margin-top: 30px;
	}
}