/*
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.   ***************/
.page-checkout {
    font-family: Arial,sans-serif;
}
a.button-continue-shopping.button.primary.is-outline {
    color: #fff;
    background-color: #0066ff;
    border: 1px solid #0066ff;
    font-family: Arial,sans-serif;
}
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: #FF0000;
    font-family: Arial, sans-serif;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #ddd;
}
.page-checkout h3.widget-title {
    color: #ff6600;
}


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

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

.cart_totals.calculated_shipping {
    border: 3px dashed #e5101d;
    padding: 15px;
    border-radius: 15px;
}

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

.woocommerce-billing-fields h3 {
    color: #303030;
    font-family: Arial,sans-serif;
}

button#place_order {
    background: #FF0000;
}
.checkout-sidebar.sm-touch-scroll {
    font-family: Arial,sans-serif;
}
h3#order_review_heading {
    font-family: Arial,sans-serif;
    color: #303030;
}

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

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

body{
	color: #303030 !important;
    font-size: 15px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
h1,h2,h3,h4,h5,h6,p,a{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
.is-divider,
.entry-category,
a.quick-view.quick-view-added,
p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.absolute-footer.dark {
  display: none;
}

input[type="submit"] {
  background: #0aa927;
}



/**************************header*******************************/
.searchform .button.icon {
    background: #0aa927;
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    text-transform: uppercase;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
input.search-field {
    margin: 0;
    margin-bottom: 0;
    height: 41px;
    border: 1px solid #e7e8ed;
    outline: none;
    box-shadow: none;
}
.header-img {
    float: left;
    margin-right: 10px;
    margin-left: -55%;
}
.contact-phone{
	text-transform: uppercase;
	font-weight: bold;
}
.contact-phone span {
	color: #00653b;
	font-size: 15px;
}
.contact-phone h3 {
    color: #0aa927;
    font-size: 20px;
}
a.header-cart-link.icon.primary.button.round.is-small {
    background: #00653b;
}


.header:not(.transparent) .header-bottom-nav.nav > li{
    padding: 0px 20px;
}

.header:not(.transparent) .header-bottom-nav.nav > li:hover{
    background-color: #00653b;
    padding: 0px 20px;
    height: 45px;
}

.nav-dropdown-default {
    padding: 0px !important;
    border: 0px;
    min-width: 185px;
    box-shadow: 0px;
}

.nav-dropdown.nav-dropdown-default>li:last-child{
  border-bottom: 10px solid #ececec !important;
}

.nav-dropdown.nav-dropdown-default>li {
    border-bottom: 10px solid #ececec !important;
    display: block;
    border: #d1d1d1 solid 1px;
    padding: 0px 6px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-align: center;
}
.nav-dropdown.nav-dropdown-default>li:hover {
    border-bottom: 10px solid #ececec !important;
    display: block;
    border: #d1d1d1 dashed 2px;
    padding: 0px 6px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-align: center;
    background-image: -webkit-linear-gradient(90deg, #ff551f 0%, #51b935 100%);
}


/****************taxmomany-category-single post*****************/

 {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
  background: #f8f8f8;
}
.category-page-row .product-small.box {
  background: #f8f8f8;
  padding: 10px;
  border: 1px solid #ddd;
  display: flow-root;
}

.blog-single,
.blog-archive,
.category-page-title {
	color: #303030 !important;
  font-size: 15px !important;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

.blog-single .entry-content {
	text-align: justify;
	color: #303030;
}

.widget-area  .widget-title {
  background: #00653b;
  font-size: 15px;
  padding: 10px;
  color: #fff;
  display: block;
}
.widget-area .widget {
  border:1px solid #ddd;
  padding: 5px;
  background: #f8f8f8;
}
.widget-area .widget span.woocommerce-Price-amount.amount {
    font-size: 13px;
}
.widget-area .widget span.product-title {
  color: #0aa927;
}


/****************************content************************************/

.sec-1,
.sec-2,
.sec-3,
.sec-4,
.sec-5,
.footer-top,
.footer-bottom{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

.product-link {
  float: left;
  background: #0aa927;
  padding: 8px;
  width: 48%;
  text-align: center;
}
.add_cat {
  background: #00653b;
  padding: 8px;
  float: left;
  width: 48%;
  margin-left: 5px;
  text-align: center;
}
.product-link a,
.add_cat a {
  color: #fff;
  text-align: center;
}



.sec-1 .box-text.text-center {
    background: #488e7099;
}
.sec-1 .box-text.text-center h4 {
  text-transform: uppercase;
}

.sec-2 .export_product,
.sec-2 .product-link {
  display: none;
}
.sec-2 .add_cat {
  float: none;
  margin: 10px 55px -15px;
}
.sec-2 .product-small.box {
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
}

.but_button {
  background: #00653b;
}

p.name.product-title a {
    color: #2bb444;
    font-weight: bold;
    font-size: 15px;
}

.sec-2 h4.text-left,
h3.title-title,
h3.title-yk,
h3.title-news,
h3.title {
  color: #00653b;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
}
.sec-2 h4.text-left:after{
  content: "MỚI";
  color: #ffae00;
  font-size: 15px;
  margin: 0px 5px 0px 5px;
}
h3.title-title:after{
  content: "TOP 50";
  color: #ffae00;
  font-size: 15px;
  margin: 0px 5px 0px 5px;
}
h3.title-news:after{
  content: "MỚI NHẤT";
  color: #ffae00;
  font-size: 15px;
  margin: 0px 5px 0px 5px;
}

.sec-2 .tabbed-content .nav-left li > a {
  padding: 10px 30px;
  color: #fff;
  font-weight: bold;
  background: #0aa927;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
.sec-2 .tabbed-content .nav-left li.active > a {
   background: #00653b;
}
.nav-line-bottom>li>a:before, 
.nav-line-grow>li>a:before, 
.nav-line>li>a:before{
  height: 0px;
}

span.amount {
    color: #ffae00;
    line-height: 20px;
    font-weight: bold;
}


.icon-box-text p {
  text-align: center;
  color: #fff;
}
.icon-box-img img {
  height: 58px;
}


.sec-3 p.name.product-title a {
  text-transform: uppercase;
  margin-top: 20px;
}
.sec-3 .box-image img {
  background: #f8f8f8;
  padding: 7px;
  border: 1px solid #ddd;
}
.sec-3 .badge-container{
  display: none;
}
.export_product p {
  font-size: 10px;
  margin:5px 5px;
}
.price del span.amount {
  color: #c6c6c6;
  font-weight: bold;
}


.sec-4 .yk_custom {
  text-align: center;
  background: #00653b;
  padding: 30px;
  margin-top: -40px;
}
.sec-4 .yk_custom span {
  color: #ffae00;
}


h5.post-title {
  color: #17ac45;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
.sec-5 .box-image img {
  padding: 10px;
  background: #f8f8f8;
  border: 1px solid #ddd;
}
.sec-5 .box-text {
  margin-left: 10px;
}

.contact_tt ul li i {
  margin-right: 5px;
  color: #00653b;
}




#mega-menu-wrap {
  background: #00653b;
}

h1.detail-post-title {
  color: #00653b;
  font-weight: bold;
  text-transform: uppercase;
}

.payment-row02 {
    width: 100%;
}
.payment-row02 ul {
    margin: 0 -15px;
    padding: 0;
}
.payment-row02 ul li {
    list-style: none;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 45%;
}
.payment-row02 li div.payment-list {
    background: #f3f8f9;
    border: 1px solid #e6eef0;
    padding: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    min-height: 200px;
}

#responsive-form{
  max-width:600px;
  margin:0 auto;
  width:100%;
}
.form-row{
  width: 100%;
}
.column-half, .column-full{
  float: left;
  position: relative;
  padding: 0.65rem;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
 
/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
  .column-half{
    width: 50%;
  }
}


/***************************footer-footer********************************/
.footer-top i {
  float: left;
  color: #fff;
  font-size: 55px;
  margin-right: 10px;
}
.footer-top .title {
  float: left;
}
.footer-top h3,
.footer-top h6,
.footer-bottom h4,
.footer-bottom h3.title-footer,
.footer-bottom  ul li {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}
.footer-bottom h3.title-footer {
    margin-top: 35px;
}
.footer-bottom h3:before {
  content: "";
  float: left;
  margin: -22px 10px 0px 0px ;
  height: 43px;
  width: 36px;
  background: url(images/bkg_footer.png) no-repeat 6px 6px;
}

.footer-bottom  ul li {
  list-style: none;
}
.footer-bottom  ul li i {
  margin-right: 10px;
  font-size: 25px;
}
.footer-bottom  ul li p {
  font-size: 10px;
  line-height: 13px;
  margin-left: 25px;
}

.footer-bottom ul.product-categories {
    margin-left: 33px;
}
.footer-bottom .widget>ul>li+li{
  border: 0px;
  
}
.footer-bottom  ul.product-categories li a {
  color: #fff;
  font-weight: 400;
  font-size: 13px;
}

/************************single product page*********************************/

.absolute {
  display: none;
}

.custom-product-page {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
button.single_add_to_cart_button.button.alt {
    background: #0aa927;
}

.custom-product .product-cot9 {
  padding: 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
}

.custom-product  h1.product-title.product_title.entry-title,
.custom-product .tabbed-content h3 {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
  color: #0aa927;
}
.custom-product .tabbed-content ul {
  border-bottom: 2px solid #00653b;
}

.custom-product .tabbed-content ul li a {
  padding: 10px 10px;
  background: #0aa927;
  color: #fff;
}

.custom-product .product-cot9 .woocommerce-product-gallery__image img{
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 10px;
}

.custom-product .product-cot9 .custom_sku_stock {
  background: #00653b;
  padding: 4px;
  color: #fff;
  border-radius: 10px;
  display: flow-root;
  margin-bottom: 15px;
}
.custom_sku_stock .stock {
  float: left;
}
.custom_sku_stock .sku {
  float: right;
}
.custom_sku_stock span{
  margin-right: 5px;
  font-weight: bold;
}

.custom-product .product-short-description p{
  font-size: 13px;
}

.custom-product label.quantity-label {
    float: left;
    height: 38px;
    background: #f8f8f8;
    padding: 8px;
    color: #00653b;
    border: 1px solid #ddd;
    border-right: 0px;
}

.custom-product .tabbed-content {
  width: 100%;
  text-align: justify;
  color: #0aa927;
}




.custom-product .product-cot3 .row.large-columns-1.medium-columns-.small-columns-.row-small {
    padding: 0px;
    margin: 0px;
    background: #fff;
    border: 1px solid #ddd;
    margin-top: -7px;
}

.custom-product .product-cot3 .box-image {
  float: left;
  margin: 10px 10px 0px 0px;
  width: 40% !important;
}
.custom-product .product-cot3 .box-image img {
  border: 1px solid #ddd;
  background: #f8f8f8;
  padding: 5px;
}
.custom-product .product-cot3 .box-text {
  float: left;
  width: 55%;
}
.custom-product .product-link {
    float: left;
    background: #0aa927;
    padding: 4px;
    width: 75%;
    text-align: center;
}

.custom-product .product-cot3 .related .export_product,
.custom-product .product-cot3 .related .add_cat {
  display: none;
}

.custom-product .product-cot3 .product-section-title {
  background: #00653b;
  font-size: 15px;
  padding:10px;
  color: #fff;
}






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

@media only screen and (max-width: 767px) {
  .footer-bottom h3.title-footer {
    font-size: 12px;
  }
  .footer-bottom h4 {
    font-size: 11px;
  }
  .footer-bottom ul li p {
    font-size: 8px;
  }
  .footer-bottom ul.product-categories li a {
    font-size: 12px;
  }
  button.single_add_to_cart_button.button.alt {
    padding: 5px;
    font-size: 10px;
  }

}





@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
  .sec-2 .add_cat {
    margin: 10px 0px -15px;
    width: 100%;
  }
  .sec-2 .tabbed-content .nav-left li {
    padding: 5px 0px;
  }
  .add_cat,.product-link {
    font-size: 10px;
  }
  .payment-row02 ul li {
    width: 90%;
  }

}