/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.footer-section ul li {list-style:none;margin-left:0!important;}
.pad-none{padding-bottom:0}
/*************** trang chu   ***************/
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    color: #000;
    font-weight: 600;
}

.section-title-main h3 {
    border-bottom: 2px solid #4a4c4d;
    margin-bottom: 0;
    padding-bottom: 1px;
}
.section-title-main h3 a:after {
	content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 32px solid transparent;
    border-bottom: 32px solid #4a4c4d;
}
.section-title-main h3 a {
    border-bottom: unset !important;
    background: #4a4c4d;
    color: #fff;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    padding: 5px 30px 7px 20px;
}
.info span {
    display: block;
}
span.dung_tich, span.trong_luong {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 1;
    height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
span.kich_thuoc {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.share-button .col-inner{
	display: flex;
}
.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 0px !important;
    }
a.ux-menu-link__link.flex {
    text-align: center;
    /* justify-content: center; */
}
.row-small>.col {
    padding: 0 2.5px 5px;
    margin-bottom: 0;
}

/* a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 3;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
} */
.news_detail_ct_share h2 {
    font-weight: 500;
    font-size: 18px;
    color: #3B3663;
    width: max-content;
    margin-right: 20px;
}
.news_detail_ct_share {
    /* margin: 32px 0 46px 0; */
    display: flex;
    align-items: center;
}
.news_detail_ct_share_contact li {
    margin-right: 0;
    list-style: none;
    padding: 0;
}
.news_detail_ct_share_contact {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
button.pswp__button--arrow--left{
    left: 25%;
    background: #ffffff5e;
}
.popup-customer-info-group.popup-customer-info-radio {
    display: none;
}
.popup-customer-info-title:after {
    content: 'Họ tên, số điện thoại, địa chỉ giao hàng là bắt buộc';
    display: block;
    font-size: 13px;
    color: #ff0027;
}

.popup-customer-info-title {
    position: relative;
}
button.pswp__button--arrow--left:before {
	background-size: cover;
	background-image: url(/wp-content/uploads/2022/09/arrow.png) !important;
	background-repeat: repeat;
	background-position: unset;
	left: 15px;
}
button.pswp__button.pswp__button--close {
    opacity: 1;
    right: 26%;
    background: #ffffff5e;
    background-repeat: repeat;
    background-position: unset;
    background-size: cover;
    background-image: url(/wp-content/uploads/2022/09/close.png)!important;
}
body .popup-customer-info-group input, body .popup-customer-info-group select, body .popup-customer-info-group textarea {
    font-size: 14px;
    padding: 6px 9px;
    border: 1px solid #ccc;
    width: 100%;
    height: 40px;
  
}
button.pswp__button--arrow--right {
    right: 24%;
    background: #ffffff5e;
}
button.pswp__button--arrow--right:before {
	background-size: cover;
	background-image: url(/wp-content/uploads/2022/09/arrow-1.png) !important;
	background-repeat: repeat;
	background-position: unset;
	right: 15px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: #2196f3;
}

.price-wrapper {
    margin-top: 6px;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-line-bottom.nav-uppercase {
    justify-content: space-around;
}
.entry-meta {
    display: flex;
}
a.devvn_buy_now.devvn_buy_now_style {
    margin-bottom: 0;
    background: #007a64;
    width: 100%;
    max-width: 100%;
    padding: 15px 0;
    border-radius: 0;
    font-size: 15.5px;
}
.post-meta.is-small.op-8 {
    display: flex;
    font-size: 13px;
    align-items: center;
}
span.entry-view img, .post-meta.is-small.op-8 img {
    width: 15px;
    height: 14px;
    margin-right: 5px;
}

span.entry-view {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    margin-left: 15px;
}
h2.woocommerce-order-details__title {
    padding-top: 10px;
}
button.single_add_to_cart_button.button.alt {
    background: #850000;
}
.header-vertical-menu__opener {
    background-color: #3e3e3e !important;
}
.flex-col.flex-grow.medium-text-center {
    width: 100% !important;
}
.product-short-description {
    margin-bottom: 29px;
}
.single-product .product-price-container.is-normal .price del span.amount {
    font-size: 16px !important;
    margin-top: 2px !important;
}
span.amount {
    color: #ff0027;
}
.single-product del {
    margin-top: 2px;
    /* margin-left: 20px; */
}
.single-product .product-price-container.is-normal .price del span.amount {
    color: #8d8d8d !important;
}
.page-title-inner.flex-row.medium-flex-wrap.container {
    display: flex !important;
    flex-wrap: wrap;
}
.single-product .product-price-container.is-normal .price-wrapper .price {
    display: flex;
    /* flex-flow: row-reverse; */
    margin-left: -20px;
    align-items: center;
}
.page-title-inner .flex-col.medium-text-center {
    width: 100%;
    display: flex;
}
h1.page-title.is-large.uppercase, .single-post h1.entry-title, .page-template h1.entry-title, .single-post h1.entry-title {
    text-align: left;
    border-bottom: 2px solid #4a4c4d;
    margin-bottom: 0;
    height: 40px;
}
.is-divider.medium, .box-blog-post .is-divider {
    display: none;
}
h1.page-title.is-large.uppercase span, h1.entry-title span {
    border-bottom: unset !important;
    background: #4a4c4d;
    color: #fff;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px 30px 7px 20px;
}
.page-wrapper {
    padding-top: 10px;
    padding-bottom: 30px;
}
h1.page-title.is-large.uppercase span:after, h1.entry-title span:after {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 32px solid transparent;
    border-bottom: 32px solid #4a4c4d;
}


form.woocommerce-ordering {
    float: left;
    order: 1;
    width: max-content;
}
.section-title a {
    text-transform: none;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
    color: #000;
}
.flex-col.flex-grow.medium-text-center {
    font-size: 14px;
    /* color: #fff; */
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #4a4c4d;
    /* background: #24292c; */
}
h2.widgettitle {
    font-size: 14px;
}
.page-title-inner p.woocommerce-result-count.hide-for-medium {
    font-size: 14px !important;
    order: 2;
    padding: 15px 0;
    /* color: #fff; */
}

.page-title-inner h1.shop-page-title.is-xlarge {
    line-height: 27px;
    font-size: 14px;
    /* color: #fff; */
    /* background: #24292c; */
    font-weight: bold;
    padding-left: 10px;
}
.woof_products_top_panel {
    display: none !important;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    display: none;
}
li.woof_list {
    margin: 0;
    margin-left: 0 !important;
}
.page-title-inner select.orderby {
    border: unset;
    box-shadow: unset;
    font-size: 14px;
    /* background: #4a4c4d; */
    /* color: #fff; */
}
.home.page-template li.header-vertical-menu {
    display: block;
}
li.header-vertical-menu {
    display: none;
}
.section-title b {
    height: 1px;
    opacity: 1;
    background-color: #000;
}
.product-small.box {
    border: 1px solid #dedede;
    background: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: #000;
    line-height: 20px;
}
.single-product .product-price-container.is-normal .price span.amount {
    display: block!important;
    font-size: 20px!important;
    margin-bottom: 10px!important;
    color: red !important;
    font-weight: 700;
}
p.name.product-title.woocommerce-loop-product__title {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px 0;
    line-height: 1.5;
    overflow: hidden;
}
.section-title-normal span.section-title-main:after {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 32px solid transparent;
    border-bottom: 32px solid #4a4c4d;
}
span.section-title-main {
    border-bottom: unset !important;
    background: #4a4c4d;
    color: #fff;
    position: relative;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 30px 5px 20px;
}
h3.section-title.section-title-normal {
    border-bottom: 2px solid #4a4c4d;
}
.menu-cate-mobile li.header-vertical-menu {
    width: 100%;
}

.menu-cate-mobile .header-vertical-menu__opener.dark {
    width: 100%;
}
th, td {
    border-bottom: 1px solid #c4c4cf;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out {
    margin-bottom: 0;
}
.menu-cate-mobile .header-vertical-menu__fly-out.dark.header-vertical-menu__fly-out--open {
    width: 100%;
}
.header-bottom .flex-col.hide-for-medium.flex-left, .flex-col.hide-for-medium.flex-right.flex-grow {
    background: #000;
    height: 40px;
}
.menu-cate-mobile li.header-vertical-menu {
    width: 100%;
    bottom: 0 !important;
    position: inherit;
}
th:first-child, td:first-child {
    padding-left: 10px;
}
.menu-cate-mobile .header-vertical-menu__opener.dark {
    width: 100%;
}

.menu-cate-mobile .header-vertical-menu__fly-out.dark.header-vertical-menu__fly-out--open {
    width: 100%;
}
li.header-vertical-menu {
    position: absolute;
    bottom: -120%;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
    font-size: 12px!important;
    color: #FFF!important;
    text-transform: uppercase;
    font-weight: 700!important;
    background: #000;
}
.header-vertical-menu__opener {
    background-color: #fff;
    width: 100%;
}
span.header-vertical-menu__title {
    text-align: center;
}
.slide-left {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}
table.table.table-striped tr, table.table.table-striped td, tr, td {
    text-align: left !important;
}
li.header-vertical-menu {
    width: 46%;
}
.category h1.page-title.is-large.uppercase {
    margin-top: 10px;
    height: 30px;
}
.header-vertical-menu__fly-out.dark.header-vertical-menu__fly-out--open {
    width: 100%;
}
i.icon-angle-down {
    /* display: none; */
}
button.devvn-order-btn, .devvn-popup-title, .popup-customer-info-group .devvn-order-btn {
    background: #007a64 !important;
}
.header-bottom-nav a.nav-top-link {
    font-size: 14px;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
}
input#s.search-field, .header-bottom-nav input#woocommerce-product-search-field-0 {
    height: 40px;
}
.header-bottom-nav>.nav>li.html {
    font-size: 16px;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    height: 40px;
    padding: 0 12px;
    background: #000;
}
.social-icons span {
    font-weight: bold;
    padding-right: 10px;
    color: #000;
    font-size: 16px;
}
a.button.buy_now_button2 {
    display: none !important;
}
.section-title-container {
    margin-bottom: 0;
}
.absolute-footer.dark {
    color: rgba(255,255,255,.5);
    display: none;
}
span.cart-price {
    font-size: 16px;
}.dark .info p {
    color: #000 !important;
}
li.header-search.header-search-lightbox.has-icon {
    position: fixed;
    left: -9px;
    bottom: 0;
}
.dark .price, .dark .price del, .dark span.amount {
    color: #000;
}
.mobile-nav i.icon-search {
    font-size: 25px !important;
}
.price-margin .col-inner.text-left {
    margin: 0 !important;
}
a.button-continue-shopping.button.primary.is-outline {
    color: #fff;
}
table.shop_table.woocommerce-checkout-review-order-table .amount,
tr.woocommerce-cart-form__cart-item.cart_item span.woocommerce-Price-amount.amount, table.shop_table.shop_table_responsive .amount, td.product-total .amount{
    color: #000;
}
.button.icon i {
    font-size: 1.5em;
}
.button.icon.is-small {
    border-width: 1px;
    padding: 0 10px;
    opacity: .8;
    background-color: #c93f3f !important;
}
.header-search a.icon.primary.button.round.is-small {
    padding: 5px 10px;
}
@media (min-width: 850px) {
	.product-thumbnails img, .product-gallery-slider img {
		width: 100%;
		padding: 25px;
	}
}
@media (max-width: 1174px)  and (max-width: 1024px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
li.header-vertical-menu {
    width: 83%;
}

}
@media (max-width: 850px) {
	.bottom-menu {
    display: none;
}
	.single-product .price-wrapper .price{
		/* display: block !important; */
	}
#logo img {
    max-height: 70px;
    display: none !important;
}
}
@media (max-width: 850px) {
	.phone-vr-img-circle {
    background-color: #e60808;
    width: 35px;
    height: 35px;
    line-height: 40px;
    top: 34px !important;
	left: 28px !important;
}
.phone-vr-circle-fill {
    width: 50px;
    height: 50px;
    top: 26px;
    left: 20px;
    }
	.section-title-main h3 {
    border-bottom: 2px solid #4a4c4d;
    margin-bottom: 2px;
    padding-bottom: 2px;
}
	#button-contact-vr {
	    position: fixed;
	    bottom: -15px;
	    z-index: 99999;
	    left: 10%;
	    display: block;
	}
ul.mobile-nav.nav.nav-right {
    text-align: center;
    justify-content: center;
}

ul.mobile-nav.nav.nav-left {
    justify-content: center;
}
.logo a img {
    display: none;
}

div#logo a {
    background: url(/wp-content/uploads/2022/08/photo_2022-08-09_09-17-06-e1662604094896.jpg);
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}
}
@media (max-width: 549px) {
p.name.product-title.woocommerce-loop-product__title {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 3 !important;
    height: 60px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
}
p.name.product-title.woocommerce-loop-product__title {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    -webkit-line-clamp: 2;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}