/*
Theme Name: webxanh
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 7.0.2
*/
#wp-admin-bar-wp-logo {display:none}
/*************** ADD CUSTOM CSS HERE. ***************/
.fa-comment-alt:before, .fa-message:before {content: "\f4ad";}
.text-capitalize {text-transform:capitalize}
.fa-telegram-plane:before, .fa-telegram:before {content: "\e07b";}

.phone-bar a {background:#f00;opacity:0.7}
#phone-vr .phone-vr-circle-fill {animation: zoom 1.3s infinite !important;}
#phone-vr .phone-vr-img-circle {animation: phone-vr-circle-fill 1s infinite ease-in-out !important;}

/*#top-bar , #footer .st-footer .section-bg , #footer .st-footer .section-bg-overlay {background-image: linear-gradient(90deg, #00BFFF, #58bde4);}*/

#top-bar{overflow:hidden}
#top-bar:after{position:absolute;content:"";width:35%;height:300px;top:0;left:0;background:#0178b3;z-index:-1;transform:skewX(20deg);border-right:5px solid #fff}


.wpcf7 input , .wpcf7 textarea {border-radius:5px}
.wpcf7-submit {text-transform:none !important;border-radius:5px !important;font-weight:400 !important;}

.bread-crumb .title-breadcrumb {text-align:center;font-size:40px;font-weight:700;position:relative;z-index:8}
.bread-crumb i {font-size:10px}

.blog-archive {padding-top:0;}
.archive-page-header {position:relative;background:url('/wp-content/uploads/2025/10/contact.jpg');background-position:center;margin-bottom:50px;padding-top:50px;}
.archive-page-header:before {background:#fff;opacity:0.9;content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.archive-page-header .page-title {font-size:150%;}


#wrapper .shop-page-title.featured-title .title-bg {background:url('/wp-content/uploads/2025/10/contact.jpg') !important;background-position: center bottom !important;opacity:0.2;}

.absolute-footer {border-top: 1px solid #eee}
.header-wrapper.stuck .header-bottom {display:none}


.header-logo-dark {
    filter: drop-shadow(1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px 1px white) drop-shadow(-1px -1px white) drop-shadow(0 0 .4rem white);
}



.header-main .nav > li > a:before {
    font-family: "FontAwesome";
    content: "\f106";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: absolute;
    top: 32px;
    left: -10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    background:transparent;
    height:auto;width:auto
}


.header-main .nav > li > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    background: #fcb900;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header-main .nav > li > a:hover:before {
    visibility: visible;
    opacity: 1;
    top: -2px;
    left: -5px;
}
.header-main .nav > li > a:hover:after {
    width: 100%;
}



.nav .nav-dropdown {
    background-color: #f4bc22;
    border:none
}
.nav-dropdown-has-shadow .nav-dropdown {
    box-shadow: 1px 1px 15px rgb(0 0 0 / .15);
}
.sub-menu.nav-dropdown.nav-dropdown-default {
    padding: 0;
}
.sub-menu.nav-dropdown.nav-dropdown-default > li {
    transition: all ease-in-out 0.2s;
}
.sub-menu.nav-dropdown.nav-dropdown-default > li:hover {
    background-color: #ffbe0040;
}
header .nav-dropdown .nav-column li>a, header .nav-dropdown >li>a {
    border-bottom: 1px solid #ececec;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
}
header .nav-dropdown .nav-column>li>a, header  .nav-dropdown >li>a {
    font-size: .85em;
    text-transform: uppercase;
    color:#eee;
    border-bottom: 1px solid hsl(0 0% 100% / .2) !important;
}
.nav-column li>a, .nav-dropdown>li>a {
    display: block;
    line-height: 1.3;
    padding: 10px 20px;
    width: auto;
}

.dk-p p {
    margin-bottom: 5px;
    line-height: 1.3;
}

.sidebar-hover-blue > a {
    color: inherit;
}
.sidebar-hover-blue:hover {
    color: #1e73be;
    cursor: pointer;
}

.tags-container a {display: inline-block; padding: 5px 10px; margin: 5px; border: 1px solid rgb(221, 221, 221); border-radius: 5px; text-decoration: none; cursor: pointer; font-size: 0.8rem; background-color: rgb(249, 249, 249);}

.tags-container a:hover {background-color: rgb(225, 225, 225) }
.dk-text-3 strong {
    position: sticky;
}
.dk-text-3 strong::before {
    background-color: #febf10;
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: 30%;
    left: -2px;
    bottom: 0;
    z-index: -1;
    transform: rotate(-2deg);
}



#ftwp-trigger , #ftwp-contents , .saboxplugin-wrap {display:none}

.entry-content h2 {
    border-bottom: 2px solid;
}
.entry-content div.col-inner:has(.is-border.is-dashed){
    padding: 20px 20px 10px 20px;
}



.entry-content * {
    /*text-align: justify;*/
}
table#bang-gia-tong {
    max-height: calc(var(--row-height) * 20);
}
table {
    --row-height: 35px;
    width: 100% !important;
    display: block;
    max-height: calc(var(--row-height) * 10);
    overflow-y: auto;
}
table td {
    height: var(--row-height);
    border: 1px solid #000;
    padding: 8px !important;
    color: #000;
}
table tr:nth-child(odd) {
    background-color: #fff9cd;
}

table tr:first-child {
    background-color: #fdb900;
    position: sticky;
    top: 0;
    z-index: 2;
}
table td:first-child {
    background: inherit;
    position: sticky;
    left: 0;
    z-index: 1;
}


.flickity-page-dots {
    bottom: -10px;
    left: 20%;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20%;
    text-align: center;
}

.rank-math-breadcrumb > p {
    a {
        color: #bb8e11;
    }
}




.widget {background: #fcf6e8;}
.widget .is-divider {display:none}
.widget .widget-title {
    display: block;
    position: relative;
    background-color: #fcb900;
    padding: 5px 8px;
    margin-bottom: 10px;
    text-align: center;
                      }
.widget ul {
    padding: 0 12px 8px;
    margin:0
}
.widget li {
    list-style: none;
}
.widget ul h3 {
    font-size: 1.1rem;
    line-height: 1.5;
    color: black;
    font-weight: normal;
    margin: 0;
}
.widget ul h3 a:hover {color:#1e73be}


.related-posts-section .section-title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #222;
    margin-bottom: 15px;
}

.related-posts-section .post-title {
    font-size: 0.95rem;
    line-height: 1.4;
    font-weight: 700;
    color: #1c1c1c;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
}

.related-posts-section .post-item-link:hover .post-title {
    color: #d2691e;
}

.related-posts-section .box-image {
    border-radius: 4px;
    overflow: hidden;
}


#comments.comments-area {display:none}

@media (min-width: 1024px) {
	.footer-secondary {padding-top:0}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/


}
/*end*/