/*
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.   ***************/
a.button-continue-shopping.button.primary.is-outline {
    color: #fff;
    background-color: #00a652;
    border: 1px solid #00a652;
}
button.button.primary.mt-0.pull-left.small {
    background-color: #33CC00;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
a.checkout-button.button.alt.wc-forward {
    background-color: #00a652;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #ddd;
}
.page-checkout h3.widget-title {
    color: #00a652;
}


div#customer_details {
  border: 3px dashed #00a652;
  padding: 15px;
  border-radius: 15px;
}

.cart-wrapper.sm-touch-scroll {
  border: 3px dashed #00a652;
  padding: 15px;
  border-radius: 15px;
}

.cart_totals.calculated_shipping,.woocommerce-checkout .has-border {
    border: 3px dashed #00a652;
    padding: 15px;
    border-radius: 15px;
}

form.checkout_coupon.mb-0 {
    background-color: #eaeaea;
    padding: 20px;
    border: 3px dashed #00a652;
}

.woocommerce-billing-fields h3 {
    color: #303030;
}

button#place_order {
    background: #00a652;
}

h3#order_review_heading {
    color: #303030;
}

.page-checkout span.woocommerce-Price-amount.amount {
    color: #FF0000;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-cart-form__contents th {
    color: #000;
    font-size: 15px;
    font-family: var(--family);
}




/************************************************************************************/

@font-face {
    font-family: var(--family);
    src: url(fonts/Roboto-Regular.ttf);
} 

@font-face {
    font-family: "Roboto Bold";
    src: url(fonts/Roboto-Bold.ttf);
}

:root{
  --background: #f58634;
  --color: #ed3237;
  --color-hover:#000;
  --family :'Roboto' !important;
  --family-bold :'Roboto-Bold'!important;
}

body{
    font-size: 15px !important;
    font-family: var(--family) !important;
}
h1,h2,h3,h4,h5,h6,p{
    font-family: var(--family) !important;
}
p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.is-divider,
.entry-category,
a.quick-view.quick-view-added {
    display: none;
}


.header-top a.nhomcha span {
    font-weight: bold;
    color: #fff;
    font-style: italic;
    font-size: 15px;
    font-family: var(--family) !important;
}


.top-bar-nav li a {
    color: var(--color) !important;
    font-weight: bold;
    font-size: 15px;
    font-style: italic;
}
.top-bar-nav li:hover a {
    color: var(--color-hover) !important;
}

li.header-wishlist-icon {
    margin-right: 40px;
}
li.cart-item.has-icon,
li.cart-item.has-icon.has-dropdown {
    width: 100px;
}

[data-icon-label]:after{
    background: var(--color);
}

.cart-item  .header-cart-title,
.header-wishlist-icon .header-wishlist-title {
    color: var(--color);
    margin-top: 60px;
    margin-left: -5px;
    position: absolute;
}

.cart-item  .header-cart-link i,
.header-wishlist-icon .wishlist-link i {
    border: 1px solid var(--color);
    color: var(--color);
    border-radius: 50%;
    padding: 5px;
    height: 35px;
    width: 35px;
    text-align: center;
}

input#woocommerce-product-search-field-0 {
    height: 40px;
    border: 1px solid;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    height: 40px;
    padding: 0px 35px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: var(--color);
    color: #fff;
}

.header-bottom .flex-row {
    background: var(--color);
    max-width: 1170px !important;
}

