/*
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.   ***************/
.banner-top
{
    padding: 10px 15px;
    background: #f6f6f6;
    border: solid 1px #f7a9a9;
}
.banner-top img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: solid 1px #f7a9a9;
    position: relative;
    margin-right: 10px;
    float: left;
    padding: 8px;
}
.banner-top .text h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}
.banner-top .text p {
    font-size: 13px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.text {
    overflow: hidden;
}
.slidesp-top .section-title-container
{
    margin-bottom: 0;
}
.row-banner > div
{
    padding-bottom: 10px;
}
.slidesp-top .section-title-container
{
    margin-bottom: 0;
}
.row-banner > div
{
    padding-bottom: 10px;
}
.column-menu
{padding-right: 0;}

.column-img
{
    padding-left: 0;
    padding-right:0;
}
.column-sp
{
    padding-left: 7px;
}
.menu-item > a:after
{
    margin-bottom: 20px;
}
#footer .widget-title
{
    color:#eb2525;line-height: 40px;
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(235,39,39,0.54);
}
#footer .dark, #footer .dark p, #footer .dark td{
    color:#333;
}
#footer .is-divider
{
    display: none;
}
.menu-menu-footer-container ul li, #footer .menu-item i._mi
{
    font-size: 13px;
}
.menu-menu-footer-container ul li:hover a
{
    color: #eb2525 !important;
}
.dark .social-icons .button.is-outline {
    border-color:#7c7575;
}
#footer .follow-icons i{color: #7c7575;}.absolute-footer .copyright-footer
{color: #ddd}
.searchform input, .searchform select
{
    height: 45px;
}
.searchform .button{ height: 45px;width: 50px}


/*custom menu danh mục home*/
.menu-danhmuc-title
{
    background:#119131;
}
.column-menu ul li a
{
    font-size: 13px;color: rgb(51, 51, 51);
    line-height: 21px;
    -webkit-transition: padding 0.2s linear;
    -o-transition: padding 0.2s linear;
    transition: padding 0.2s linear;
}
.column-menu ul li .menu li:hover a {
    padding-left: 8px;
    color: #fff;
}
.column-menu ul li .menu li:hover {
    background: #119131;
}
.menu-danhmuc-title a
{
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.column-menu .widget
{
    margin: 0;
}
.column-menu .widget a
{
    margin-left: 15px;
}
.menu-danhmuc-title a img,  .menu-danhmuc-title a span
{
    display: block;
}
.menu-danhmuc-title a span
{
    font-size: 14px;
    line-height: 35px;
    color: #ffffff;
}
.menu-danhmuc-title a
{
    transition: none !important;
}
.menu-danhmuc-title:hover a
{
    padding-left: 0 !important;
}
.menu-meo, #menu-menu-danh-muc-meo-canh li:hover{
    background: #0C8DAD;
}
.nhim-kieng, #menu-menu-danh-muc-gap-nham li:hover{
    background: #C27706;
}
.soi-canh, #menu-menu-danh-muc-soi-canh li:hover{
    background: #ED5F5F;
}
.vat-dung-thu, #menu-menu-vat-dung-thu-cung li:hover{
    background: #4A4466;
}
/*end custom menu danh mục home*/
.woocommerce-Price-amount, .product-info .product-title
{
    color:#eb2525 !important;
}
.product-info .single_add_to_cart_button:before {
    content: "\f291";
    font-family: Fontawesome;
    margin-right: 10px;
}
.product-info .single_add_to_cart_button
{
    background: #EB2525;
}
.single .product-page-title, .shop-page-title
{
    background:#EDEDED;
}
.single .product-page-title a, .shop-page-title .breadcrumbs, .shop-page-title a
{
    font-size: 14px;
    color: #333;
}

.single .product-page-title a:last-child, .shop-page-title .breadcrumbs
{
    color: #eb2525;
}
.page-title-inner
{
    padding-top:0;
    min-height: 50px;
}
.is-divider{display: none;}

