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

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--secondary-color: #faa634;
}
::-webkit-scrollbar {
	width: 5px;
}
::-webkit-scrollbar-track {
	background: #F5F5F5; 
	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	background: #8C8C8C; 	
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background: #8C8C8C; 
}
body{
	overflow: hidden;
	font-family: "Roboto", sans-serif;
}
#main, #wrapper{
	background-color: #f2f4f7;
}
*{
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
	color: var(--primary-color);
}
img{
	max-width: 100%;
}	
.col-inner:last-child{
	padding-bottom: 0;
}
a{
	transition: all .25s ease;
}
p{
	margin: 0;
}
.html_topbar_left h3 {
	color: #fff;
	margin: 0;
}
.header-search-form-wrapper .searchform{
	border-radius: 50px;
	overflow: hidden;
	border: 1px solid #EBEBEB;
}
.header-search-form-wrapper .searchform #woocommerce-product-search-field-0 {
	border: 0;
	box-shadow: none;
	height: 45px;
	font-size: 14px;
}
button.ux-search-submit.submit-button {
    height: 45px;
    padding: 4px 25px;
    background-color: var(--primary-color) !important;
}
.search-form-categories .search_categories {
    height: 20px;
    font-size: 13px;
    padding: 0px 20px;
    box-shadow: none;
    border: 0;
    border-right: 1px solid #ebebeb;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
	background-color: #fff;
}
.back-to-shop {
    display: block;
    width: max-content;
    background: var(--primary-color);
    color: #fff !important;
    padding: 10px 24px;
    font-weight: 600;
    border-radius: 6px;
    margin: 12px auto;
}
.back-to-shop:hover{
	background-color: var(--secondary-color);
}
.header-cart-title {
    font-size: 14px;
}
.frame-html-1 a {
    color: #fff;
    margin: 0px 6px;
}
.frame-html-1 a:hover {
    color: var(--secondary-color);
}
.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
    height: 2px !important;
    width: 20px !important;
    border-radius: 8px;
}
.mota-slide * {
    color: #fce3b3 !important;
    font-weight: 600;
    font-size: 20px;
}
.iconbox-futured h3 {
    font-size: 16px;
    margin: 0;
}
.iconbox-futured p {
    font-size: 13px;
}
.title-sale-online {
    align-items: center;
    justify-content: center;
}
.title-sale-online h2{
    font-size: 36px;
    color: var(--primary-color);
    width: max-content;
}
.title-sale-online .icon-box-text {
    width: max-content !important;
    display: block !important;
    flex: 0;
    margin: 0;
}
.title-sale-online .icon-box-img {
    margin: 0;
}
.end-sale-day {
    background: #71bbff;
    border-radius: 55px;
    border: 5px solid #f2f4f7;
    padding: 6px 24px !important;
}
.end-sale-day .ux-timer span strong {
    display: none;
}
.end-sale-day h3 {
    color: #fff;
}
.end-sale-day .ux-timer span {
    padding: 5px;;
    font-size: 18px;
    background-color: #fff;
    color: #71bbff;
    width: 24px !important;
    height: 24px !important;
}
.end-sale-day > .col-inner {
    display: flex;
    gap: 4px;
}
.end-sale-day .ux-timer{
    margin: 0;
}
.end-sale-day h3 {
    color: #fff;
    white-space: nowrap;
    font-size: 16px;
    margin: 0;
}
.end-sale-day > .col-inner .text {
    display: flex;
    align-items: center;
}
.product-homepage .image-cover{
    border-radius: 10px;
    overflow: hidden;
}
.product-homepage .image-cover a:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/09/frame_1.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.shop-container .col-inner .box-image .image-none a{
    padding: 20px !important;
}
.shop-container .col-inner .box-image .image-none a:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/09/frame_1.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
}
.shop-container .col-inner .box-image{
    padding-top: 0;
}
.shop-container .col-inner .box-image a img{
    object-fit: contain !important;
    object-position: center !important;
    width: 100% !important;
    height: 267px !important;
    position: relative;
}
.product-homepage .image-cover a img, .product-homepage:hover .image-cover a img {
    padding: 20px !important;
    object-fit: contain !important;
    object-position: center !important;
    width: 100% !important;
    height: 100% !important;
}