.title-menu h1 {
    color: #fff;
    padding-top: 10px;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--family-bold) !important
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-uppercase {
    margin-left: 5%;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/*.header-bottom-nav > li:nth-child(3) {
    background: var(--color-hover,#ff0);
    animation: gradient 2s ease infinite;
}
.header-bottom-nav > li:nth-child(3) a:hover{
   color: #ff0 !important;
}*/
.header-bottom-nav > li:nth-child(3),
.header-bottom-nav > li:nth-child(6) {
    background: #ed3237;
}

.header-bottom-nav > li:nth-child(3) a,
.header-bottom-nav > li:nth-child(6) a {
    color: #fff;
}

.header:not(.transparent) .header-bottom-nav > li {
    padding: 0px 20px;
}
.header:not(.transparent) .header-bottom-nav > li a {
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  font-family: var(--family);
}

.header:not(.transparent) .nav-left.nav > li:hover a{
	color: var(--color-hover);
}

.nav-dropdown-has-arrow li.has-dropdown:before,
.nav-dropdown-has-arrow li.has-dropdown:after{
    display: none;
}


.nav-dropdown-default {
    padding: 0px;
    margin-top: 13px;
    border-top: 3px solid #00a652;
}


.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a { 
    display: block;
    border-bottom: 0px;
    color: #6a6a6a!important;
    font-weight: 500;
    padding: 7px 10px;
}


.nav-dropdown-default .nav-column li:hover>a,
.nav-dropdown.nav-dropdown-default>li:hover>a {
    color: #00a652 !important; 
}



.nav-column.nav-dropdown-default {
	border-top: 0px;
}

.nav-column.nav-dropdown-default li>a {
   color: #6a6a6a !important;
   font-weight: 400 !important;
}


.header-button a {
    background: var(--color) !important;
    color: #fff;
    font-weight: bold;
}
.sidebar-menu.no-scrollbar {
    background: var(--color);
}
.sidebar-menu.no-scrollbar ul li i {
    color: #fff;
}
.sidebar-menu.no-scrollbar ul li a{
    font-weight: 500;
    color: #fff;
    font-family: var(--family) !important;
}

.sidebar-menu.no-scrollbar ul.children {
    background: var(--color);
}
.sidebar-menu.no-scrollbar ul.children li {
    border-bottom: 1px solid #fff;
}


/**********************************************************************/

.sec-home .cot-9,
.sec-home .cot-3 {
    padding-left: 0px;
    background: #fff;
}
.sec-home .cot-9 {
    padding: 0px;
}


.home-menu {
    background: var(--color);
}

.taxonomy-menu ul {
   margin: 0px;
}
.taxonomy-menu ul > li {
    border: 0px solid;
    padding: 10px 15px;
    margin: 0px;
    position: relative;
    list-style: none;
}
.taxonomy-menu ul > li a {
    color: #fff;
    font-size: 15px;
    padding-left: 10px;
    font-size: 15px;
    font-family: var(--family-bold)!important;
    text-transform: uppercase;
}
.taxonomy-menu ul  li:hover {
    background: #eee;
}
.taxonomy-menu ul > li:hover img,
.taxonomy-menu ul > li:hover a{
    color: var(--color-hover); 
}

.sub-menu h2 {
    color: #000;
    margin: 15px;
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
}

.taxonomy-menu ul li:hover ul.sub-menu {
    display: block !important;
}


.taxonomy-menu li ul.sub-menu {
    position: absolute;
    top: 0;
    min-width: 600px;
    left: 100%;
    background: #fff;
    min-height: auto;
    z-index: 9999;
    display: none;
    border: 2px solid #eaeaea;
}

ul.sub-menu.navbar-full li {
    float: left;
    width: 33.3%;
    padding: 0px 8px !important;
}
ul.sub-menu.navbar-full li a {
    font-size: 18px;
    color: var(--color) !important;
    text-transform: none !important;
    font-family: var(--family-bold) !important;
}
ul.sub-menu.navbar-full li:hover {
    background: transparent !important;
}
ul.sub-menu.navbar-full li a:hover {
    color: var(--color-hover) !important;
}

ul.sub-menu.navbar-full li ul.navbar-small li {
    width: 100% !important;
}
ul.sub-menu.navbar-full li ul.navbar-small li a {
    font-size: 14px !important;
}
ul.sub-menu.navbar-full li ul.navbar-small {
    min-height: 150px;
}

.item-img {
    border: 1px solid var(--color);
    margin: 10px 0px;
    text-align: center;
}


.owl-nav {
    float: right;
    top: 0%;
}

.owl-prev ,.owl-next {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: 1px solid #FFF;
    border-radius: 100%;
    color: #FFF;
    font-size: 15px;
    height: 25px;
    line-height: 20px;
    opacity: .8;
    position: absolute;
    text-align: center;
    top: -43px;
    transition: all .3s ease 0s;
    width: 25px;
    z-index: 1;
}
.owl-prev {
    float: left;
    right: 60px;
}
.owl-next {
   float: right;
   right: 25px;
}



.title-home {
    background: var(--background);
   
}
.title-home h3{
    text-transform: uppercase;
    color: #fff;
    padding: 5px 20px;
}
.product-small.box {
    border: 1px solid #f5f5f5;
}

.home-news .owl-item .col {
    padding: 0px 5px 15px;
}

.product-small.box .box-text{
    background: var(--background);
    padding: 25px 10px;
    display: block;
}
img.bc {
    max-width: 55px;
    float: right;
}
.product-small.box h4 a {
    color: var(--color);
    padding: 5px;
    overflow: hidden;
    height: 90px;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--family-bold) !important;
}
.name.product-title a:hover {
    color: var(--color-hover);
}

