/*
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.   ***************/
.message-container{
	display: none;
}
.header-top {
    min-height: 30px;
    max-height: 30px;
    height: 30px;
    overflow: hidden;
}
.entry-content {
    padding-top: 0;
}
.entry-content a{
	color: #eb1b26;
}
.entry-content a:hover{
	color: #eb1b26;
	text-decoration: underline;
}
.entry-content img{
	margin: 30px 0px;
}
.entry-content h1,h2,h3,h4,h5,h6, .entry-content h1,h2,h3,h4,h5,h6 span{
	font-weight: bold;
}
.input-text {
    box-shadow: unset !important;
    height: 42px !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    background: #fff !important;
}
.box-img-chinhsach .box-text{
	position: absolute;
	bottom: 5%;
}
.form-page input, .form-page textarea {
    height: 40px;
    border-radius: 5px;
}
.form-page .col{
	padding-bottom: 10px !important;
}
.isures-thumb--wrap {
    display: flex;
    width: 80%;
    margin: auto;
}
span.amount {
    font-weight: 400;
}
.isures-thumb--items{
max-width: calc(25% - 4px);
width: 100%;
margin-right: 5px;
cursor: pointer;
}
.isures-thumb--items:nth-child(4){margin-right: 0}
.isures-thumb--items.active{
border: 1px solid var(--isures-primary-color)
}
.isures-thumb--items img {
border: 1px solid transparent;
    padding: 3px;
    height: 50px;
    width: 50px;
    object-fit: cover;
}
.isures-thumb--items:hover img {
border: 1px solid #221f1f;
}
.isures-more--btn {
position: absolute;
right: 0;
bottom: 0;
width: 25%;
height: 100%;
background: rgba(0,0,0, .54);
color: #fff!important;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.isures-more--btn span{font-size: 10px;text-align: center; font-weight: bold;}
.product-thumbnails .is-nav-selected a {
    border-color: #4d4d4d;
}
.quantity .minus, .mh-col-product-summary .quantity .plus {
    min-width: 40px;
}
.quantity .input-text {
    min-width: 80px;
}
body::-webkit-scrollbar {
width: 10px; /* Chiều rộng vùng chứa scrollbar */
}
body::-webkit-scrollbar-track {
background: #ccc; /* Màu nền ngoài của thanh scrollbar */
}
body::-webkit-scrollbar-thumb {
background-color: #221f1f; /* Màu của thanh cuộn (scroll thumb) */
border-radius: 5px; /* Bo góc scroll thumb */
border: 2px solid #ccc; /* Không hỗ trợ padding, margin, transition nên dùng viền cùng màu nên để padding scroll thumb
*/
}
body::-webkit-scrollbar-thumb:hover {
background-color: #e83a3b; /* Hiệu ứng di chuột đổi màu*/
}

.autocomplete-suggestions::-webkit-scrollbar {
width: 10px; /* Chiều rộng vùng chứa scrollbar */
}
.autocomplete-suggestions::-webkit-scrollbar-track {
background: #ccc; /* Màu nền ngoài của thanh scrollbar */
}
.autocomplete-suggestions::-webkit-scrollbar-thumb {
background-color: #221f1f; /* Màu của thanh cuộn (scroll thumb) */
border-radius: 5px; /* Bo góc scroll thumb */
border: 2px solid #ccc; /* Không hỗ trợ padding, margin, transition nên dùng viền cùng màu nên để padding scroll thumb
*/
}
.autocomplete-suggestions::-webkit-scrollbar-thumb:hover {
background-color: #e83a3b; /* Hiệu ứng di chuột đổi màu*/
}

.vertical-thumbnails::-webkit-scrollbar {
width: 10px; /* Chiều rộng vùng chứa scrollbar */
}
.vertical-thumbnails::-webkit-scrollbar-track {
background: #ccc; /* Màu nền ngoài của thanh scrollbar */
}
.vertical-thumbnails::-webkit-scrollbar-thumb {
background-color: #221f1f; /* Màu của thanh cuộn (scroll thumb) */
border-radius: 5px; /* Bo góc scroll thumb */
border: 2px solid #ccc; /* Không hỗ trợ padding, margin, transition nên dùng viền cùng màu nên để padding scroll thumb
*/
}
.vertical-thumbnails::-webkit-scrollbar-thumb:hover {
background-color: #e83a3b; /* Hiệu ứng di chuột đổi màu*/
}
body { /*cho Firefox*/
scrollbar-width: thin; /* "auto" hoặc "thin" */
scrollbar-color: orange #ccc; /* scroll thumb and track */
}
.ctla i, .cti i{
	margin-right: 2px;
}
.sticky-add-to-cart:hover a{
	color: #fff;
}
.woo-selected-variation-item-name {
    display: none;
}
.product-main {
    padding: 15px 0 !important;
}
.product-footer .woocommerce-tabs {
    padding: 10px 0;
    border-top: 1px solid #ececec;
	background: #fff;
}
.product-section-title-related{
	margin: 10px 0; 
}
th, td {
    font-weight: 300;
}
table {
    border-collapse: collapse;
}
.cart_totals  .product-name{
	border: solid;
}
.woocommerce tr th {
    padding: 10px;
    text-align: justify;
    border-width: 1px !important;
    text-transform: initial !important;
}
.success-color {
    color: #eb1b26 !important;
}
.icon-tag{
	color: #e83a3b;
    opacity: 1 !important;
}
.page-title-inner {
    padding: 0 15px;
}
nav.woocommerce-breadcrumb a {
    color: #000;
}
.product-footer .product-tabs li a{
	font-size: 16px;
    text-transform: uppercase;
    line-height: 30px;
}
.shop-page-title {
    background-color: #f7f7f7;
    min-height: 50px;
    display: flex;
    align-items: center;
}
.page-title-inner {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 50px;
    max-width: 100%;
}
.border-img{
	border: solid 5px #eb1b26;
    padding: 5px;
}
.product-small .col-inner{
    background: #fff;
    border: 1px solid rgba(161,161,161,0.37);
    transition: .15s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 5px;
	    text-align: left;
}
.product-small:hover .col-inner{
    border-color: #000;
}
.product-small .box-image img{
	right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}
.product-small .box-image {
    padding-top: 150%;
}
.isures-cate--label{
	text-transform: uppercase;    
}
.isures-cate--label a{
	color: #666;
}
.product-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	margin-bottom: 10px !important;
	min-height: 35px;
    margin: 0;
    color: #000;
    font-size: 14px;
	font-weight: 400 !important;
}
.title-wrapper .category{
	color: #666;
    opacity: 1;
    font-size: 13px;
    margin: 0;
    margin-bottom: 10px;
}
p{
	margin-bottom: 5px;
}
.font-bold{
	font-weight: bold;
}
.content-footer i{
	margin-right: 5px;
	color:#eb1b26;
}
.box-blog-post .box-text{
	padding: 10px 5px;
}
.single-post .blog-single .large-9 {
    max-width: 73%;
    -ms-flex-preferred-size: 73%;
    flex-basis: 73%;
}
.post-sidebar {
    margin-left: 2%;
    padding: 20px !important;
    border: 0!important;
    background: #fff;
}
.single-post .blog-single .large-9, .single-post .blog-single .post-sidebar {
    background: #fff;
    padding-top: 20px;
}
.single-post .blog-single .large-9, .single-post .blog-single .post-sidebar {
    background: #fff;
    padding-top: 20px;
}
ul {
    list-style: none;
}
.post-sidebar #secondary {
    position: -webkit-sticky;
    position: sticky;
    display: block;
    top: 120px;
}
.entry-category a{
	height: 32px;
    line-height: 32px;
    padding: 0 10px;
    margin: 8px;
    color: #fff !important;
    background-color: #353535;
    border-radius: 0 3px 3px 0;
    position: relative;
    display: inline-block;
    font-size: 11px !important;
    border: none;
}
.entry-category a:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-right: 10px solid #353535;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0;
    left: -10px;
    box-shadow: 2px 0 0 -1px #353535;
}
.entry-category a:after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -2px;
    top: 13px;
}
.back-to-top {
background-color: rgb(232 58 59 / 80%) !important;
width: 40px;
height: 40px;
line-height: 45px !important;
font-size: 20px;
border: unset !important;
color: #fff !important;
}
.icon-chinhsach .icon-inner{
	    background-color: rgb(234, 0, 11);
}
.add_to_cart_button {
    border: 1px solid currentColor !important;
    font-weight: 500;
    padding: 5px 15px;
}
.add-to-cart-button a::before {
    content: "\002b";
    font-weight: 300;
    font-size: 15px;
    line-height: 0;
    position: relative;
    top: 1px;
    right: 6px;
    margin-left: 2px;
    display: inline-block;
}
#top-bar .hide-for-medium.flex-center p {
    font-size: 13px;
}
#top-bar .hide-for-medium.flex-right ul > li > a {
    text-transform: uppercase;
    font-size: 12px;
}
#masthead ul.header-nav > li > a {
    font-size: 14px;
}
#masthead .nav-dropdown {
    padding: 5px 15px;
    min-width: 275px;
    border-bottom: 1px solid #858585;
}
#header .nav-dropdown {
    border: 0;
}
#masthead .nav-dropdown li a {
    color: #959595;
    font-size: 14px;
    margin: 0;
}
#masthead .nav-dropdown li a:hover {
    color: #252525;
}
#masthead .nav-dropdown li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid;
    border-radius: 100%;
    display: inline-block;
    left: 0;
    vertical-align: middle;
    margin-right: 7px;
}
#masthead .nav-dropdown li a:hover::before {
    background-color: #252525;
}
blockquote{
    font-weight: 100 !important;
}
.mh-title-simple b {
    display: none;
}
.mh-title-simple .section-title, .mh-title-simple .section-title-main {
    border: 0;
    padding: 0;
    margin: 0;
	justify-content: center;
}
.badge-circle-inside .badge-inner, .badge-circle .badge-inner {
    font-weight: 300;
    text-transform: capitalize;
}
.mh-widget-blog .post-title{
	margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #d1d1d1;
    font-size: 15px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 45px;
    line-height: 1.4;
}
.is-divider{
	display: none;
}
.mh-look-book p{
	 margin: 0 0 10px;
    font-size: 15px;
    font-weight: normal;
}
.banner-policy__item{
	margin: 0 15px;
    height: 100%;
    border-radius: 16px;
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    transition: all .3s;
	display: block !important;
    overflow: hidden;
    padding: 5px 15px;
    border: 1px solid #fff;
    color: #fff;
}
.banner-policy__item:hover{
	color: #0a0a0a !important;
	text-decoration: underline;
	background-color: #fff;
}
.tab-product ul li span{
	min-height: 30px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1.6;
    padding: 5px 0 0;
}
.tab-product ul{
	margin-bottom: 30px;
}
.tab-product li{
	margin: 0 20px !important;
}
.nav-line-bottom>li>a:before{
	height: 1px;
}
.product-small .box-attribute img{
	width: 50px;
    object-fit: cover;
    height: 50px;
}
.product-small .box-image{
	position: relative;
}
.product-small .box-size{
	position: absolute;
	width: 100%;
	display: flex;
    justify-content: space-between;
    margin: auto;
	bottom: 0;
	opacity: 0;
	z-index: 9;
	background: hsla(0,0%,100%,.9) none repeat scroll 0 0;
	transition: all ease 0.8s;
}
.box-size{
	text-transform: uppercase;
	font-size: 14px;
}
.product-small:hover .box-size{
	opacity: 1 !important;
	transition: all ease 0.8s;
}
.badge{
	height: 25px;
}
.badge-inner.on-sale {
    background-color: #e83a3b;
    border-radius: 0px;
    font-size: 14px;
}
.wsb-button,.ctla{margin: 5px 0px;color: white;font-size: 14px;height: 40px;}
.ctla{background:unset !important;padding-top: 9px;order:1;align-self: center;
    display: flex;
    align-items: baseline;}
