/*
Theme Name: kthgarden Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

.saboxplugin-wrap .author-check svg {
    width: 16px;
}
.saboxplugin-wrap .author-check {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #32C732;
}
.author-check p{padding-bottom:0;
margin-bottom:0;}
.col.post-item .box:after{
	content: '';
    position: absolute;
    background: #0252a7;
    height: 5px;
    width: 0;
    bottom: 0;
    left: 0;
    transition: .75s;
    border-radius: 0 0 10px 10px;
}

.col-solieu .amount {
    color: red;
    font-size: 26px;
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea{
	background-color: rgb(255 255 255);
}
.home .box-image{
	border-radius: 10px 10px 0px 0px;
}
.box-text{
	background: #fff;
    padding: 20px;
    border-radius: 10px;
}
.col.post-item .box, .icon-box {
    box-shadow: 0 8px 10px #3333330c;
    border-radius: 8px;
}
.col-cate-home .col-inner {
    box-shadow: 0 8px 10px #3333330c;
    border-radius: 8px;
    height: 100%;
    padding: 0px 0px 10px 0px;
}
.col-cate-home .col-inner:hover:after {
    width: 100%;
}
.col-cate-home .col-inner:after{
    content: '';
    position: absolute;
    background: #0f7c78;
    height: 5px;
    width: 0;
    bottom: 0;
    left: 0;
    transition: .75s;
    border-radius: 0 0 10px 10px;
}
.img-cate-home .box-text.text-center p{
	padding: 10px;
}
.st4 .blog-post-inner {
    min-height: 106px;
}
.st4 .box-text .is-divider, .blog-archive .box .is-divider{
	height: 3px;
    max-width: 18px;
    margin-top: 15px;
}
.is-divider{
	background-color: rgb(68 145 139);
}
.st4 .box-text .is-divider:before, .blog-archive .box .is-divider:before{
	
    content: "";
    border: 2px solid #0f7c78;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    float: right;
    margin-top: -3px;
    -webkit-transform: rotate(-45deg);
}
.home .col.post-item .box:hover:after, .col.post-item .box:hover:after {
    width: 100%;
}
.home .col.post-item .box:after, .col.post-item .box:after {
    content: '';
    position: absolute;
    background: #0f7c78;
    height: 5px;
    width: 0;
    bottom: 0;
    left: 0;
    transition: .75s;
    border-radius: 0 0 10px 10px;
}

.grp-hd {
	display: flex;
}

.grp-hd .col-left {
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.grp-hd .col-left .icon-hd {
	margin-right: 10px;
}

.grp-hd img {
    width: 30px;
}

.img-cate-home .box-text.text-center {
    padding: 0px;
}

.img-cate-home .box-text.text-center h4 {
    background: #0e7c77;
    height: 50px;
    line-height: 50px;
    max-width: 100%;
    margin-top: -20px;
    padding-left: 10px;
    color: white;
    margin-bottom: 10px;
}

/* .img-cate-home .box-text.text-center h4 :before {
    content: "";
    position: absolute;
    border: 25px solid #0e7c77;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    width: 30px;
    height: 50px;
    left: 80%;
    top: -0;
}
 */

.title-udl h2:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 35px;
    border-bottom: 3px solid #0f7c77;
}
/* Product page*/
.archive.tax-product_cat main#main {
    background: #e1fbfa !important;
}

.single-product .product.type-product {
    background: #e1fbfa;
}
.product-small .box-text {
    background: #fff;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
}
.sec-detail .row .woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content {
    padding: 20px;
    background: white;
    border-radius: 8px;
	box-shadow: 0 8px 10px #3333330c;
}

.text.nhan-bao-gia {
    padding: 10px;
    background: white;
    border-radius: 5px;
	box-shadow: 0 8px 10px #3333330c;
}

.text.nhan-bao-gia p {
    margin-bottom: 0px;
}