.home-news {
    background: #fff
}

.related-products-wrapper .price-wrapper,
.home-news .price-wrapper {
    float: left;
}


.home-news del span.amount {
    opacity: 1;
    color: #000;
    font-size: 18px;
    display: block;
}

.home-news ins span.amount {
    color: #fff;
    font-size: 20px;
    margin: 5px 0px 2px;
    display: block;
}

.product-link a {
    background: var(--color);
    padding: 3px 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-left: 15px;
    font-size: 20px;
    font-family: var(--family-bold) !important;
}

.taxonomy-link {
    background: var(--background);
    padding: 10px;
    display: flow-root;
}
.title-home-taxonomy {
    float: left;
}
.title-home-taxonomy img {
    margin-right: 10px;
    margin-top: -5px;
}

.title-home-taxonomy h2 a {
    color: #fff;
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
}
.title-home-link {
    float: right;
}
.title-home-link img {
     margin-right: 10px;
}
.title-home-link a {
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
    font-style: italic;
    font-family: var(--family-bold) !important;
}
.home-sub-taxonomy {
    width: 100%;
    display: flow-root;
}
.home-sub-taxonomy li {
    list-style: none;
    float: left;
    padding-right: 10px;
}
.home-sub-taxonomy li a {
    background: #fff;
    padding: 3px 5px;
    display: block;
    margin: 2px 0;
    border-radius: 10px;
    color: var(--background);
    border: 1px solid var(--background);
    box-shadow: 0 0 3px grey;
}
.home-sub-taxonomy li:hover a{
    color: var(--color-hover);
}

.product-taxonomy .product-small.box {
    margin-top: 5px;
}

.product-taxonomy .product-small.box h4 a {
    font-size: 16px;
}

.related-products-wrapper del span.amount,
.product-taxonomy del span.amount {
    font-size: 20px;
}

.product-taxonomy ins span.amount {
    font-size: 25px;
    padding-left: 10px;
}

.related-products-wrapper .product-link a,
.product-taxonomy .product-link a {
    padding: 3px 30px;
    font-size: 28px;
}

.yith-wcwl-wishlistaddedbrowse {
    display: none;
}

.wishlist-cart a.add-to-cart,
.wishlist-cart .yith-wcwl-add-button {
    float: left;
    margin: 0px 5px;
    border-radius: 7px;
    background: var(--color);
}
.wishlist-cart .yith-wcwl-add-to-wishlist {
    float: left;
}

.wishlist-cart {
    position: absolute;
    top: -260px;
    opacity: 0;
}
.wishlist-cart .yith-wcwl-add-button a{
    padding: 5px 10px;
    font-size: 20px;
    color: #fff;
    float: left;
}
.wishlist-cart a.add-to-cart {
    padding: 5px 10px;
    font-size: 23px;
    color: #fff;
    float: left;
}
.wishlist-cart .yith-wcwl-add-button:hover,
.wishlist-cart a.add-to-cart:hover {
    background: var(--color-hover);
}

.product-small.box:hover .wishlist-cart{
    opacity: 1;
}


.product-sale p.name.product-title a {
    color: #fff;
}

.sec-news .row-max-news{
    padding: 30px 0px;
    background: #fff;
}

.sec-news h5.post-title.is-large {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #000;
    font-weight: 700;
}

