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


}
:root {
	--jet-primary : #102b4e;
	--jet-secondary : #d2ad31;
	--jet-tertiary: #d45f62;
}

.icon-search:before {content: url('/wp-content/uploads/2026/09/search.svg');}
.icon-search {font-size: 25px!important}
.cart-img-icon {height: 32px; max-width: 18px!important}

.section-camket .col-inner {padding: 20px 10px 5px 10px;}

.page-template-page-blank-title-center #content {
	background: #fff;
	padding: 20px!important;
	border-radius: 10px;
	box-shadow: 0 0 10px #ccc
}


.jet-taxonomy .col {
    padding: 0px 15px 15px 0px;
}

.jet-taxonomy h2 {
    margin-top: 10px;
}

.jet-taxonomy .from_the_blog_excerpt {
    text-align: justify;
}

.jet-taxonomy .post-title , #custom_html-2 .post-title{
    font-size: 16px;
    margin: 5px 0px;
}

.jet-taxonomy .box-image img, #custom_html-2 .box-image img {
    border-radius: 10px;
}

#secondary .widget-title , #custom_html-2 .widget-title{
    text-transform: none;
    font-size: 1.5em;
}

#secondary .is-divider, #flatsome_recent_posts-2 .post_comments {
    display: none;
}

.row.jet-featured, #custom_html-2 {
    margin-left: 0!important;
}


.jet-breadcums {
    background: #f0f0f0; 
    padding:0; 
    margin-bottom:10px
}
.jet-breadcums .col {
    padding-bottom: 0; 
    height:50px ; 
    line-height: 50px;
    overflow: hidden
}

.category-page-row {
    padding-top: 0px;
}

.page-title-inner {
    padding-top: 10px;
    min-height: 40px;
}


/* CSS custome button cart - buy now */
.single .product-short-description {
	display: inline-block;
	margin-top: 15px;
}

.single .isures_buy_now {
	width: 60%;
	float: right;
	margin-right: 0;
    border-radius: 5px;
	font-size: 18px;
	height:70px;
	line-height: 20px;
	padding: 0 10px;
}

button.single_add_to_cart_button.button, .isures_buy_now {
	font-weight: 600
}
button.isures_buy_now span {
	font-weight:300;
	font-size: 13px;
	display: block;
}

.single .product-info .price {
	font-size: 1.2em
}

.ux-quantity.quantity.buttons_added.form-minimal:before {
    content: "Số lượng ";
    line-height: 35px;
    margin-right: 10px;
    font-weight: 700;
	font-size: .9em
}

.single .col-divided {
	border-right:0px;
	padding-right: 0px;
}


.single .button , .single button {
	margin-bottom:0;
}

.single-no-price {
	display: flex;
	align-items: center;
}


.woocommerce-variation-add-to-cart, form.cart {
	align-items: center;
}

.single .single_add_to_cart_button {
	width : 24.5%;
	border-radius: 5px;
	background: -webkit-linear-gradient(45deg,#7BC7F6, #1A69D0);
	border:0; font-size: 12px;
	padding:6px 0;
}

.single .ux-buy-now-button {
	width: 24.5%;font-size: 12px;
	border-radius: 5px;background: #383838;padding:6px 0;
}

.woocommerce-checkout #ez-toc-container, .woocommerce-cart #ez-toc-container {display: none}
























#footer .col-inner {padding-bottom: 0}
#footer p {margin-bottom: 5px; font-size: 15px;}
#footer a {color: #fff}

.copyright-footer {	color: #fff;}

/*Css badge va border product*/

.badge-container {
    margin: 0
}
.badge-circle-inside .badge-inner,
.badge-circle .badge-inner {
    border-radius: 8px 30px 30px 0;
    background: #f00;
    position: relative;
    padding: 0 5px;
}

.badge-circle-inside .badge-inner:after,
.badge-circle .badge-inner:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 15px;
    background: #8b0018;
    bottom: -5px;
    left: 0;
    z-index: -1;
    border-radius: 0 0 0 15px;
    
}

.badge {
    height: 30px;
    width: 50px;
    font-size: 13px;
    margin-left: -3px;
    margin-top: 0px;
}

.product-small.col .badge-container .badge {
    height: 30px;
    width: 60px;
    font-size: 13px;
    margin-left: -8px;
}

.price ins span.amount {color : #8b0018!important; font-size: 16px;}

.products .product-small .badge-container .badge {
    margin-left: -2px;
}

.home-product .col-inner,.row-viewed .col-inner, .products .product-small .col-inner, .related .product-small .product-small .col-inner{
	border-radius:10px; 
}

.home-product .product-small, .row-viewed .col-inner, .products .product-small  .product-small, .related .product-small .product-small  {  
    margin-bottom: 10px;
    padding: 10px 5px;
    background: #ffffff;
    position: relative;
    border-radius: 10px;
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    transition-duration: .3s;
}
.product-small .product-title a{
	font-weight: 600;
	color: #000;
}


.product-small .box-text {
	padding-left: 0.5em;
	padding-right: 0.5em
}

.product-small .product-title a, .post-title a {
	display: block;
 display: -webkit-box;
 max-width: 100%;
 height: 42px;
	font-size: 15px;
 margin: 0 auto;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}

/* CSS BUTTON SLIDER CUSTOM*/
.mfp-arrow, .mfp-counter {color: #000}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer}

.jet-slider .flickity-prev-next-button {
    width: 50px;
}

.jet-slider .flickity-prev-next-button,
.jet-slider .slider-show-nav .flickity-prev-next-button, 
.jet-slider .slider:hover .flickity-prev-next-button {
    opacity: 1;
}

.jet-slider .flickity-prev-next-button svg, 
.jet-slider .slider-nav-circle .flickity-prev-next-button:hover .arrow, 
.jet-slider .slider-nav-circle .flickity-prev-next-button:hover svg {
    background-color: var(--jet-primary);
    border-color: var(--jet-primary)!important;
    padding: 16px;
    fill: #000!important;
    border-radius: 99px
}

.jet-slider .flickity-page-dots {
    bottom: 5%;
    background-color: #fff;
    padding : 10px 20px;
    border-radius: 99px;
    width: max-content;
    margin: 0 auto;
    box-shadow: 0 0 10px #dcdcdc;
}

.jet-slider .flickity-page-dots .dot {
    width: 8px;
    height: 8px;
	border-color: var(--jet-primary);
	background-color: var(--jet-primary);
	opacity: .8
}

.jet-slider .flickity-page-dots .dot.is-selected {
    width: 30px;
    border-radius: 99px;
	border-color: var(--jet-primary);
	background-color: var(--jet-primary)
}

/* CSS PAGINATION CUSTOM */
.nav-pagination li span, .nav-pagination li a{height: 2.75em;    line-height: 2.5em;    min-width: 2.75em; border: 0}
.nav-pagination li a {background: #efefef}