/*
Theme Name: RemaxVietNam
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*Thêm ảnh sản phẩm tại trang thanh toán woocommerce*/
img.chowordpress-image-product-checkout {
    margin-right: 8px;
}
/*Product page*/
.product-container .product-main .content-row {background: #fff; padding: 8px;}
.product-info-custom-tab {padding-right: 10px; background: #fff;}
.h1, h1 { font-size: 22px;}
/*Style single post*/
.policy li{width:100%;text-align:left;list-style:none}
.col-md-12 {padding: 20px;}
.policy{margin-left:-39px}
.vanchuyen:before{content:'';background:url(/wp-content/uploads/2024/12/van-chuyen.png) 2px 0 no-repeat;width:27px;height:23px;background-size:25px 23px;position:relative;display:inline-block;left:0;top:8px;margin-left:-3px}
.inpr span{margin-left:8px}
li.vanchuyen{border-bottom:1px solid #fbf1f1;border-top:1px solid #fbf1f1;padding:0 0 6px}
li.inpr{border-bottom:1px solid #fbf1f1;padding:7px 0 6px}
.VnpayText{background:#E9F7FF;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:5px 10px;float:left;text-align:left;margin: 0 -20px; width: -webkit-fill-available; margin-bottom: 16px;}
.policy .inpr:before{content:'';background:url(/wp-content/uploads/2024/12/bao-hanh-chinh-hang@2x.png) 2px 0 no-repeat;width:19px;height:23px;background-size:16px 23px;position:relative;display:inline-block;left:0;top:8px}
.form-button{margin-top:4px}
.VnpayText img{display:block;float:left;width:80px}
.VnpayText p span.codeVNPay{font-weight:700}
.VnpayText p{font-size:12px;margin:0!important;display:inline}
.VnpayText p span.cm{color:#e10c00;font-weight:600}
.area_promotion{display:block;border:1px solid #ddd;border-radius:4px;position:relative;margin:-3px 0 13px;background:#fff;padding-bottom:10px;box-shadow:none;text-align:left;width:100%;float:left}
.area_promotion strong{display:block;font-size:14px;color:#333;padding:0 0 0 10px;text-transform:uppercase;line-height:38px}
.area_promotion .infopr span{display:block;overflow:hidden;font-size:14px;color:#333;padding:0 12px 5px 30px}
.area_promotion .infopr span:before{content:'';margin-left:-20px;background:url(../images/icon/check@2x.png);width:14px;height:14px;background-size:14px 14px;margin-right:0;float:left;margin-top:2px}
.area_promotion .infopr span label{color:#e10c00}
.area_promotion span a,.VnpayText p a{color:#288ad6}
.area_promotion.zero span .sao{display:inline;font-weight:700;margin-left:5px}
.btnMuaNgayDetail {background: #f00; clear: both; color: #fff; font-size: 14px; padding: 8px 5px; border: 1px solid #f00; line-height: 18px; width: 100%; border-radius: 5px; text-align: center; cursor: pointer;}
.btnMuaNgayDetail a {color: #fff;}
.btnMuaNgayDetail:hover {background: #fff; color: #f00;} .btnMuaNgayDetail:hover a, .btnMuaNgayDetail a:hover {color:#f00;}
/*Product category page*/
.product-category-custom {z-index: 999;}
.product-category-custom .col-inner .img {margin-bottom: 0;} 
.product-category-custom .col-inner .row {margin-left: 0; background: #fff;}
.shop-page-title.category-page-title {display:none;}
.list-category-add ul {display: flex;justify-content: center; text-align: center;list-style: none; background: #fff; margin-bottom: 0;}
.list-category-add ul li {margin: 12px; padding: 4px; max-width: 80px; font-size: 13px; width: -webkit-fill-available;}
.list-category-add ul li img {border-radius: 50%; background: var(--primary-color); padding: 12px;}
.bg-while {background: #fff; padding-bottom: 50px;}
.text-h1 {font-size: 18px; font-weight: 600; line-height: 22px; text-align: center; margin: 0 0 5px 0; color: #1a1a1a; padding: 30px 0 10px;}
.text-h1 span { color: #d30606; font-size: 15px; }
.shop-container .term-description {display: none;} .shop-container .products, .woocommerce .product-small .col-inner {background: #fff;margin-left: 0px!important; margin-right: 0px!important; padding-top: 20px;} .woocommerce.columns-4 .products {margin: 0 auto;}
.products .col-inner {border: 1px solid #ececec; border-radius: 3px; position: relative;}
section .price-wrapper, .related-products-wrapper .price-wrapper, .product-small .price-wrapper {border: 1px solid #f00; border-radius: 50px; width: fit-content; padding: 12px 24px; font-weight: 600; font-size: 18px; margin-top: 20px;}
.woocommerce-loop-product__title {font-size: 15px; color: #1e1e1e; line-height: 18px;}
.text-label { border: 1px; padding: 16px 20px; font-size: 18px; font-weight: 600; margin-top: 20px;}
/*Bộ lọc sản phẩm*/
.sort_giuseart {display: flex; justify-content: space-between; background: #f5f5f5;padding-top: 12px;padding-left: 12px;padding-right: 12px;}
.sort_giuseart .items {display: flex;}
.titlesort {font-size: 16px; line-height: 18px; padding-left: 20px; font-weight: 600;}
.sort_giuseart .items form {padding:10px 40px;}
.sort_giuseart .items label {font-weight: 500; color: #00a652; font-size: 14px;}
.category-page-row {padding-top: 0;}

#mega-menu-wrap { width: 23%; background: #1d71ab00;; position: relative; margin-right:10px;}
#mega-menu-title { padding: 10px 0 10px 15px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; cursor: pointer; color: #484848; font-size: 14px; line-height: 16px; text-transform: capitalize !important;}
#header.header #mega_menu.active { display: block; width: 150%;}
#mega_menu>li>a { border-top: none; font-size: .9em;}
#mega_menu a:hover { background: #f8f8f8; border-left: 4px solid #d30606}
/*icon cho giỏ hàng*/
.header-main .header-cart-link span:before{content:"";background-image:url(http://remaxvietnam.com.vn/wp-content/uploads/2024/12/shopping-cart.png);z-index:10;background-repeat:no-repeat;display:inline-block;border:2px solid #fed800;border-radius:60px;width:45px;height:45px;background-position:7px 8px}
.header-main a.header-cart-link i{display:none}
span.header-cart-title{text-transform:capitalize;font-size:16px}
.cart-icon strong{display:none}
.searchform-wrapper input{box-shadow:none;border-top-left-radius:4px;border-bottom-left-radius:4px}
.header-search-form-wrapper input{height:40px;border:1px solid #fed700;color:#000}
.searchform .button.icon{color:#000;background-color:#fed700;height:40px;margin:0;width:50px;border-top-right-radius:4px;border-bottom-right-radius:4px}
/*--------------------------*/
/*icon liên hệ header*/
.header-main .icon-phone:before{content:"";background-image:url(http://remaxvietnam.com.vn/wp-content/uploads/2024/12/phone-icon.png);z-index:10;background-repeat:no-repeat;display:inline-block;border:2px solid #fed800;border-radius:60px;width:45px;height:45px;background-position:9px 9px}
.nav>li>a>i+span{text-transform:capitalize;font-size:16px}
.icon-phone{display:none}
.absolute-footer{display:none!important}
.cuontrang{overflow-x:hidden;overflow-y:visible;width:auto;height:291px}
.text-label{border:1px solid #ededed;padding:16px 20px;font-size:18px;font-weight:600;margin-top:20px}
.text-label a{text-decoration:none;color:#000}
.text-label .fa-angle-right{font-size:20px;padding:0 15px 0 8px}
h2.text-label a{text-transform:uppercase}
.text-label span{font-size:14px;color:#4e4d4d;font-weight:400}
.tag-group{float:right}
.tag-group a{text-decoration:none;text-transform:none!important;color:#4e4d4d;font-size:14px;padding:0 4px;font-weight:400}
.product-small.box{border:1px solid #ececec;border-radius:3px;}
.nav-top-link{float:left;width:99%;color:#000;text-decoration:none;display:block}
.nav li.has-icon-left a img{width:30px;display:block;margin-left:auto;margin-right:auto;margin-bottom:7px;margin-top:5px}
.header-bottom-nav li a{margin:0;line-height:18px;font-size:13px;text-align:center;display:block;width:-webkit-fill-available;margin-left:15px}
.nav-line-bottom>li>a:before {border-bottom: 2px solid #f00; background-color: unset !important;}
/* foooter */

.lienhe-footer {font-size: 14px; text-transform: uppercase; font-weight: 700;}
.lien-he-footer-list {margin: 0; padding: 0; list-style:none;}
.lien-he-footer-list li {text-decoration: none; color: #787878; font-size: 14px; line-height: 30px;}
.lien-he-footer-list li b {color: #000; padding: 0 26px;}
.copyright-des {font-size: 13px; margin: 0; line-height: 24px; color: #787878;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.list-category-add ul li {margin: 2px;}
	.category-page-row .price-wrapper {padding: 4px 8px; font-size: 13px;}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a { padding-left: 0px;}
	.nav li.has-icon-left a img {margin-left: 20px; margin-right: 12px;}

}