/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.22.0
*/
:root {
	--primary-color: #146b41;
	--fs-color-secondary: #e2ad25;
    --green: #0a5831;
    --yellow: #cb9510;
    --brand-text: #1d2b28;
}
ul#ux-search-dropdown {
    padding: 10px;
}
.img.icon-contact {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 45px !important;
}
.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450;color:var(--fs-color-secondary);}
.video-responsive{position:relative;padding-bottom:68.25%;height:0;overflow:hidden}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.section-title-bold-center span,.section-title-bold span{border:none;padding:.3em .8em}
.section-title-bold-center b::before,.section-title-bold b::before{width:10px;height:10px;background-color:var(--primary-color);content:"";transform:translate(0px,50%) rotate(0deg) skewX(0deg) skewY(0deg) scaleX(1) scaleY(1);--tw-translate-y:50%;position:absolute;bottom:50%;border-radius:9999px}
.clear:after,.clearfix:after,.container:after,.row:after{clear:both;content:"";display:table}
.section-title b{height:2px;opacity:.8;background-color:var(--fs-color-secondary);}
span.section-title-main{color:var(--primary-color);font-size:30px;font-weight:800}
h1.section-title.section-title-bold a{color:var(--primary-color)}
.section-title-bold-center b:before,.section-title-bold b:before{border-radius:9999px;width:10px;height:10px;background-color:var(--primary-color);content:'';transform:translate(0,50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);--tw-translate-y:50%;position:absolute;bottom:50%}
.section-title-bold-center b:first-child:before{right:0}
.section-title-bold-center b,.section-title-bold b{position:inherit;opacity:1;color:var(--color-secondary)}


@media (max-width: 767px) {
	span.section-title-main{color:var(--primary-color);font-size:24px;font-weight:800}
	.section-title-bold-center b::before,.section-title-bold b::before{width:6px;height:6px;background-color:var(--primary-color);content:"";transform:translate(0px,50%) rotate(0deg) skewX(0deg) skewY(0deg) scaleX(1) scaleY(1);--tw-translate-y:50%;position:absolute;bottom:50%;border-radius:9999px}
	h1.section-title.section-title-bold a{color:var(--primary-color);font-size:13px}
}
@media (max-width: 549px){
	span.section-title-main {color: var(--primary-color);font-size: 16px;font-weight: 800;}
	.section-title-bold-center b::before, .section-title-bold b::before {width: 6px;height: 6px;background-color: var(--primary-color);content: "";transform: translate(0px, 50%) rotate(0deg) skewX(0deg) skewY(0deg) scaleX(1) scaleY(1);--tw-translate-y: 50%;position: absolute;bottom: 50%;border-radius: 9999px;}
	h1.section-title.section-title-bold a {color: var(--primary-color);font-size: 13px}
}

.seo-article{background:linear-gradient(180deg,#fff 0%,var(--brand-beige) 100%);padding:18px;border:1px solid rgba(11,106,60,0.12);border-radius:18px;box-shadow:0 25px 45px rgba(16,36,26,0.1)}
.seo-section{margin-bottom:30px;padding:18px;border-radius:16px;background:#fff;border:1px solid rgba(11,106,60,0.08);box-shadow:0 12px 28px rgba(17,29,24,0.06)}
.seo-section h2,.seo-section h3{margin-top:0;color:var(--green);letter-spacing:-.015em}
.seo-section h2{font-size:1.75rem;border-left:6px solid var(--green);padding-left:16px}
.seo-section h3{font-size:1.32rem;margin-bottom:10px}
.seo-list{list-style:none;padding:0;margin:0}
.entry-content .seo-list li{position:relative;margin-left:15px}
.seo-list li::before{content:“”;position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--green),#14a46d);box-shadow:0 0 0 4px rgba(20,164,109,0.18)}
.seo-steps{list-style:none;padding:0;margin:0;counter-reset:steps}
.seo-steps li{counter-increment:steps;margin-bottom:12px;padding-left:46px;position:relative}
.seo-steps li::before{content:counter(steps);position:absolute;left:0;top:0;width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;background:var(--yellow);color:#fff;display:block;align-items:center;font-weight:600;box-shadow:0 10px 18px rgba(194,138,58,0.3)}
.seo-hero,.seo-inline{margin:24px 0;border-radius:16px}
.seo-hero img,.seo-inline img{display:block;object-fit:cover}
.entry-content .seo-hero img,.entry-content .seo-inline img{max-height:none}
.seo-hero figcaption,.seo-inline figcaption,.seo-hero .wp-caption-text,.wp-caption .wp-caption-text{background:linear-gradient(135deg,var(--primary-color),var(--green));color:#fff;padding:6px 10px;font-size:90%}
.seo-inline-note{padding:12px 18px;border-radius:12px;background:#fff8ed;border:1px dashed rgba(194,138,58,0.6);color:#8a4b16;font-style:italic;margin-bottom:20px}
.seo-section.seo-cta{padding:18px;border-left:6px solid var(--green);background:rgba(11,106,60,0.06);border-radius:12px;font-weight:600;color:#0c4b2b;margin-bottom:20px}
.seo-cta a{color:#fff;padding:5px 10px;display:inline-block;border:1px solid #fff;border-radius:5px;background-color: var(--fs-color-primary);}
.seo-cta a:hover{background:#d22;color:#fff!important}
.seo-link a{color:var(--green);text-decoration:none;border-bottom:1px solid rgba(11,106,60,0.4);transition:color .2s ease}
.seo-link a:hover{color:#0a8a4a}
@media (max-width: 991px) {
.seo-article,.seo-section{padding:10px}
.seo-section h2{font-size:1.35rem}
}

/* Đảm bảo menu cha có vị trí tương đối */
.menu-item-gtranslate {
    position: relative;
    display: inline-block;
}

/* Định dạng liên kết chính */
.menu-item-gtranslate > a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
}

/* Ẩn menu dropdown mặc định */
.menu-item-gtranslate .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    background-color: #ffffff;
    min-width: 150px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    padding: 5px 0;
    margin: 0;
    list-style: none;
    border-radius: 4px;
}

/* Hiển thị menu khi hover trên máy tính hoặc khi active qua JS */
.menu-item-gtranslate:hover .dropdown-menu,
.menu-item-gtranslate.active .dropdown-menu {
    display: block;
}

/* Định dạng từng dòng ngôn ngữ con */
.menu-item-gtranslate-child a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    color: #333;
    text-decoration: none;
    transition: background 0.2s ease;
}

/* Hiệu ứng khi di chuột vào ngôn ngữ con */
.menu-item-gtranslate-child a:hover {
    background-color: #f5f5f5;
}

/* Định dạng ảnh cờ và chữ */
.menu-item-gtranslate img {
    display: block;
    object-fit: contain;
}
.menu-item-gtranslate span {
    font-size: 14px;
    white-space: nowrap;
}