/*
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.   ***************/
html {scroll-behavior: smooth;} .header-main a.nav-top-link { font-size: 14px; text-transform: uppercase; } .account-item a span { font-size: 14px; text-transform: uppercase; } .header-main { background: url(/wp-content/uploads/2024/05/bg-header-optimized-copy.webp) no-repeat top center; } .header-main .icon-box h3, .header-main .icon-box p { color: #ab0303; font-size: 14px; } .header-main .icon-box h3 { text-transform: uppercase; margin-bottom: 0; } .header-bottom a.nav-top-link { font-size: 15px; font-weight: 500; color: #ffffff !important; } .searchform .button.icon i { padding: 0px 20px; } #main { background: url(/wp-content/uploads/2024/05/bg-body-5.png) no-repeat right 4430px, url(/wp-content/uploads/2024/05/bg-body-4.png) no-repeat left 4500px, url(/wp-content/uploads/2024/05/bg-body-3.png) no-repeat right 3330px, url(/wp-content/uploads/2024/05/bg-body-2.png) no-repeat left 2700px, url(/wp-content/uploads/2024/05/bg-body-1.png) no-repeat right 2100px, url(/wp-content/uploads/2024/05/bg-header-optimized-copy-1.webp) no-repeat top center, url(/wp-content/uploads/2024/05/bg-body.png) repeat; } .product-small.box { border: 1px solid #b29160; background: #f3f3f3; } a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; color: #7e6949; } ins span.amount, span.woocommerce-Price-amount.amount bdi { color: #df4711; font-size: 16px; } .section-title-normal { border-bottom: 2px solid #ab0303; } span.section-title-main, h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase, li#tab-title-description a, span.section-title-main, h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase, li#tab-title-description a, .text-intro h2 a, li#tab-title-reviews a { padding: 8px 40px; font-size: 16px; color: #ffffff; font-weight: 500; text-transform: uppercase; background: url(/wp-content/uploads/2024/05/icon_top_left-1.png) top 5px left 5px no-repeat, url(/wp-content/uploads/2024/05/icon_top_right.png) top 5px right 5px no-repeat, url(/wp-content/uploads/2024/05/icon_bottom_left.png) bottom 5px left 5px no-repeat, url(/wp-content/uploads/2024/05/icon_bottom_right-1.png) bottom 5px right 5px no-repeat #930002; } .section-title a { color: #ab0303; font-weight: 500; font-size: 14px; } .product-container .product-main .content-row { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); background: #fff; padding: 15px 0px; max-width: 1150px; } h1.product-title.product_title.entry-title { color: #7e6949; font-size: 24px; } .product-main span.woocommerce-Price-amount.amount bdi { font-size: 25px; } span.header-cart-title { font-size: 15px; font-weight: 500; color: #333; } img.cart-img-icon { max-width: 50px; width: 50px; height: 50px; } .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content { background-color: #930000; } .mfp-content #main-menu a { color: #ffffff; font-size: 16px; font-weight: 500; } .off-canvas-left .mfp-content, .off-canvas-right .mfp-content { transition: 1s; } .off-canvas-right .mfp-content, .off-canvas-left .mfp-content { width: 450px; } #main-menu button.mfp-close, .mfp-close-btn-in .mfp-close { opacity: 1; color: #fff; mix-blend-mode: unset; } ul.mobile-nav .icon-menu:before { color: #930000; font-size: 35px; } .woocommerce-tabs .nav-line > li > a:before { content: unset; } .account-item a .icon-user:before { content: ""; background-image: url(/wp-content/uploads/2024/05/user-id-landscape-svgrepo-com.svg); height: 50px; width: 50px; background-size: 50px 50px; display: inline-flex; } ul.sub-menu.nav-sidebar-ul.children a { padding: 15px 0px; border-bottom: 1px dashed #ffffff57; margin: 0px 30px 0px 30px; } .sec-footer:before { content: ""; background-image: url(/wp-content/uploads/2024/05/bg_f.png); position: absolute; height: 20px; width: 100%; top: 0; } .sec-footer { background: url(/wp-content/uploads/2024/05/bg-footer-optimized.webp) no-repeat bottom center; } .sec-footer p { font-size: 15px; margin-bottom: 0.85em; } .sec-footer h3 { text-transform: uppercase; } .shop_table .order-total td, .shop_table .order-total th, .shop_table thead th, .cart_totals th.product-name { text-transform: capitalize; letter-spacing: 0; font-size: 15px; } .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea { box-shadow: unset; border-radius: 3px; } .mobile-hotline {display:none}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left
  li {
  width: 50%;
}
    .mobile-hotline {
        display: block !important;
        bottom: 0;
        width: 100%;
        position: fixed;
        z-index: 9999999;
        padding: 5px;
        margin-bottom: 0px;
        background: #ffff;
    }
.mobile-hotline-left,
.mobile-hotline-right {
  width: 45%;
  text-align: center;
	padding-bottom: 20px;
  height: 45px;
  border-radius: 4px;
}
.mobile-hotline-left {
  float: left;
  background: #930000;
	margin: 0px 5px 10px 5px;
}
.mobile-hotline-right {
  float: right;
  background: #1876ff;
	margin: 0px 5px 10px 5px;
}
.mobile-hotline-left a,
.mobile-hotline-right a {
  color: #ffffff;
  line-height: 46px;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
}
.mobile-hotline .mobile-hotline-left a:before {
  content: "";
	background: url(/wp-content/uploads/2024/05/icons8-call-50.png) no-repeat;
  background-size: 30px !important;
  height: 40px;
  width: 30px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
}
.mobile-hotline .mobile-hotline-right a:before {
	content: "";
	background-size: 30px !important;
  height: 40px;
  width: 30px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
  background: url(/wp-content/uploads/2024/05/icons8-zalo-50.png) no-repeat;
}


}