/*
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.   ***************/

@import url('assets/font-awesome-pro/font-awesome-pro/css/all.min.css');

@font-face {
    font-family: 'FlIcons';
    src: url('fl-icons.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VNFlorensans';
    src: url('assets/fonts/VNFlorensans.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'VNFlorensans', sans-serif !important;
}

#header .header-nav-main>.menu-item>a:hover,
#header .header-nav-main>.menu-item.active>a {
    color: #00a84f;
}

.sec-home-1 .image-cover img {
    bottom: 0;
    font-family: "object-fit: cover;" !important;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.sec-home-1 .box-image img {
    margin: 0 auto;
    max-width: unset;
    width: calc(50vw + 7vw);
}


.sec-home-1 .box:hover .box-text p span {
    text-decoration: underline;
}
.section-footer span.ux-menu-link__text {
    color: #3d3d3d;
    display: block;
    font-family: var(--regular);
}

.section-footer span:hover, .section-footer a:hover {
    color: #00a84f;
    cursor: pointer;
    text-decoration: underline;
}

.form-content input[type=email] {
    background: unset;
    border: unset;
    box-shadow: unset;
    border-bottom: 1px solid #000;
}


.banner-about {
    background: url('/wp-content/themes/flatsome-child/assets/img/bg-gioithieu%20(1).png');
    background-attachment: fixed;
}

.page-about-2:before {
    content: "";
    height: 4px;
    position: absolute;
    width: 86%;
    top: 0;
    background: #00a84f;
    left: 0;
    top: 0px;
}



.page-about-3:before {
    content: "";
    height: 4px;
    position: absolute;
    width: 86%;
    top: 0;
    background: #00a84f;
    right: 0;
    top: 0px;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    text-transform: uppercase;
}

.product-contact-link a {
    color: #00a84f;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--semi);
    text-transform: uppercase;
}

.product-small.box .title-wrapper {
    margin-bottom: 0px;
}

.icon-box-contact svg {
    fill: currentColor;
    height: 100%;
    transition: all .3s;
    width: 100%;
    background-color: #fff1e1;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 12px;
    position: absolute;
    left: 0;
    top: -3px;
    color: var(--theme-color);
    padding: 6px;
}

.blog-big .box-text.text-left {
    padding: 25px !important;
}

.blog-ok h5.post-title a.plain {
    font-size: 26px !important;
    margin: 0px !important;
}

body:not(.home) .box-blog-post .box-text .post-title {
    margin: 0px !important;

}

.blog-relative a.plain {
    color: #000;
}
.blog-ok p.from_the_blog_excerpt {
    font-size: 18px !important;
    font-family: var(--regular);
}
body:not(.home) .box-blog-post .box-info .post-meta {
    font-size: 16px;
    line-height: 30px;
    color: #00a84f;
    letter-spacing: .03em;
}


.box-blog-post a.button.is-default {
    opacity: 1;
    box-shadow: unset;
    height: 40px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--regular);
    width: 160px;
    background-color: #d5ffba;
    color: var(--theme-color);
    border: 1px solid rgba(0, 0, 0, .05);
    margin: 20px 0 0;
}

.box-blog-post .box-text .button:hover {
    background-color: #00a84f;
    color: #fff;
    box-shadow: none !important;
}


body:not(.home) .box-blog-post .box-text .post-title:hover a {
    color: #00a84f;
}
ul.ux-relay__pagination.page-numbers.nav-pagination.links,
.ux-relay__control.ux-relay__control--bottom.container.pb-half.text-left {
    display: flex;
    margin: 0 auto !important;
}

.entry-header-text.text-center,
.entry-content {
    padding: 0px;
}

.info-top {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 18px 0 24px 0;
}

.box-postdate {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #886c4a;
    font-size: 16px;
}

.box-share {
    display: flex;
    align-items: center;
    gap: 8px;
}

.share-icons-title {
    color: #886c4a;
    font-size: 16px;
}

.box-share a.icon {
    color: #886c4a;
    transition: opacity 0.2s;
}

.box-share a.icon:hover {
    opacity: 0.7;
}

.text-center .is-divider,
.text-center .is-star-rating,
.text-center .star-rating,
.text-center>div,
.text-center .is-divider,
.text-center .is-star-rating,
.text-center .star-rating,
.text-center>div,
.text-center>div>div {
    margin-left: 0;
    margin-right: 0;
}


.info-top {
    border-bottom: 1px solid #00000066;
    padding: 16px 0;
}

.woocommerce-breadcrumb {
    display: none;
}


h1.product-title.product_title.entry-title {
    color: #3d3d3d;
}

.product-short-description {
    font-family: 'Lexend-Light', sans-serif;
    color: #3d3d3d;
    font-size: 18px;
    border-bottom: 1px dashed #ddd;
}


.breadcrumb {
    margin-bottom: 15px;
    font-size: 14px;
}

.breadcrumb-item {
    color: #333;
    text-decoration: none;
}

.breadcrumb-separator {
    margin: 0 5px;
}

.related.related-products-wrapper.product-section {
    margin-top: 30px;
}

#header .header-wrapper .header-main {
    background: #fff;
}

#header .header-nav-main>.menu-item>a {
    font-family: var(--flo);
    padding: 30px 18px;
    font-size: 16px;
    color: #7bce45;

    line-height: 20px;
    font-weight: 400;
    transition: all .3s;
}

.form-content .wpcf7-submit:hover {
    background-color: #00a84f;
    color: #fff;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
.sec-home-1 .box-image img {
    margin: 0 auto;
    max-width: unset;
    width: unset;
}
	
	    #header #logo img {
        /* display: block !important; */
        max-height: 83px !important;
    }
	i.icon-menu {
    color: #7bce45;
}

	page-about-2:before {
    content: "";
    height: 4px;
    position: absolute;
    width: 100%;
    top: 0;
    background: #00a84f;
    left: 0;
    top: 0px;
}
	
	.page-about-3:before {
    content: "";
    height: 4px;
    position: absolute;
    width: 100%;
    top: 0;
    background: #00a84f;
    right: 0;
    top: 0px;
}
	.blog-ok h5.post-title a.plain {
    font-size: 20px !important;
    margin: 0px !important;
}
	
	.product-contact-link a {
    color: #00a84f;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--semi);
    text-transform: uppercase;
}
	    .button.secondary.is-larger {
        font-size: 14px;
        /* margin-bottom: -3px; */
    }
}