.widget {
    border: 1px solid #ddd;
    border-top: none;
}
#product-sidebar .widget .widget-title, #shop-sidebar .widget .widget-title, .post-sidebar .widget-title, .page-wrapper .widget-title {
    display: block;
    width: 100%;
    height: 40px;
    background:#EB2525;
    color: #fff;
    line-height: 45px;
    font-size: 14px;
}
#product-sidebar .widget .widget-title:before, #shop-sidebar .widget .widget-title:before, .post-sidebar .widget-title:before, .page-wrapper .widget-title:before{
    content: "\f0c9";
    font-family: fontawesome;
    font-size: 21px;
    line-height: 29px;
    margin: 0 10px;
}
#product-sidebar
{
    padding-left: 15px;
}
#product-sidebar .widget  ul, #shop-sidebar .widget ul, .post-sidebar .widget ul, .page-wrapper ul
{
    padding: 0 10px;
}
.widget_product_categories ul li a, .widget_categories ul li a
{font-size: 15px;}
.widget_product_categories ul li a:before, .widget_categories ul li a:before{
    content: "\f04e";
    color: #333;
    font-family: FontAwesome;
    font-size: 9px;
    margin-right: 5px;
}
.box-vertical .box-text {
    vertical-align: top;
    padding-top: 0px;
}
.back-to-top
{
    border-color: #F95757 !important;
    background: #F95757 !important;
    color: #fff !important;
}
.product-section-title-related {
    color: #eb2525;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.widget_price_filter .price_slider_amount .button {
    border-radius: 5px;
    background-color: #a38876;
}
.back-to-top {
    bottom: 55px;
}
.badge-container
{
    margin-top: 0;
}
.product-small .badge {
    height: 1.8em;
    width: 1.8em;
}
.product-small .badge-inner {
    background-color:#F39200 !important;
    border-radius: 0 0 10px;
}
.slidesp-top .badge-container {
    margin-top: 15px;
    margin-left: 15px;
}
.khuyen-mai {
    border: 1px solid #bfbfbf;
    padding: 8px;
    font-size: 14px;
    border-radius: 8px;
    margin-bottom: 15px;
    line-height: 18px;
}
.checkout .has-border {
    border: 1px solid !important;
}

@media screen and (min-width: 850px)
{
    .slide-thu .slide-left {
        max-width: 23%;
        flex-basis: 23%;
    }
    .slide-thu .slide-right
    {
        max-width: 77%;
        flex-basis: 77%;
        padding-left: 0;
        padding-bottom:0px;
    }
    .home .product-title
    {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 .sp-noibat .flickity-slider > .product-small
 {
   border-top: 1px solid #ddd;
   border-right: 1px solid #ddd;
}
.sp-noibat .flickity-viewport
{
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   height: 270px !important;
}
}
@media only screen and (max-width: 768px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .row-danhmuc .column-sp, .row-danhmuc .column-menu, .slide-right
    {
      max-width: 100% !important;
      -webkit-flex-basis: 100% !important;
      -ms-flex-preferred-size: 100% !important;
      flex-basis: 100% !important;
  }
  .menu-danhmuc-title a span {
    line-height: 30px;display: inline-block;
}
.column-menu
{
  padding: 0 0px 30px;
}
.column-menu .menu li {
    display: none;
}
.column-menu .menu li.menu-danhmuc-title {display: block;}

}

.out-of-stock-label, .widget_price_filter .ui-slider .ui-slider-range, .widget_price_filter .ui-slider .ui-slider-handle
{
    color: #eb2525 !important;
}
.widget_price_filter form
{
    padding:15px 10px;
}
.mphone a{background: #97BF0E !important;}



/*tm custom*/
/*css footer*/
.footer-main .footer-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.footer-main .container {
    max-width: 1140px;
    margin: auto;
}

.footer-contact__title {
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 18px;
}

.menu-footer {
    padding-left: 0;
    list-style: none;
    margin: 0;
    line-height: 30px;
}

.menu-footer li {
    display: flex;
    align-items: flex-start;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2px;
}

.menu-footer li a {
    text-decoration: none;
    color: #000;
}

.menu-footer li a:hover {
    color: red;
}

.copyright {
    text-align: center;
    background-color: #d33;
    color: #fff;
    padding: 15px;
}
.a-copyright {
    color: #fff;
    text-decoration: none;
}
.a-copyright:hover {
    color: yellow;
}

.footer-contact__item img {
    width: 150px;
    margin-top: 10px;
}

.footer-main {
    background-color: rgba(119,119,119,.07);
    padding-top: 60px;
    padding-bottom: 40px;
}
/*end css footer*/

/*menu main*/
.header:not(.transparent) .header-bottom-nav.nav>li>a {
    font-weight: 600;
    color: #4f4f4f;
}

#wide-nav {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
/*end menu main*/

/*sidebar*/
#shop-sidebar .widget-title.shop-sidebar, #product-sidebar .widget .widget-title {
    display: flex;
    align-items: center;
}

#shop-sidebar .widget-title.shop-sidebar:before, #product-sidebar .widget .widget-title:before {
    content: "\2261";
    font-size: 23px;
}

