/*
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.   ***************/
/* p{
    font-size:14px!important;
} */
/*--------------------------------------------------------------
>>> Header
----------------------------------------------------------------*/
.header .search-field {
height: 34px;
    border-radius: 25px!important;
    width: 460px;
}
.header .searchform-wrapper{
    width:253px;
    max-width:100%;
    padding: 5px 0px;
}
.off-canvas .mfp-content{
    background-color:#fff!important;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a{
color: #111;
    font-size: 14px;
    /*font-weight: 550;*/
}
.mfp-content .toggle{
    opacity:1;
}
.mfp-content .toggle i{
    color:#fff;
}
/*--------------------------------------------------------------
>>> Home
----------------------------------------------------------------*/

/*.home-partner{
    border-top: 2px solid #00a450;  
}*/
.home-partner .bg{
    background-repeat: repeat!important;
    background-position: 0 0;   
}
.home-partner .gallery-col{
    height: 75px;
}
.home-partner .box-image{
    padding: 14px 17px!important;
    height: 75px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-partner .box-image img{
    max-height: 90px;
    object-fit: contain;
}
.home-partner .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button{
    margin-top:-1%;
}
.home-info {
 /*   border-bottom: 1px solid #c8c8c8;
  border-top: 1px solid #00a450;
    box-shadow: 0 0 3px #563277;*/
}
.home-info ul li{
    font-size: 14px;
    width: 49%;
    float: left;
    margin-left: 0;
    list-style: none;
    background: #00a450;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color:#fff;
}
.home-info ul li:before{
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-weight: 100;
}
.home-info ul li a{
    color:#fff;
}
#breadcrumb{
    /*background: #dedede;    */
    font-size:13px;
    padding:12px 0;
    color: #555;
}
#breadcrumb a {
    color:#555;
}
#breadcrumb i {
    margin-right: 10px;
}
#breadcrumb a > i {
    margin-left:10px;
}
.product-hightlight .divider{
    position:relative;
}
.product-hightlight .divider:before{
    content:'\f005';
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position:absolute;
    left:50%;
    transform:translatex(-50%);
}
.home-product .slider-nav-outside .flickity-prev-next-button.previous{
    right:102%;
}
.home-product .slider-nav-outside .flickity-prev-next-button.next{
    left:102%;
}
.home-product .slider-nav-outside .flickity-prev-next-button{
    opacity:1;
}
.home-product .flickity-prev-next-button svg, .home-product .flickity-prev-next-button .arrow{
    fill:#fff;
}
.home-product .slider-nav-outside .flickity-prev-next-button svg{
    background:#007864;
    border-color:#007864;
}
section.home-product .box-text p.box-excerpt {
    display: none;
}
section.khach-hang .icon-box .icon-inner img {
    border-radius: 50%;
}
section.news {padding-bottom: 0px !important;}
.home-news .news-right .no_img .box-image{
    display:none;
}
section.home-info {
        background: #f4f4f4;
}
.home-news .news-right .no_img .post-title{
    font-size: 15px;
    font-weight: normal;
    color: #007865;
    position: relative;
    padding-left: 15px;
    margin: 0;
}
.home-news .news-right .no_img .post-title:before{
    content: '';
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-40%);
    width: 5px;
    height: 5px;
    background: #00a450;
}
.home-news .news-left .post-item .box-text{
    padding-top:0;
    vertical-align:top;
}
.home-news .news-left .post-item .post-title{
    color:#00a650;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;   
}
.post-item .is-divider{
    display:none;
}
.price-wrapper del .amount bdi {
        text-decoration-color: #e81c23 !important;
    text-decoration: line-through;
}
/*--------------------------------------------------------------
>>> Trang liên hệ
----------------------------------------------------------------*/
.page-lien-he .section-title{
    border-bottom: 1px solid #e4e4e4;   
}
.page-lien-he .section-title span{
    border-bottom:none;
}
.page-lien-he .wpcf7 label{
    font-weight:normal;
    font-size:13px;
}
.page-lien-he .wpcf7 .wpcf7-form-control{
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
}
.page-lien-he .col-info .icon-box:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 44px;
    background-color: #00a450;
    border-radius: 999px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    line-height: 44px;
    content:'';
}
.page-lien-he .col-info .icon-box:nth-child(2)::before{
    content: '\f015';
}
.page-lien-he .col-info .icon-box:nth-child(3)::before{
    content:'\f3c5';
}
.page-lien-he .col-info .icon-box:nth-child(4)::before{
    content:'\f879';
}
.page-lien-he .col-info .icon-box:nth-child(5)::before{
    content:'\f0e0';
}
.page-lien-he .col-info .icon-box{
    margin-bottom:12px;
    padding-left:60px;
    position:relative;
}
.page-lien-he .col-info .icon-box .icon-box-text > *{
    font-size:15px;
    font-weight:500;
    margin-bottom:0;
}
.page-lien-he .col-info .icon-box .icon-box-text p{
    font-size:14px;
    font-weight:normal;
}
/*--------------------------------------------------------------
>>> Trang hệ thống cửa hàng
----------------------------------------------------------------*/
.page-he-thong-cua-hang .tabbed-content ul li.active a{
    background: #045a4c;    
    font-weight: 700;
}
.page-he-thong-cua-hang .tabbed-content ul li a{
    background: #148270;
    font-weight: 400;
    color: #fff;
    padding: 10px 10px 10px 27px;
    text-transform: none;
}
.page-he-thong-cua-hang .tabbed-content ul li:first-child a:before{
    content:'\f0c9';
    font-weight: 900;
}
.page-he-thong-cua-hang .tabbed-content ul li a:before{
    content: '\f0a4';
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    margin-right: 12px;
    opacity: 1!important;
}
.page-he-thong-cua-hang .tabbed-content ul li+li{
    border-top:1px solid #045a4c;
}
.page-he-thong-cua-hang .tabbed-content .tab-panels{
    padding: 15px 30px;
    border: 1px solid #dcdcdc;  
}
/*--------------------------------------------------------------
>>> Trang giới thiệu
----------------------------------------------------------------*/
.page-gioi-thieu .section-title-container{
    margin-bottom:0;
}
.page-gioi-thieu .section-title{
    font-size:30px;
    font-weight:500;    
}
.page-gioi-thieu .section-title span,.page-gioi-thieu .section-title{
    border-bottom:none;
    margin-bottom:0;
}
/*--------------------------------------------------------------
>>> Chuyên mục tin tức
----------------------------------------------------------------*/
.blog-archive .post-item, .home-news .news-left .post-item{
    padding-bottom:0;
}
.blog-archive .post-item:not(:last-child) > .col-inner, .home-news .news-left .post-item:not(:last-child) > .col-inner{
    border-bottom: 1px dashed #017864;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.blog-archive .post-item .post-meta{
    color: #939090;
    margin-bottom: 10px;
    font-size: 16px;
    margin-top: 10px;   
}
.blog-archive .post-item .post-meta:before{
    content:'Ngày đăng: ';
}
.blog-archive .post-item img, .home-news .news-left .post-item img{
    border: 1px solid #ddd;
    padding: 1px;   
}
.blog-archive .post-item .post-title{
    color: #00a450;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;   
}
.blog-archive .post-item .post-title:hover {
    color: #02a1eb;
}
/*--------------------------------------------------------------
>>> Chi tiết tin tức
----------------------------------------------------------------*/
.comments-area{
    display:none;
}
.blog-single .entry-title{
    font-size: 20px;
}
.blog-single .related-posts .related-title{
    color:#00a450;
    text-transform:uppercase;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 10px;
    margin: 0 0 15px;
}
.blog-single .related-posts li{
    margin-left:1.3em;
}
/*--------------------------------------------------------------
>>> Widget
----------------------------------------------------------------*/
.widget .widget-title {
    margin-bottom: 10px;
    display: block; 
}
.widget.widget_categories .widget-title, .widget_product_categories .shop-sidebar, .widget_product_categories .widget-title, .widget-upsell .widget-title{
    border-radius: 5px 5px 0 0;
    background: #00a450;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    display: block; 
    margin-bottom:0;
}
.widget.widget_categories ul, .widget_product_categories ul{
    border: 1px solid #00a450;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    /*background: #86bd6d;    */
    padding-left: 15px;
    padding-right: 15px;
}
.widget.widget_categories ul li a, .widget_product_categories ul li a{
    /*color: #fff!important;*/
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 0;
}
.widget.widget_categories ul li a:before, .widget_product_categories > ul > li > a:before{
    content: "";
    background: url(./images/sidebar-bullet.png) left no-repeat;
    padding-left: 15px;
    margin-left: 2px;
    margin-right: 5px;
}
.widget_product_categories ul.children{
    border:none;
}
.widget_product_categories ul.children li a{
    text-transform: none;
    font-weight: 400;
}
.widget_product_categories ul.children li {
    margin-left: 1.4em;
    list-style-type: square;
    color: #fff;
}
.widget_product_categories button{
    opacity:1;
}
.widget_product_categories i{
    color:#fff;
}
/* Widget Recent Posts */