.form-tu-van-nhanh {margin-top: 20px;background: white;padding: 20px;border-radius: 8px;box-shadow: 0 8px 10px #3333330c;}

.form-tu-van-nhanh .row-input p {display: flex;flex-direction: row;}

.form-tu-van-nhanh .row-input span.wpcf7-spinner {
    display: none;
}

.form-tu-van-nhanh .row-input input.wpcf7-form-control.wpcf7-submit.has-spinner.sb-tvn {
    border-radius: 0px 10px 10px 0px;
}

.form-tu-van-nhanh .row-input input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel {
    border-radius: 10px 0px 0px 10px;
}

/* .img-cate-home .box-text.text-center h4:before {
    content: "";
    position: absolute;
    border: 25px solid #0f7c77;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    left: 80%;
} */

/* Box Author */
.flex-col.flex-grow.author-desc {
    padding: 20px 50px;
    position: relative;
}
.author-box .flex-col.flex-grow.author-desc:before {
    content: open-quote;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 120px;
    line-height: 1;
	  font-family: var(--font-heading, 'Phudu', sans-serif);
}
.author-box .flex-col.flex-grow.author-desc:after {
    content: close-quote;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 120px;
    line-height: 0;
	  font-family: var(--font-heading, 'Phudu', sans-serif);
}
p.author-desc.small {
    margin-top: 30px;
}

.author-info .blog-author-image {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px;
}

.author-info img.avatar.avatar-90.photo {
    width: 100px;
}

h5.author-name.uppercase.pt-half {
    color: black;
    display: inline-block;
    margin: 0;
    margin-right: 50px;
    height: 100px;
    width: fit-content;
    margin-top: 30px;
    font-weight: bold;
}

.author-info {
    display: flex;
    padding: 0px 50px;
}
.social-author {
    display: inline-block;
    height: 100px;
    margin-top: 35px;
}
.social-author i {
    font-size: 30px;
}
.social-author img {
    width: 24px;
}
.pdf-download-button img {
    width: 35px;
    border: 1px solid #c9dfde;
    border-radius: 5px;
    padding: 5px;
}
.pdf-download-button {
    padding: 10px;
    background: white;
    border-radius: 5px;
    box-shadow: 0 8px 10px #3333330c;
}
.pdf-download-button p {
    margin-bottom: 0px !important;
}
.pdf-download-button {display: flex;}

.pdf-download-button a {margin-left: 10px;}
/* ----------------------------------------- MEDIA SCREEN MOBILE ----------------------------------------- */
@media only screen and (max-width: 850px) {
	.author-info {
		padding: 0px 20px;
	}
}
@media only screen and (max-width :549px) {
	.saboxplugin-desc p{
		text-align: justify;
	}
	.author-info {
		display: flex;
		padding: 0px 50px;
		flex-direction: column;
	}
	h5.author-name.uppercase.pt-half {
		margin-top: 0px;
		height: 50px;
	}
	.social-author {
		margin-top: 0px;
		height: auto;
	}
}

/* ----------------------------------------- HIDE ADS OVERLAYS ON FOOTER ----------------------------------------- */
ins.adsbygoogle[data-anchor-status] {
    display: none !important;
}
.google-auto-placed {
    z-index: 1 !important;
}

/* ============================================================
   FIX MOBILE: dich-vu-xin-phep-thi-cong-dau-noi-thoat-nuoc
   Injected by update-thoat-nuoc-layout.php — 2026-05-27
   ============================================================ */

/* 1. Prevent horizontal overflow toĂ n trang */
.tba-landing {
    overflow-x: hidden;
    box-sizing: border-box;
}

/* 2. Figure caption overflow (width: 2560px inline) */
.tba-landing figure.wp-caption,
.tba-main figure.wp-caption {
    max-width: 100% !important;
    width: 100% !important;
}

@media screen and (max-width: 768px) {
    
    /* === LAYOUT: Flex → Stack trĂªn mobile === */
    .tba-flex {
        flex-direction: column !important;
        gap: 24px !important;
    }
    
    .tba-main {
        flex: 1 1 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }
    
    /* Sidebar: Full width, khĂ´ng sticky trĂªn mobile */
    .tba-side {
        flex: 1 1 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        order: 2; /* đẩy sidebar xuống dưới article */
    }
    
    .tba-side > div {
        position: relative !important;
        top: auto !important;
    }
    
    /* === TYPOGRAPHY: Co nhỏ heading === */
    .tba-landing h1 {
        font-size: 1.6rem !important;
        line-height: 1.35 !important;
        padding-bottom: 8px !important;
    }
    
    .tba-landing h2 {
        font-size: 1.3rem !important;
        line-height: 1.4 !important;
        flex-wrap: wrap !important;
    }
    
    .tba-landing h3 {
        font-size: 1.15rem !important;
    }
    
    /* === ARTICLE: Padding hợp lĂ½ === */
    .tba-main > article {
        padding: 12px !important;
    }
    
    /* === FIGURE: Prevent overflow từ width 2560px inline === */
    .tba-landing figure {
        max-width: 100% !important;
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .tba-landing figure img {
        width: 100% !important;
        height: auto !important;
    }
    
    /* === TOC: Ngăn trĂ n trĂªn mobile === */
    .tba-landing #ez-toc-container {
        max-width: 100% !important;
        overflow-x: auto !important;
    }
    
    .tba-landing #ez-toc-container nav ul {
        padding-left: 16px !important;
    }
    
    /* === AUTHOR BOX: Layout nhỏ gọn === */
    .tba-landing div[style*="display:flex"][style*="gap:24px"] {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 16px !important;
    }
    
    /* Author avatar container center */
    .tba-landing div[style*="flex-shrink:0"][style*="width:150px"] {
        width: 100% !important;
    }
    
    /* Author info min-width override */
    .tba-landing div[style*="min-width:250px"] {
        min-width: 0 !important;
        width: 100% !important;
    }
    
    /* Author action buttons stack */
    .tba-landing div[style*="display:flex"][style*="gap:8px"][style*="flex-wrap:wrap"] {
        justify-content: center !important;
    }
    
    /* === FOOTER CTA: Full width === */
    .tba-landing footer[style*="border-radius"] {
        border-radius: 12px !important;
    }
    
    .tba-landing footer div[style*="display:flex"][style*="gap:20px"] {
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .tba-landing footer a[style*="padding:14px"] {
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        justify-content: center !important;
    }
    
    /* === SIDEBAR FORM: Border-box fix === */
    .tba-side input,
    .tba-side select,
    .tba-side button {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
    
    /* === TABLE responsive === */
    .tba-landing table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    
    /* === Inline style override: boxes with fixed padding === */
    .tba-landing div[style*="padding:28px"] {
        padding: 16px !important;
    }
    
    .tba-landing div[style*="padding:22px"] {
        padding: 14px !important;
    }
    
    /* === Phone CTA in sidebar: prevent overflow === */
    .tba-side a[style*="font-size:1.35rem"] {
        font-size: 1.1rem !important;
    }
}

@media screen and (max-width: 480px) {
    
    .tba-landing h1 {
        font-size: 1.4rem !important;
    }
    
    .tba-landing h2 {
        font-size: 1.15rem !important;
    }
    
    /* Giảm padding header intro box */
    .tba-landing div[style*="border-left: 5px solid #3b82f6"] {
        padding: 14px !important;
    }
    
    .tba-landing p[style*="font-size: 1.05rem"] {
        font-size: 0.95rem !important;
    }
    
    /* Sidebar form header */
    .tba-side div[style*="padding:18px 22px"] {
        padding: 14px 16px !important;
    }
    
    /* Author badges: wrap nhỏ gọn */
    .tba-landing span[style*="padding:6px 12px"][style*="font-size:.78rem"] {
        font-size: .72rem !important;
        padding: 4px 8px !important;
    }
}

/* ============================================================
   END FIX MOBILE
   ============================================================ */