/*
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.   ***************/


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


}

.recent-post h2.title{
	font-size:20px;font-weight:500;margin-top:15px;
}
.recent-post .author{font-size:12px;margin-bottom:5px}
.recent-post .date{font-size:9.6px;color:#6c757d}
a.read-more-new{font-size:14px}

.left-post .thumbnail {
    width: 100px; /* Chiều rộng ảnh */
    height: 66.66px; /* Chiều cao ảnh */
    overflow: hidden; /* Ẩn phần dư thừa nếu ảnh vượt quá kích thước được xác định */
}

.left-post .thumbnail img {
    width: 100%; /* Chiều rộng ảnh sẽ điều chỉnh tự động để vừa với kích thước của div */
    height: 100%; /* Chiều cao ảnh sẽ luôn là 100% của div */
    object-fit: cover; /* Ảnh sẽ điều chỉnh tỷ lệ khung hình để vừa với kích thước của div mà không làm bóp méo hoặc kéo khéo hình */
    display: block; /* Đảm bảo ảnh không bị căn lề dưới (nếu có) */
}
.colleft-post .col-inner{
	    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-left: 1px solid #f7f7f7;
    position: absolute;
    top: 0;
    padding: 0 30px;
	width:97.7%;
}
.colleft-post .col-inner::-webkit-scrollbar {
    width: 5px; /* Đảm bảo thanh cuộn có độ rộng mong muốn */
}

.colleft-post .col-inner::-webkit-scrollbar-thumb {
    background-color: #5bbb46; /* Màu xanh lá cây cho nền của thanh cuộn */
    border: 2px solid #5bbb46; /* Viền cho thanh cuộn */
}
.description-recent-post {
    max-width: calc(100% - 100px); 
	padding-left:20px;
}
.colleft-post .recent-post{display:flex;padding-bottom:10px}
.colleft-post .recent-post h2.title{margin-top:0!important;margin-bottom:0}
.colleft-post .excerpt{font-size:14px;color:#6e6e6e}
.wpcf7-spinner{display:none;}
input[type=submit]{margin-right: 0;
    text-transform: inherit;
    font-weight: normal;
}

.box-text.box-text-products{
	padding-right: 15px;
    padding-left: 15px;
}

.product-small.box {
    border-radius: 12px;
    background: rgb(248,248,248);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1), 0 2px 6px 2px rgba(60, 64, 67, 0.15);}
.product-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.cat-tt{
    border-bottom: 1px solid #eee;
	margin-bottom:30px;
}


.shop-policises {
    justify-content: flex-start;
	    display: flex;
}
.shop-policises li {
    display: flex;
    align-items: center;
	padding-left:30px;
	list-style:none;
	margin-bottom:0
}
.shop-policises a.link{margin-left:10px;font-size:16px;color:#000}

.shop-policises img.img-fluid.lazyload.loaded{width:16px;}

ul.shop-policises{margin-left:15px!important;
}
.header-vertical-menu__opener{padding:0!important}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a{font-size:16px}

.post-content{display:flex}

.post-image{
    width: 40%; /* Chiều rộng ảnh */
    height: 150px; /* Chiều cao ảnh */
    overflow: hidden; /* Ẩn phần dư thừa nếu ảnh vượt quá kích thước được xác định */
}

.post-image img {
    width: 100%; /* Chiều rộng ảnh sẽ điều chỉnh tự động để vừa với kích thước của div */
    height: 100%; /* Chiều cao ảnh sẽ luôn là 100% của div */
    object-fit: cover; /* Ảnh sẽ điều chỉnh tỷ lệ khung hình để vừa với kích thước của div mà không làm bóp méo hoặc kéo khéo hình */
    display: block; /* Đảm bảo ảnh không bị căn lề dưới (nếu có) */
}
.post-details-archive{padding-left:20px}
h5.title-post-archive{
	font-size:20px;    
	margin-top: -5px;
    margin-bottom: 3px;
}
.post-details-archive .excerpt{
	font-size
}
.post-details-archive .author{font-size:12px;margin-bottom:5px}
.post-details-archive .date, .post-content-single .date{font-size:9.6px;color:#6c757d}
.post-details-archive p.date{margin-bottom:2px}

span.page-numbers.current {
    border-color: #5cbb47;
    background: #5cbb47;
    color: #fff;
}
.pagination a, .pagination span {
    min-width: 35px;
    height: 35px;
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #e2e2e2;
    border-radius: 100%;
    background: #fff;
    font-size: 15px;
    color: #4a4a4a;
    text-align: center;
    line-height: 33px;
    cursor: pointer;
}
.pagination{text-align:right}
.widget .is-divider{display:none}
.widget .flex-col.mr-half, .widget .badge.post-date.badge-outline{width:100px;height:67px}
.recent-blog-posts a{font-size:14px}
.archive .post-content {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}
.single .large-9 ul{padding-left:30px;}
.single .author{margin-bottom:0;}
.single .date{margin-bottom:15px;font-size:12.8px}
span.tag a {
    color: #fff;
    background-color: #6c757d;
    margin: 0 5px;
    border-radius: 12px;
    font-size: 12px;
    padding: 2px 8px;
}
li.head-hotline{display:flex;
    align-items: center;}
img.img-hotline{height:24px}
.body-hotline{padding-left:1rem
}

.list-menu{list-style:none;}
li.li_menu{margin-left:0!important}
.lhe-page input[type=submit]{width:100%;}
li.cart-item.has-icon.has-dropdown{
    border: 2px solid #fff;
    border-radius: 6px;
}
a.header-cart-link.is-small{padding-right:10px;padding-left:10px;}
input#woocommerce-product-search-field-0 {
    height: 40px;
	box-shadow:none;
	border-radius:0.25rem 0 0 0.25rem
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0{height:40px;
border-radius:0 0.25rem 0.25rem 0;border:none}
li.cat-item.cat-item-31.current-cat.active a{color:#5bbb46}
.archive span.amount{
	color:#f3283d;
	font-size:16px;
}
.archive .price-wrapper{padding-top:5px}
a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline {
    background: #5bbb46;
    border-radius: 50%;
    font-weight: 50;
    color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
	padding:0px 10px;
	font-size:12px;
}
.product-small.box .add-to-cart-button{
    width: 40%;
    float: right;
    padding-top: 0;
	text-align:left;
	padding-left:5px;
}
.product-small.box .price-wrapper{
    width: 60%;
    float: left;
	text-align:right;
}
.title-wrapper{padding-bottom:10px;}
.product-small.box{padding-bottom:20px;}
a.added_to_cart.wc-forward{display:none}
.woocommerce-shop .row.category-page-row, .row.category-page-row {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 30px;
}
.archive .product-small.box .add-to-cart-button{
margin-top: -14px;
	text-align:left;
}
.single .product-small.box .add-to-cart-button{
margin-top: -20px;
}
ul.page-numbers.nav-pagination.links.text-center{
	text-align:right!important;
}
.single .product-small.box .add-to-cart-button{
    width: 45%;
    float: right;
    padding-top: 0;
    text-align: left;
    padding-left: 10px;
}
.single .product-small.box .price-wrapper{
    width: 55%;
    float: left;
    text-align: right;
}
.home .product-small.box .add-to-cart-button{
	margin-top: -19px;
}    
a.read-more-new{color:#5bbb46}
a.read-more-new:hover{color:red}
.colleft-post .recent-post .date {
    margin-left: 15px;
}
.recent-post h2.title{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.recent-blog-posts a{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}