.widget .list-post-item li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #007864;
}
.widget .list-post-item li+li {
    border-top:none;
}
.widget .list-post-item li:last-child {
    margin-bottom: 0;
}
.widget .list-post-item .post:after {
    clear: both;
}
.widget .list-post-item .alignleft {
    margin-right: 10px;
    width:auto;
}
.widget .list-post-item .alignleft img, .widget .list-post-item .alignright img{
    width: 60px;
    height: 40px;
    object-fit: cover;
}
.widget .list-post-item .alignright {
    margin-left: 10px;
    width:auto;
}
.widget .list-post-item .aligncenter {
    text-align: center;
}
.widget .list-post-item h3{
    font-weight:normal;
}
.widget .list-post-item h3 a{
    color: #148270;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*--------------------------------------------------------------
>>> Chi tiết sản phẩm
----------------------------------------------------------------*/
.single-product .product-main{
    padding:30px 0;
}
.single-product #product-sidebar{
    padding-top:30px;
}
.single-product .product-info{
    padding-top:0;
}
.single-product .product-images{
    border: 5px solid #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px #b1b1b1;    
}
.single-product .product-info .product-title{
    font-size: 16px;
    color: #00a450;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 0;   
}
.single-product .woocommerce-breadcrumb{
    display:none;
}
.price-wrapper .amount{
    color:#e81c23;
    font-size: 16px;
}
.single-product .product-info .price-wrapper .price, .single-product .product-info  .info > div{
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;    
    margin:0;
}
.single-product .info{
    font-size:14px;
}
.single-product .product-short-description{
    padding:10px 0;
    font-size:14px;
}
.single-product .product-short-description p:last-child{
    margin-bottom:0;
}
.single-product .nav-tabs>li>a{
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    border-top: 1px solid #ddd!important;
    border-radius: 3px 3px 0px 0;
}
.woocommerce .quantity .minus, .woocommerce .quantity .plus {
    width: 40px;
    height: 40px;
    background-color: #ffff;
    box-shadow: none;
}
.woocommerce .quantity .input-text {
    width: 60px;
    height: 40px;
    background-color: #ffff;
    box-shadow: none;
    max-width: unset;
}
/*--------------------------------------------------------------
>>> Danh mục sản phẩm
----------------------------------------------------------------*/
.product-small.box{
    box-shadow: 0 0 2px #f8f8f8;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
  -webkit-box-shadow: 0px 0px 1px 0px rgb(103 103 103);
    -moz-box-shadow: 0px 0px 1px 0px rgb(103 103 103);
    box-shadow: 0px 0px 1px 0px rgb(103 103 103);
}
.product-small.box .box-text{
    padding: 10px;
    background-color: #f8f8f8;  
}
.product-small.box .product-title a{
    font-size: 1em;
    line-height: 1.5;
    color: #00a450;
    font-weight: bold;
    text-transform: uppercase;
/*    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;  */ 
}
.product-small.box .product-title a:hover {
    color: #02a1eb;
}
.product-small.box .price-wrapper{
    padding:5px 0;
}
.product-small.box .box-excerpt{
    font-size: 14px;
    text-align: justify;
}
/*.woocommerce .shop-container .product-small.box .grid-tools.bottom{
    display: block;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(50, 50, 50, 0.68);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    transform: none;    
}*/
/*.woocommerce .shop-container .product-small.box:hover .quick-view{
    top:50%;
}*/
.woocommerce .shop-container .product-small.box .quick-view{
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    padding: 9px 14px;
    text-shadow: none;
    border-radius: 2px;
    background: #fff;
    color: #00a450;
    font-weight: normal;    
    -webkit-transition: -webkit-top 0.3s ease-in-out 0.1s;
    -moz-transition: -moz-top 0.3s ease-in-out 0.1s;
    -o-transition: -o-top 0.3s ease-in-out 0.1s;
    -ms-transition: -ms-top 0.3s ease-in-out 0.1s;
    transition: top 0.3s ease-in-out 0.1s;
}
.woocommerce .shop-container .product-small.box .quick-view:hover{
    background: #00a450;
    color: #fff;    
}
section.home-partner {
    background:#eee;
}
.home-product .is-full-height {
    height: calc(89vh - 32px)!important;
}
section.khach-hang .icon-box-text p:first-child {
    font-size: 13px !important;
}
section.khach-hang .icon-box-text p b {
    font-size: 14px;
    text-transform: uppercase;
}
.button {
    border-radius: 5px;
}
/*.woocommerce .shop-container .product-small.box img{
    -webkit-transition: all 0.4s ease-in-out 0.5s;
    -moz-transition: all 0.4s ease-in-out 0.5s;
    -o-transition: all 0.4s ease-in-out 0.5s;
    -ms-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;  
    display: block;
    position: relative;
    max-height: 210px;
    width: auto;
    margin: auto;
    text-align: center;
    padding: 15px;
}
.woocommerce .shop-container .product-small.box .box-image:before{
    background-color: rgba(50, 50, 50, 0.68);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in 0.4s;
    -moz-transition: all 0.3s ease-in 0.4s;
    -o-transition: all 0.3s ease-in 0.4s;
    -ms-transition: all 0.3s ease-in 0.4s;
    transition: all 0.3s ease-in 0.4s;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.woocommerce .shop-container .product-small.box .box-image:hover::before{
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}*/
.has-dropdown .icon-angle-down{
        opacity:1;
}
.nav-dropdown{
        border-top: 3px solid #007865;
    border-bottom: 3px solid #007865;
        box-shadow: 0 1px 1px #777777;
        padding:5px 10px;
        border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
li.current-dropdown>.nav-dropdown {
    left: 0;
}
.nav-dropdown>li>a {
    font-size: 15px;
    margin: 0!important;/*
    padding: 10px 8px!important;*/
    /*    font-family: "Raleway", sans-serif;*/
}
/*.nav-dropdown>li>a:hover{
        background:#00a450;
        color:#fff!important;
}*/
.absolute-footer {
    box-shadow: 0 0 3px 0 #d5d5d5;
    border-top: 1px solid #e9e9e9;
    padding: 14px 0 8px 0;
    font-size: 1.1em;
    line-height: 2.5;
    color: #a5a5a5!important;       
}
.blog-wrapper .box-text {
    padding-top: 0;
    vertical-align: top;
}

.widget .is-divider, .blog-wrapper .is-divider, .badge-container {
    display: none;
}
.post-sidebar{
        padding:0 20px!important;
}
.back-to-top.button{
        background-color: var(--primary-color);
        border-color: var(--primary-color);
}
.back-to-top.button i, .dark, .dark p, .dark td {
        color:#fff;
}
ul.product_list_widget li a:not(.remove){
        font-size:14px;
}
.header-block a.text-is-phone-number {
    padding: 10px 15px;
/*     border: 2px solid #00a450; */
    border-radius: 10px;
    color: #f69524;
    font-weight: 550;
    font-size: 20px;
}
.widget .current-cat>a {
    color: #555;
    font-weight: bolder;
    text-decoration: underline;
}
section.home-info video {
    width: 100%;
}
.text-justify {
text-align: justify
}
footer#footer ul.social li {
    display: inline;
    list-style: none;
            margin-right: 15px;
    margin-left: 0px;
}
footer#footer ul.social li i {font-size: 20px}
.absolute-footer. {
    display: none;
}
.nav-spacing-xlarge>li {
    margin: 0 25px;
}
[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step {
        background: rgb(85, 144, 58)
}
/*--------------------------------------------------------------
>>> Footer
----------------------------------------------------------------*/
#footer{
    font-size:14px;
}
#footer p{
    margin-bottom:5px;
}
#footer .ft-contact .icon-box:not(:last-child){
    /*border-bottom: 1px solid #fff;*/
    margin-bottom: 5px;
    padding-bottom: 10px;
}
#footer .ft-contact .icon-box i{
    font-size: 18px;
    width: 20px;
}
#footer ul.menu>li+li{
    border-top: 1px solid #fff; 
}

.b-hr-stars {
    border-top: 1px dotted #d8d8d8;
    color: #00a450;
    position: relative;
    text-align:center;
}
.b-hr-stars__group{
    background: #00a450;
    position: relative;
    top: -12px;
    display: inline-block;
    padding: 0 5px; 
}
.b-hr-stars__group i{
    color:#efe120;
    font-size:13px;
}
section.news .box-vertical .box-image {
    vertical-align: top;
}
section.news .box-vertical .box-text {
    padding-top: 0px;
}
.post-item .post-title {
   /* overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;*/
}
.product-footer ul, .term-description ul {
    padding-left: 40px;
}
.product-footer ul li, .term-description ul li {
	margin-bottom: 0px;
}
.product-footer ul li span, .term-description ul li span {
	font-size: 14px;
}
@media screen and (min-width: 850px) {
    .home-product .col.medium-3 {
    padding-right: 0px;
}
}
@media and (max-width: 567px) {
    .home-info ul li{
        width:100%;
}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}