.title-ht247 {
    font-weight: 600;
    font-size: 15px;
}

.item-ht247 {
    padding: 15px 15px 0 15px;
}

.item-ht247 ul {
    padding-left: 0 !important;
    margin-top: 10px;
    list-style: none;
    line-height: 40px;
}

.item-ht247 ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.widget_product_categories ul li a:before, .widget_categories ul li a:before {
    content: "\27A7";
}
/*end sidebar*/

/*news-h*/
.news-header-h {
    display: block;
    overflow: hidden;
    background: #fff;
    margin-top: 60px;
}
.news-header-h .title {
    float: left;
    margin: 0;
    padding: 0 10px 0 15px;
    background: #eb2525;
    line-height: 1.3em;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    width: max-content;
}
.news-header-h .title a {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding: 10px 5px;
}
.news-header-h .title:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid #eb2525;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
}
.news-header-h .viewall {
    float: right;
    font-size: 12px;
    text-decoration: none;
    padding-right: 10px;
    color: #e10505;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 5px;
}
/*end news-h*/

/*product-h*/
.jumbotron-product-h {
    margin-top: 60px;
    margin-bottom: 30px;
}
.jumbotron-product-h .h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 24px;
    color: #eb2525;
    text-align: center;
    font-weight: 600;
}
.jumbotron-product-h hr {
    border: 1px solid #eb2525;
    background: #eb2525;
    max-width: 200px;
    margin: 15px auto;
    opacity: 1;
}
.show-more-product-h {margin: auto;border-radius: 10px;padding: 5px 20px;background: #eb2525;width: max-content;}

.show-more-product-h a {color: #fff;}

.show-more-product-h a:hover {color: #ffff00;}
/*end product-h*/

/*customer-h*/
.customer-box-img img {
    object-fit: contain;
}

/*slide main*/
.slide-main {
    background: rgb(0 0 0 / 10%);
}

/*ht-hlvina*/
.ht-hlvina {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.ht-header-h {
    color: #eb2525;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}
.ht-body-h {
    line-height: 28px;
}
.ht-footer-h a {margin-right: 15px;text-decoration: none;background: #eb2525;color: #fff;padding: 5px 15px;border-radius: 5px;}

.ht-footer-h {margin-top: 30px;}

.ht-footer-h a:hover {color: #ffff00;}

/*support*/
.support-fixed {
    position: fixed;
    bottom: 60px;
    right: 80px;
    z-index: 9;
}

body {position: relative;}


@media (max-width: 767px) {
    .footer-item-local {margin-bottom: 20px;}

    .footer-main .footer-row {
        flex-direction: column;
    }
    .support-fixed {
        bottom: 30px;
        right: 15px;
    }
}