.product-homepage .product-title a{
    font-weight: 600;
}
.product-homepage .price bdi{
    color: #ff3c02;
    font-size: 18px;
}
.slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg {
    padding: 10px;
    background: #fff !important;
    border-color: #fff !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg{
    fill: #000 !important;
}
.cat-pro-homapage .box-image {
    width: 60% !important;
}
.slider-style-container .flickity-slider>:not(.is-selected), .slider-style-focus .flickity-slider>:not(.is-selected), .slider-style-shadow .flickity-slider>:not(.is-selected){
    opacity: 1;
}
.cat-pro-homapage .col{
    padding-bottom: 0;
}
.tab-homepage .nav a {
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    margin: 8px;
    font-size: 16px;
    color: var(--primary-color);
}
.tab-homepage .nav a:hover, .tab-homepage .nav li.active a:hover {
    color: #fff;
    background-color: var(--primary-color);
}
.tab-homepage .tab-panels .col-inner, .month-brand .col-inner {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    transition: all .25s ease;
}
.tab-homepage .tab-panels .col-inner:hover, .month-brand .col-inner:hover{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.month-brand .price bdi {
    font-size: 16px;
}
.gallery-logo .box-text {
    padding: 0;
}
.slide-banner-ct img {
    border-radius: 8px;
}
.slide-banner-ct .col {
    padding-bottom: 40px;
}
.entry-content p {
    margin-bottom: 6px;
}
.post-edit-hp .col-inner {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}
.post-edit-hp .from_the_blog_excerpt, .blog-wrapper.blog-archive .box-text .from_the_blog_excerpt {
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.post-edit-hp .post-title a, .product-homepage .product-title a, .blog-wrapper.blog-archive .box-text .post-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow,
.slider .flickity-prev-next-button svg, .slider .flickity-prev-next-button .arrow {
    background: #fff !important;
    border-color: #fff !important;
    padding: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.ul-footer h2 {
    color: var(--primary-color);
    font-size: 20px;
}
.ul-footer ul li{
    list-style-type: none;
    margin-left: 0;
    border-bottom: 1px solid #999;
    padding-bottom: 8px;
    transition: all .25s ease;
}
.ul-footer ul li:last-child{
    border-bottom: 0;
}
.ul-footer ul li:hover{
    border-color: var(--primary-color);
}
.ul-footer ul li:hover a{
    color: var(--primary-color);
    margin-left: 4px;
}
.ul-footer ul li a{
    display: block;
}
.image-tools.grid-tools {
    /*opacity: 1;*/
    /*transform: none;*/
    top: 0;
    right: 0;
    width: max-content;
    height: max-content;
}
.image-tools.grid-tools a {
    position: relative;
    border: 1px solid #999;
    width: 36px;
    height: 36px;
    top: 10px;
    right: 10px;
    background: #333;
    border-radius: 8px;
    padding: 6px;
}
.image-tools.grid-tools a:after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2025/09/eye.png);
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: invert(1);
}
.form-tu-van input, .form-tu-van select, .form-tu-van textarea {
    height: 45px;
    border-radius: 4px;
    box-shadow: none !important;
}
.form-two-col p {
    display: flex;
    gap: 15px;
}
.blog-wrapper.blog-archive .col-inner {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    transition: all .25s ease;
}
.blog-wrapper.blog-archive .col-inner:hover{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.blog-wrapper.blog-archive .col-inner .box-text {
    padding: 15px;
}
.widget {
    padding: 15px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}
.widget .is-divider {
    display: none;
}
.widget-title {
    margin-bottom: 12px;
    display: inline-block;
}
.widget ul li a:hover {
 color: var(--primary-color);
}
.recent-blog-posts-li .badge {
    width: 105px;
    height: 55px;
    border-radius: 3px;
    overflow: hidden;
}
.recent-blog-posts-li a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    margin: 0;
    line-height: 1.4;
}
.tagcloud {
    padding: 0;
}
.recent-blog-posts-li:last-child .recent-blog-posts, .cat-item:last-child a{
    padding-bottom: 0;
}
.tab-maplocal .nav a {
    font-size: 20px;
    border-radius: 6px;
}
.tab-maplocal .nav li {
    margin-bottom: 12px;
}
.tab-maplocal .nav a {
    font-size: 20px;
    border-radius: 6px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color) !important;
}
.tab-maplocal .nav li.active a {
    color: #fff !important;
}
.nav-vertical+.tab-panels{
    border: 0;
}
.shop-container .col-inner {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}
.shop-container .col-inner .box-text{
    padding: 15px;
}
.shop-container .col-inner .box-text .price bdi{
    color: #ff3c20;
    font-size: 16px;
}
.blog-single .article-inner {
    background: #fff;
    border-radius: 6px;
    padding: 15px;
}
.post_comments {
    display: none;
}
.product-main .product-gallery {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 15px !important;
}
.product-main .product-info {
    margin-left: 30px;
    background: #fff;
    padding: 15px !important;
    border-radius: 6px;
}
.product-short-description {
    border-left: 1px solid var(--primary-color);
    padding: 15px;
    border-radius: 8px;
    background: #284ea112;
    margin: 15px 0;
}
.product-short-description ul, .product-short-description ul li:last-child{
    margin-bottom: 0;
}
.product-info .price-wrapper bdi {
    color: #ff3c02;
    font-size: 30px;
}
.product-thumbnails img {
    height: 100px;
    object-fit: contain !important;
}
.product-footer .container {
    padding-left: 0;
    padding-right: 0;
}
.product-footer .container .woocommerce-tabs {
    background: #fff;
    padding: 15px !important;
    border-radius: 6px;
}
.product-footer .container .woocommerce-tabs .nav {
    display: none;
}
.product-footer .tab-panels {
    padding: 0;
}
.product-footer .related.related-products-wrapper {
    margin-top: 15px;
}
form.cart {
    margin: 0;
}
.icon-detail-product {
    align-items: center;
    margin-bottom: 15px;
}
form.woocommerce-cart-form {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
}
.woocommerce .shop_table {
    margin: 0;
}
.woocommerce .shop_table button.button, .woocommerce .shop_table a {
    margin-bottom: 0;
}
.shop_table .actions {
    padding-bottom: 0;
}
.wc-block-components-main  .wc-block-components-form .wc-block-components-checkout-step {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    padding-bottom: 0;
}
.wp-block-woocommerce-checkout-shipping-method-block, .wp-block-woocommerce-checkout-pickup-options-block,
.wc-block-components-product-metadata__description {
    display: none;
}
.wc-block-checkout__order-notes {
    padding: 15px !important;
}
.wp-block-woocommerce-checkout-order-summary-block {
    border: 0;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}
.wc-block-checkout__sidebar .wc-block-components-product-name {
    font-size: 14px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background: var(--primary-color);
    color: #fff;
    font-size: 20px;
    padding: 4px;
    border-radius: 8px;
}
.woocommerce-bacs-bank-details, .woocommerce-order-details, .woocommerce-customer-details {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    padding-bottom: 1px;
    margin-bottom: 30px;
}
.is-well {
    box-shadow: none;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}
.cart-sidebar.col-inner {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}








@media (min-width: 998px) {
    .off-canvas .off-canvas-cart {
        width: 520px;
    }
}
@media(max-width: 998px){
    .end-sale-day .ux-timer span {
        font-size: 16px;
    }
    .product-homepage .image-cover a img {
        padding: 15px !important;
    }
    .title-sale-online h2 {
        font-size: 26px;
    }
}