.sec-news .box-vertical {
    padding: 10px;
}
.sec-news .blog-3 button.button {
   float: none;
}
.sec-news button.button {
    float: right;
    color: #000;
    font-style: italic;
    text-transform: none;
    font-size: 15px;
}
.sec-news button.button:hover {
    color: var(--color-hover);
}

.sec-news p.from_the_blog_excerpt {
    color: #000;
}

.category-menu  .sub-menu-category {
    border: 2px solid #f5f5f5;
    margin-top: -9px;
}
.category-menu  .sub-menu-category .item {
    padding: 5px 15px;
    border-bottom: 1px dashed var(--color);
}
.category-menu  .sub-menu-category .item a{
    color: var(--color);
    font-weight: 700;
}
.category-menu  .sub-menu-category .item a:hover{
    color: var(--color-hover);
}

.sub-menu-category .item:last-child{
   border-bottom: 0px dashed var(--color);
}


/*******************************************/
.badge-container,
span.onsale {
    display: none;
}

.row-divided>.col+.col:not(.large-12) {
    border-left: 0px solid #ececec;
}
.shop-page-title.category-page-title.page-title {
    display: none;
}

.custom-product-cat {
    background: #f5f5f5;
}


.breadcrumbs {
    padding: 5px;
    text-transform: none;
     color: var(--color);
}
.breadcrumbs a {
    color: var(--color);
    font-weight: bold;
}

.woocommerce-description {
    padding: 10px;
    text-align: justify;
}

.content-tomtat p {
    color: #000;
}

.support-buy {
    padding: 20px;
    background: var(--background);
    border: 2px dotted;
    display: flow-root;
}
.support-buy p{
    margin-bottom: 0px;
    color: #000;
}
.support-buy strong {
    color: #000;
    font-weight: 700;
}
.support-buy a {
    float: left;
    padding: 10px 15px 0px 0px;
    width: 200px;
}

#product-sidebar {
    padding: 0px;
    padding-left: 15px;
}

.product-main {
    padding: 0px 0;
    background: #f5f5f5;
}

.product-main .product-info,
.product-main .large-5.col {
    background: #fff;
}

.custom-Ddetailed-description {
    background: #fff;
}
.custom-Ddetailed-description .row{
    background: #fff;
}

