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

/*************** ADD CUSTOM CSS HERE.   ***************/
.absolute-footer {
    display: none;
}

.banner-img-cong img,
.banner-img-cong {
    border-radius: 20px;
}

.icon-box-cong .icon-box-img {
    position: relative;
    padding: 12px 12px 4px;
    border: 1px solid #000;
    border-radius: 10px;
}

.product-home a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
   color: #000;
    text-align: justify;
    font-family: Roboto;
       font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.price-wrapper span.amount {
    color: var(--04, #244894);
    font-weight: 700;
    white-space: nowrap;
}

.product-home .box-image {
    width: 204px;
    height: 204px;
}

.tab-home ul.nav.nav-simple {
    display: flex;
    gap: 30px;
}

.tab-home .tab.active {
    border-radius: 8px;
    background: var(--04, #244894);
    padding: 0px 12px;
}

.tab-home .tab.active a span {
    color: #fff;
}

.tab-home a span {
    color: #000;
}

.blog-home p.cat-label {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    text-transform: none;
}

h5.post-title {
    color: #000;
    font-size: 18px;
}

p.from_the_blog_excerpt {
    color: #000;
}

.blog-home a.button.primary {
    padding: 4px 32px;
    border-radius: 8px;
    border: 2px solid var(--04, #244894);
    text-transform: none;
    font-size: 14px;
}

.blog-home a.button.primary::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: -4px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'><path d='M14.457 12.5L9.39941 17.5566L8.94238 17.0996L13.0713 12.9717L13.543 12.5L8.94238 7.89941L9.39941 7.44238L14.457 12.5Z' fill='black' stroke='%23244894' stroke-width='1.33333'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: -3px;
}

.blog-home .box-blog-post .is-divider {
    background: #244894;
}

.blog-home a.button.primary:hover::after,
.section-form-contact-home input.wpcf7-form-control.wpcf7-submit.has-spinner::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'><path d='M14.457 12.5L9.39941 17.5566L8.94238 17.0996L13.0713 12.9717L13.543 12.5L8.94238 7.89941L9.39941 7.44238L14.457 12.5Z' fill='white' stroke='white' stroke-width='1.33333'/></svg>");
}

.blog-home button.flickity-button.flickity-prev-next-button.next,
.blog-home button.flickity-button.flickity-prev-next-button.previous {
	display: none;
}


.section-form-contact-home input.wpcf7-form-control,
.section-form-contact-home textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 20px;
    background: #D9D9D9;
    display: flex;
    width: 548px;
    height: 60px;
    padding: 20px;
    align-items: center;
    gap: 8px;
}

.section-form-contact-home input.wpcf7-form-control.wpcf7-submit.has-spinner {
    display: flex;
    width: 206px;
    height: 59px;
    padding: 4px 9px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 15px;
    background: rgb(231, 8, 8);
    text-transform: none;
    font-size: 18px;
}

.section-form-contact-home input::placeholder,
.section-form-contact-home textarea::placeholder {
    color: #244894;
    opacity: 1;
}

.section-footer input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    height: 56px;
}

.section-footer a.ux-menu-link__link.flex {
    color: #fff;
}

#top-bar .flex-col.hide-for-medium.flex-right {
    width: 25%;
    height: 100%;
}

#masthead .flex-col.hide-for-medium.flex-right {
    height: 100%;
}

.text-fit * {
    width: max-content;
}

.fit {
    width: max-content;
}

.df {
    display: flex;
}

.text-fit.fit.df {
    margin-left: -50px;
}

.form-flat input:not([type=submit]),
.form-flat select,
.form-flat textarea {
    border-radius: 4px;
}

.header-nav {
    height: 100%;
    display: flex;
    align-items: center;
}

.header-nav li:not(:last-child) {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    margin: 0;
}

.header-nav li a {
    font-weight: 300 !important;
    font-size: 16px;
}

.header-nav>li.active,
.header-nav>li:hover {
    background: #000;
}

.header-nav>li.active>a,
.header-nav>li:hover>a {
    color: #fff !important;
}

.header-search-form {
    background-color: transparent !important;
}

.btn-black {
    background: transparent;
    border: #000 solid 1px;
    color: #000;
}

.btn-black:hover {
    background: #000;
    color: #fff;
}

.full-w {
    width: 100%;
}

.mb-0 * {
    margin-bottom: 0;
}

.icon-lien-he svg {
    color: var(--primary-color);
    fill: var(--primary-color);
    width: 50px;
}

ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left {
    display: none !important;
}

.bao-hanh-box ul {
    margin-left: 20px;
}

.tab-home .nav {
    flex-wrap: nowrap;
    overflow-x: scroll;
}

.tab-home .nav * {
    white-space: nowrap;
}


@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .header-hotline {
        font-size: 10px !important;
        white-space: nowrap;
        overflow: hidden;
    }

    #wpcf7-f53-p10-o1 input,
    #wpcf7-f223-o2 input,
    #wpcf7-f53-p10-o1 textarea {
        height: 20px !important;
    }
}