/*
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.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a{
	color: #fff;
}
.header-bottom-nav > li > a{
	font-size: 15px;
}
.header .flex-row{
	
}
div#masthead form.searchform input.search-field {
	background-color: #ededed;
	height: 54px;
	border:none;
	padding: 0 25px;
}
.searchform-wrapper.form-flat .flex-col:last-of-type {
    margin-left: -3.4em;
}
.box-shadow-1, .box-shadow-1-hover:hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover{
	    border: 1px solid #7f6000;
	    box-shadow: none
}
.box-shadow, .box-shadow-2, .box-shadow-2-hover:hover, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover{
	box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
}
.product-small.box a.primary.is-small.mb-0.button{
	width: 100%;
    font-weight: 400;
    font-size: 14px;
    border-radius: 3px;
    border: none;
    padding: 0 5px;
}
.hometab ul li{
	    flex: 2;
    display: inline-flex;
    height: 100%;
}
.hometab ul li a{
	    width: 100%;
    text-align: center;
    background-color: #fff;
    font-weight: 900;
    color: #333;
    font-size: 18px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.hometab ul li.active a,.hometab ul li:hover a{
	border:4px solid #e6dcbe;
}
span.amount{
	    color: #ac2929;
}
a.primary.is-small.mb-0.button{

}
p.name.product-title.woocommerce-loop-product__title{
	margin-bottom: 10px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
	font-size: 15px;
    font-weight: bold;
    color: #857607;
   margin-bottom: 10px;
    text-transform: capitalize;
    display: block;
    margin: 10px 0px;
    height: 36px;
    overflow: hidden;
}
.section-title-bold span, .section-title-bold-center span{
	padding: 0;
	border:none;
}
.section-title a{
	font-weight: 500;
	font-size: 15px;
}
.homeblog .col.post-item>.col-inner{
    border: 1px solid #ccc;
    padding: 15px;
    background: #fff;
}
.list_lydo>.col>.col-inner:hover{
	    background-color: #FFFFFF63;
    box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.1);
}
li.menu-item-has-children ul.sub-menu{
	display: flex;
	flex-direction: column;
}
li.menu-item-has-children ul.sub-menu li{
	position: relative;
	width: 100%;

}
li.menu-item-has-children ul.sub-menu li:hover>ul{
	display: block;
	visibility: visible;
}
a.icon.button{
	border-width:1px;
}
.button i, button i{
	top:0
}
li.menu-item-has-children ul.sub-menu ul{
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 100%;
	display: none;
	visibility: hidden;
}
.single-product .product-main>.row>.col.large-9{
	background-color: #fff;
}
.product-footer .tab-panels{
	border:none;
	padding-left: 0;
	padding-right: 0;
}
.single-product-extras ul{
	list-style: none
}
.single-product-extras ul li{
	margin-left: 0;
}
.single-product-payments {
    margin-bottom: 2em;
    display: inline-block;
    margin-top: 0;
    padding: 0.625em 1.5em 0.625em 1em;
    border-radius: 0.25rem;
    border:1px solid #cbd5e0;
}
.single-product-payments ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.kadence-svg-iconset {
    display: inline-flex;
    align-self: center;
}
.single-product-payments legend {
    padding: 0 0.5em;
    color: #414141;
    border:none;
        margin-bottom: 0;
}
.single-product-payments .payment-custom-img {
    max-height: 30px;
    min-height: 24px;
    width: auto;
}
.single-product-payments .payment-custom-img  img,
.single-product-payments svg{
	max-height: 24px;
}
.archive.category .row.align-center>.large-10.col{
	flex-basis: 100%;
        max-width: 100%;
}
.archive.category .col.post-item>.col-inner{
	background-color: #fff;
	    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
	        height: 100%;
}
.archive.category .col.post-item .box-text-inner.blog-post-inner:after{
	content: "Xem thêm <svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-right-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28"><title>Continue</title><path d="M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z"></path>
				</svg>";
	font-weight: bold;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    color: inherit;
    font-size: 80%;
    margin-top: 15px;
    display: inline-block;
}
.archive.category .col.post-item .box-text{
	padding: 20px;
}
.archive.category  .page-wrapper{
	padding-top: 0;
}
.archive.category h1.page-title.is-large.uppercase{
	font-size: 32px;
	color: #fff;
}
.archive.category  header.archive-page-header{
	background:url(/wp-content/uploads/2025/08/bg1.jpg);
	padding: 50px 0;
	padding-bottom: 30px;
	margin-bottom: 35px;
	background-position: 17% 52%;
}
.single-post article{
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
    background: #fff;
    border-radius: .25rem;
    padding: 30px;
    max-width: 794px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}
.post-thumbnail {
    padding-top: 55%;
    position: relative;
    margin-bottom: -130px;
    z-index: 1;
}
.post-thumbnail img{
	width: 100%;height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
@media screen and (min-width: 850px) {
	.archive.category h5.post-title.is-large{
		    font-weight: 800;
	    font-size: 28px;
	    line-height: 1.2;
	    color: #857607
	}
	.single-post h1.entry-title{
		    font-style: normal;
    font-weight: 800;
    font-size: 60px;
	}
	.header-search-form{
		margin-right: 30px !important;
	}
	div#masthead .flex-right{
		width: 50%;
	}
}
@media screen and (max-width:549px) {
	.hometab ul{
		display: flex;
        overflow-x: auto;
        white-space: nowrap;
        gap: 10px;
        padding: 10px 0;
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 10px;
        margin-top: 10px;
        flex-wrap: nowrap;
	}
	.hometab ul li a{
		font-size: 16px;
	}
	.nav-tabs+.tab-panels{
		padding: 20px;
		padding-bottom: 10px;
	}
}