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

ul.header-nav.header-nav-main.nav-left>li {
    width: 100%;
}

.site-name {
    color: var(--primary-color);
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    background-color: #fff;
    transition: all ease 0.3s;
}

.section-title-bold-center span,
.section-title-bold span {
    padding: 0;
    border: none;
}

.section-title b {
    height: 0;
}

.container.section-title-container.text-shadow {
    text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
}

.box-blog-post .is-divider {
    height: 0;
}

.button.is-underline:before {
    left: 0;
}

.last-reset :last-child,
.last-reset p:last-child {
    margin-bottom: 0;
}

.section-title.section-title-center {
    flex-direction: column;
}

.section-title.section-title-center>b {
    display: none;
}

.section-title.section-title-center:after {
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    max-width: 65px;
    height: 2px;
    background-color: var(--primary-color);
    content: '';
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.section-title.section-title-center:hover:after {
    max-width: 90px;
}

.khach-hang .ux-logo {
    margin-right: 24px;
    margin-bottom: 24px;
    min-width: 165px;
    background: #fff;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 30%);
}

.khach-hang img.ux-logo-image.block {
    height: auto !important;
    min-height: 50px;
    width: auto;
}

aside span.widget-title {
    display: block;
    background: var(--primary-color);
    color: #fff;
    padding: 10px 15px;
}

.recent-blog-posts-li span.post_comments {
    display: none;
}

.footer-widgets #text-3 .fa-angle-right {
    font-size: 11px;
}

/* Style Form Vệ Sinh HT */
.ht-form-contact {
    max-width: 100%;
    margin: 0 auto;
}

.ht-form-group {
    margin-bottom: 0;
}

.ht-form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #333;
    font-size: 14px;
}

.ht-form-group input[type="text"],
.ht-form-group input[type="tel"],
.ht-form-group input[type="date"],
.ht-form-group select,
.ht-form-group textarea {
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
    height: auto;
}

.ht-form-group input:focus,
.ht-form-group select:focus,
.ht-form-group textarea:focus {
    border-color: #0073aa;
    outline: none;
}

.ht-form-submit input[type="submit"] {
    background-color: #d93c3c;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    padding: 12px 25px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    transition: 0.3s;
}

.ht-form-submit input[type="submit"]:hover {
    background-color: #b82d2d;
}
.ht-form-submit span.wpcf7-spinner {
    display: none;
}

.related-article-wp {
    padding: 15px 25px;
    background: #f9f9f9;
    border: 1px dashed #ddd;
}

.related-article-wp .box-title {
    font-size: 20px;
    color: var(--primary-color);
}

ul.related-article {
    margin: 0;
    list-style: none;
}

ul.related-article>li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 10px;
    display: inline-block;
    margin-right: 5px;
}

.related-post-content {
    font-size: 15px;
}

@media (max-width:590px) {
    .khach-hang .ux-logo {
        margin-right: 8px;
        margin-bottom: 16px;
        min-width: 150px;
    }
}