.sp-wqv-view-button{background:unset !important;margin:0 !important;padding:0 !important;    padding-left: 4px !important;}
.cti{order:2;margin-top: -2px !important;    border-left: 1px solid white;}
.ctla i:after{display:none}
.cti .dashicons{vertical-align:bottom}
.archive .ctla,.product-footer .ctla{width: 50%;justify-content: center;}
.archive .cti,.product-footer .cti{text-align:center}
.box-attribute{
	display: flex;
    width:80%;
    margin: auto;
    padding: 5px 0;
}
.image_item{    flex: 1;padding: 4px;}
.box-mau {
    display: flex;
    justify-content: center;
    margin-top: 7px;
}
.mau {
    max-width: 16px;
    margin: 2px;
    height: 15px;
    border-radius: 50%;
    min-width: 16px;
}
.header-cart-title{
	order: 2;
}
.image-icon img {
    max-width: 20px;
}
span+.image-icon {
    margin-right: 5px;
	order: 1;
	margin-left: 0;
}
.tab-slide .col {
    padding-bottom: 0 !important;
    height: 30px;
    border: unset;
}
.slick-list{
	padding: 0 !important;
}
.content-footer p{
	font-size: 14px;
}
.content-footer h5{
	font-size: 14px;
}
.thanhtimkiem form{
    position: relative;
}
.live-search-results{
	background: #fff;
    z-index: 9999999;
    position: absolute;
}
.thanhtimkiem i{
	color: #221f1f;
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 20px;
}
.thanhtimkiem input{
	padding: 0px 0px 0px 40px;
    box-shadow: unset;
    border: solid 1px #221f1f;
	height: 50px;
	border-radius: 15px;
}
.key-search p{
	font-size: 14px;
    line-height: 30px;
}
.key-search span{
	margin: 0 3px;
    padding: 2px 10px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    font-weight: 400;
}
.ss-search{
	z-index: 9;
}
.search-name{
	font-size: 14px;
	color: #000;
}
.search-price{
	font-size: 14px !important;
	color: #111;
}
.dark span.amount {
    color: #111 !important;
	font-weight: 300 !important;
}
.nav>li.has-icon>a>i {
    min-width: 1em;
    color: #101010;
}
.breadcrumbs {
    font-weight: 300;
    font-size: 14px;
}
.woocommerce-result-count{
	font-size: 14px;
}
.woocommerce-ordering select{
	font-size: 14px;
}
.product-title {
    font-weight: normal;
    font-size: 23px;
}
.product-page-price span.amount {
    font-weight: normal;
    font-size: 30px;
}
.current .breadcrumb-step, [data-icon-label]:after, .button#place_order, .button.checkout, .checkout-button, .single_add_to_cart_button.button {
    background-color: #666666!important;
	    font-weight: 400;
}
.variations .variable-items-wrapper li.button-variable-item {
    display: inline-block;
    min-width: 35px;
    height: 35px;
    border: 1px solid #000;
    line-height: 30px;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    text-align: center;
    margin: 0 5px;
}
.product_meta span span, .product_meta span a {
    color: #000;
    font-size: 17px;
    font-weight: 500;
}
.product_meta span {
    border: 0;
    color: #999;
    font-size: 14px;
    padding: 0;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item .variable-item-span-color {
    border-radius: 99px;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    border-radius: 99px;
	    max-width: 30px;
    overflow: hidden;
}
.product-section-title-related {
    text-align: center;
    margin: auto;
    margin-top: 30px;
}
p.in-stock {
    color: #e83a3b;
	font-size: 16px !important;}
	.woocommerce-MyAccount-navigation-link--downloads{
		display: none !important;
	}
.product_meta {
    display: grid;
}
.product_meta .accordion{
	order: 1;
}
.prd-quick-call{
	order: 2;
}
.product_meta .sku_wrapper{
	order: 3;
	margin-top: 30px;
}
.product_meta .posted_in{
	order: 4;
}
.product_meta .tagged_as{
	order: 5;
}
.product_meta  .accordion-item a{
	border-bottom: 1px solid #222;
    color: #212121;
    padding: 15px 15px 15px 0px;
	    border-top: unset;
}
.product_meta  .accordion-item a::before {
    content: " ";
    width: 30px;
    max-width: 30px;
    height: 20px;
    top: 0px;
    left: 0px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    position: relative;
}

.product_meta .accordion-item a span{
	color: #212121;
}
.product_meta .accordion .toggle {
    top: 15px !important;
    right: 0 !important;
	left: auto;
}
.product_meta .accordion-inner{
	padding: 10px 0;
	font-size: 16px;
}
.product_meta .accordion-title.active {
    background-color: unset;
}
.item-info a::before {
    background-size: 25px 14px;
    background-image: url('/wp-content/uploads/2023/02/3053027.png');
}
.item-size a::before {
    background-size: 25px 14px;
    background-image: url('/wp-content/uploads/2023/02/3177675.png');
}
.item-exchange a::before {
    background-size: 25px 14px;
    background-image: url('/wp-content/uploads/2023/02/545661.png');
}
.item-extra a::before {
   background-size: 25px 14px;
    background-image: url('/wp-content/uploads/2023/02/3303893.png');
}
.item-ship a::before {
    background-size: 25px 14px;
    background-image: url('/wp-content/uploads/2023/02/664468.png');
}
.prd-quick-call{
	font-size: 15px;
	margin-top: 15px;
}
form{
	margin-bottom: 0;
}
.accordion tr th{
	font-size: 16px;
	color: #212121;
}
.accordion tr td{
	font-size: 16px;
	color: #212121;
}
.woo-variation-swatches.wvs-show-label .variations th label {
     font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
}
.variations td {
    vertical-align: middle;
    padding: 0.2em 0 !important;
    border: 0;
}
.variations th {
    vertical-align: middle;
    padding: 0.2em 0 !important;
    border: 0;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.ss-banner{
		margin-bottom: 0px !important;
	}
.key-search span {
    margin: 3px;
    min-width: 50px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    padding: 0px 7px;
}
.single-post .blog-single .large-9 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%%;
    flex-basis: 100%;
}
	.search-price{
		display: none;
	}
	.tab-product ul li span{
	min-height: 30px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.6;
    padding: 5px 0 0;
		min-width: 110px;
}
.tab-product ul{
	margin-bottom: 10px;
    display: block;
    overflow: auto;
    flex-wrap: nowrap;
	justify-content: flex-start;
}
.tab-product li{
	margin: 0 15px !important;
	display: table-cell;
}
	.isures-thumb--wrap {
    width: 100%;
}
	.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    color: #fff !important;
    opacity: 1;
}
	.toggle {
    opacity: 1;
}
	.box-size {
    font-size: 10px;
}
}