.product-info del span.amount {
    opacity: 1;
    color: #000;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}
.product-info del span.amount:before{
    content: "Giá bán : ";
}
.product-info ins span.amount {
    color: var(--color-hover);
    font-size: 40px;
    margin-bottom: 10px;
    display: block;
}

.single_add_to_cart_button {
    background: var(--background) !important;
}
.button.buy_now_button{
    background: var(--color);
}

.custom-Ddetailed-description .col.large-3{
    padding: 0px;
}

.product-parameter p,
.product-parameter {
    color: #000;
}

.product-parameter span{
    color: var(--color);
    margin-right: 10px;
    font-weight: bold;
}
.product-parameter ul {
    padding: 0px;
    margin: 0px;
}
.support-customer {
    border: 1px solid #f5f5f5;
}
.support-customer .featured-box {
    padding: 10px;
}
.support-customer .icon-box-text h4 {
    font-size: 17px;
    margin-top: 7px;
    color: var(--background);
    font-family: var(--family-bold) !important;
}
.support-customer .name,
.support-customer .phone a {
    color: var(--color);
    font-size: 25px;
    font-weight: bold;
}
.contact-lh.text-center {
    display: flow-root;
    margin: 10px auto;
    max-width: 140px;
}
.contact-lh a img {
    width: 70px;
    float: left;
    padding: 0px 10px;
}
.time-work.text-center {
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

.product-single-view .title-home h3{
    font-size: 15px;
}
.list-view {
    border: 1px solid #f5f5f5;
    margin-top: -10px;
    padding: 5px;
}

.list-view .title-product h3 {
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-flex: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    background: var(--color);
    text-align: center;
    padding: 5px;
    font-size: 15px;
}
.list-view .title-img {
    margin-bottom: 10px;
    display: block;
    box-shadow: 2px 2px 3px;
}

h3.product-section-title.product-section-title-related{
    background: var(--background);
    max-width: 1170px;
    color: #fff;
    padding: 10px 20px;
}

.news-custom,
.shop-container {
    background: #f5f5f5;
}

.news-custom .add-add {
    display: block !important;
}

.news-custom .home-news .title-home {
    display: none;
}
.news-custom .row,
.related.related-products-wrapper .row {
    background: #fff;
}

.related-products-wrapper del span.amount {
    display: block;
}
.related-products-wrapper ins span.amount {
    color: #fff;
    font-size: 25px;
    display: block;
}
.related-products-wrapper p.name.product-title a {
    color: #fff;
}
.product-view

.product-view .product-small .box-text {
    background: none!important; 
}
.product-view .product-small {
    background: #fff;
    margin-bottom: 5px;
}
.product-view .product-small .box-text h4 {
    padding: 10px;
}
.product-view .product-small .box-text h4 a{
    color: var(--color);
}
.product-view .product-small .box-text h4 a:hover {
    color: var(--color-hover);
}
.product-view .product-small .box-text h4 img {
    margin-left: 5px;
}
.product-view .btn-add {
    text-align: center;
    margin: 5px 10px;
}
.product-view .btn-add a {
    background: var(--color-hover);
    color: #fff;
    display: block;
    padding: 15px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 18px;
}
/*****************************************************/

.category-custom-page {
    background: #f5f5f5;
}

.category-custom-page .row {
    background: #fff;
}

.category-custom-page .col.large-3 {
    padding-left: 0px;
}
.category-custom-page .col.large-2 {
    padding-right: 0px;
}
.category-custom-page .col.large-7 {
    padding: 0px;
}

.category-custom-page .box-text-inner h3:hover {
    color: var(--color-hover);
}

.category-custom-page .btn {
    float: right;
    background: var(--color);
    color: #fff;
    border-radius: 5px;
    margin-top: 15px;
    padding: 5px 15px;
}
.category-custom-page .btn:hover{
    background: var(--color-hover);
    color: #fff;
}

.category-custom-page .blog-description {
    overflow: hidden;
    height: 90px;
    color: #000;
}

/***************************************************/

.footer-1 {
    background: var(--color);
}
.footer-1 p {
    margin-bottom: 0px;
    color: #fff;
}
.title-footer {
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}
.title-footer h3 {
    font-size: 15px;
    color: #fff;
    padding-top: 5px;
    font-family: var(--family-bold) !important;
}
.menu-footer.menu-1 {
    min-height: 239px;
}
.menu-footer {
    border: 1px solid #fff;
    border-top: 0px;
    display: flow-root;
}
.menu-footer li {
    float: left;
    width: 50%;
}
.menu-footer li:before{
    content: "";
    height: 5px;
    width:5px;
    margin-top: 8px;
    margin-left: 5px;
    background: #fff;
    position: absolute;
}
.menu-footer li:hover:before{
    background: var(--color-hover);
}
.menu-footer li a {
    color: #fff;
    padding: 0px 0px 0px 20px;
    font-family: var(--family-bold) !important;
}
.menu-footer li:hover a {
    color: var(--color-hover);
}
.row-footer,
.cot-two {
    margin-bottom: 15px;
}
.cot-two .featured-box {
   padding: 15px;
}
.cot-two .featured-box .icon-box-text p,
.cot-two .featured-box .icon-box-text a  {
    color: #fff;
    font-family: var(--family-bold) !important;
}
.cot-two .featured-box .icon-box-text {
    text-align: center;
}

.bottom {
    margin-bottom: 15px;
}
.bct img {
    width: 150px;
}

.absolute-footer {
    display: none;
}

@media only screen and (max-width: 991px) {
    .product-link a {
        margin-left: 0px;
        padding: 0px;
    }
    .price-wrapper {
        float: none !important;
    }
    .product-sale .product-link a,
    .product-news .product-link a {
        padding: 5px 10px;
    }
    .category-custom-page .cot-3 {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    
    .product-small.box h4 a {
        font-size: 13px;
        height: 60px;
    }
    li.cart-item.has-icon {
        width: auto;
    }
    
}

@media only screen and (max-width: 500px) {
    .cot-3 {
        display: none;
    }
    
    .title-home-link img {
        display: none;
    }
    .category-custom-page .blog-description {
        height: 80px;
    }
    .content-single,
    .category-custom-page .box-text {
        padding: 10px;
    }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}