/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@font-face {
  font-family: 'UTM-AVO';
  src: url(fonts/UTM-Avo.otf);
  font-weight: normal;
}
@font-face {
  font-family: 'UTM-AVOBOLD';
  src: url(fonts/UTM-AVOBOLD.TTF);
}
@font-face {
  font-family: Drayton;
  src: url(fonts/DFVN-ED-Drayton.otf);
}
/*************** ADD CUSTOM CSS HERE.   ***************/
body {
	font-family: 'UTM-AVO';
}
h1, h2, h3, h4, h5, h5, strong, b {
	font-family: 'UTM-AVOBOLD';
	font-weight: bold;
}
.drayton {
	font-family: Drayton;
}
.txt-custom .drayton {
	font-size: 30px;
}
.section > .section-content > .row > .col {
	padding-bottom: 0;
}
p {
	margin-bottom: 10px;
}
p:last-child {
	margin-bottom: 0;
}
.stuck .header-bg-color {
	background-color: #2E1805;
}
img.size-full.alignnone {
	margin-bottom: 0;
}
.nav-uppercase>li>a {
	font-weight: bold;
}
.nav-spacing-xlarge>li {
	margin: 0 25px;
}
.header-bottom-nav > li > a {
	font-size: 16px;
	font-weight: normal;
}
.header-bottom-nav > li.active > a {
	font-family: 'UTM-AVOBOLD';
}
.header-bottom .flex-center ul.header-nav.header-bottom-nav {
	border-top: 1px solid #FAF4E9;
}
.transparent .header-bottom-nav > li > a {
	color: #FAF4E9;
}
.transparent .header-bottom-nav > li.active > a {
	color: #FAF4E9;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
label {
	font-weight: normal;
	color: #9F6B43;
}
.banner h2 {
	font-size: 40px;
}
.line-right {
	position: absolute;
    z-index: 2;
    left: -30%;
    top: 25%;
}
.line-left {
	position: absolute;
    z-index: 2;
    right: -30%;
    top: 21%;
}
.white.button.is-outline.btn-custom {
	border: 1px solid #fff;
	color: hsl(27deg 47% 32% / 50%) !important;
}
.custom-font .drayton {
	font-size: 55px;
}
.txt-slogan .drayton {
	font-size: 40px;
}
input.wpcf7-form-control {
	height: 50px;
	border-radius: 3px;
	border: 1px solid #D9D9D9;
	box-shadow: none;
}
.wpcf7-spinner {
	display: none;
}
.but-send input {
    margin-bottom: 0;
	min-width: 196px;
    line-height: 32px;
    height: 45px;
    background: #764D2B !important;
}
.but-send a.button {
	background: #2E1805  !important;
	height: 45px;
}
textarea.wpcf7-form-control {
	border-radius: 3px;
	border: 1px solid #D9D9D9;
	box-shadow: none;
}
.single-project .section-form,
.tax-project_cat .section-form {
	display: none;
}
@media (min-width: 850px) {
	.row-kb .col {
		max-width: 20%;
		flex-basis: 20%;
	}
}
.row-kb .col .col-inner:hover {
	background-image: url(images/bg-kb.png);
	background-size: cover;
	border-radius: 6px;
	color: var(--primary-color);
}
.row-kb .col .col-inner:hover h4 {
	color: var(--primary-color);
}
.row-kb .col .col-inner:hover p {
	color: var(--primary-color);
	font-weight: bold;
}
.row-kb .col .col-inner:hover .is-divider {
	background-color: var(--primary-color) !important;
}
.row-kb .col .col-inner:hover .is-border {
	border-color: var(--primary-color);
	border-radius: 6px;
}
.heading-custom h2 span.drayton {
	font-size: 50px;
	font-weight: normal;
	margin-right: 5px;
}
.banner p {
	margin-top: 0;
}
.banner .drayton {
	font-weight: normal;
	font-size: 50px;
}
.white.button.is-outline {
	color: #FAF4E9 !important;
}
.white.button.is-outline:hover {
	color: #764D2B !important;
}
.button.is-outline {
	border: 1px solid;
}
.icon-box-img img, .icon-box-img svg {
	padding-top: 0;
}
.list-nav {
	background-color: rgb(118 118 128 / 12%);
	border-radius: 30px;
	padding: 4px;
	max-width: 857px;
	margin: auto;
	margin: 50px auto;
}
.list-nav .children {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.list-nav .children .cat-item {
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 30px;
	width: 100%;
	padding: 3px 6px;
}
.list-nav .children .cat-item.active, 
.list-nav .children .cat-item:hover {
	background-color: #fff;
}

.col-item .box-image {
	overflow: hidden;
}
.col-item .box-image img {
	height: 412px;
	object-fit: cover;
	transition: transform 0.5s ease; /* Thêm hiệu ứng chuyển đổi mượt mà */
  transform: scale(1); /* Khi không hover, ảnh có kích thước bình thường */
}
.col-item .box:hover .box-image img {
	transform: scale(1.1); /* Phóng to ảnh lên 10% */
}
.col-item h4 {
	margin-bottom: 0;
	font-size: 16px;
}
.col-item .box_text {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}
.col-item .box_text .box_text-left {
	margin-right: 10px;
}
.col-item .readmore {
	background-color: #fff;
	border-radius: 6px;
	font-family: 'UTM-AVOBOLD';
	font-size: 16px;
	color: var(--primary-color);
	width: 156px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.col-item .box:hover .readmore {
	background-color: var(--primary-color);
	color: #fff;
}
ul.links {
	margin: 0 auto 50px;
}
.nav-pagination>li>a, .nav-pagination>li>span {
	border: 1px solid;
	border-radius: 4px;
}
.single-project .article-inner {
	padding: 50px 0 20px;
}
.single-project .entry-content {
	padding-bottom: 0;
}
.single-project .entry-content img {
	margin-bottom: 30px;
}
.single-title {
	font-size: 20px;
}
.single-des {
	text-align: justify;
	margin-bottom: 20px;
	font-size: 14px;
}
.single-information-box ul {
	margin-bottom: 0;
}
.list-info li {
	list-style: none;
	display: flex;
	border-bottom: 1px solid #999999;
	padding-bottom: 15px;
}
.list-info li:last-child {
	border-bottom: none;
}
.list-info li strong.tit {
	width: 60%;
	margin-right: 10px;
}
.single-thumb img {
	height: 580px;
	object-fit: cover;
}
.single .page-wrapper,
.archive .page-wrapper {
	padding-top: 0;
}
.category .col.post-item:nth-child(1),
.category .col.post-item:nth-child(4) {
	max-width: 100%;
	flex-basis: 100%;
}

.category .col.post-item:nth-child(1) .box-text,
.category .col.post-item:nth-child(4) .box-text {
	padding-top: 30px;
}
.category .col.post-item:nth-child(1) .post-title,
.category .col.post-item:nth-child(4) .post-title {
	text-align: center;
	font-size: 30px;
	color: var(--primary-color);
}
.category .col.post-item:nth-child(1) .post-meta,
.category .col.post-item:nth-child(4) .post-meta {
	 color: #764D2B;
	 font-size: 14px;
	 text-align: center;
}
.category .col.post-item:nth-child(1) .from_the_blog_excerpt,
.category .col.post-item:nth-child(4) .from_the_blog_excerpt {
	font-size: 16px;
	color: #011422;
} 
.box-blog-post .is-divider {
	display: none;
}
.from_the_blog_excerpt {
	text-align: justify;
	color: #333;
}
.col.post-item .post-meta {
	margin: 10px 0;
}
.col.post-item .post-title {
	color: var(--primary-color);
	font-size: 16px;
}
.col.post-item .box-text {
	padding-top: 20px;
}
.col.post-item .box-image img {
	transition: transform 0.5s ease; /* Thêm hiệu ứng chuyển đổi mượt mà */
  transform: scale(1); /* Khi không hover, ảnh có kích thước bình thường */
}
.col.post-item .col-inner:hover .box-image img {
	transform: scale(1.1); /* Phóng to ảnh lên 10% */
}
.category .banner+.row:not(.row-collapse) {
	margin-top: 0;
}
.entry-content.single-page {
	text-align: justify;
	padding-top: 0;
}
.radius img {
	border-radius: 10px;
}
.box-form {
	margin: 0 -15px;
}
.product-details, .contact-form {
	width: 50%;
	float: left;
	padding: 0 15px;
}
.product-details img {
	height: 260px;
	margin-right: 20px;
	float: left;
}
.product-details ul li {
	list-style: none;
}
.product-details .amount {
	color: #ef0000;
	font-family: 'UTM-AVOBOLD';
}
.contact-form button {
	color: #faf4e9;
}
.contact-form button:hover {
	background-color: #2e1805;
}
.ux-swatch--label {
	width: initial;
	height: 50px;
	padding: 2px 11px;
	background-color: #F9F9F9;
	border: none !important;
}
.variations_form .ux-swatch:hover {
	border: 1px solid #b45f06;
	background-color: #b45f06;
	color: #fff;
}
.variations_form .ux-swatch.selected {
	background-color: #b45f06;
	color: #fff;
}
.ux-swatch--label span {
	white-space: normal;
	text-align: center;
}
.single_add_to_cart_button {
	text-transform: none;
	font-family: 'UTM-AVOBOLD';
}
.variations label {
	color: #333333;
	font-family: 'UTM-AVOBOLD';
}
.price .amount {
	color: #E01313;
	font-size: 18px;
	font-family: 'UTM-AVOBOLD';
}
.btn-single.button {
	background-color: #2E1805 !important;
	font-family: 'UTM-AVOBOLD';
}
.box-brand-sku {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.block-bst-info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.bst-info a {
	color: #333333;
	text-decoration: underline;
	font-style: italic;
}
.showroom-info a {
	color: #2E1805;
	text-decoration: underline;
	font-style: italic;
}
.block-accordion .accordion {
	margin-bottom: 15px;
}
.block-accordion .accordion-item .accordion-title {
	border: 1px solid #fff;
	border-radius: 10px;
	font-size: 16px;
	color: #2E1805;
	background-color: #F9F9F9;
	padding-left: 15px;
}
.block-accordion .accordion .toggle {
	left: auto;
	right: 0;
}
.block-accordion .accordion-inner {
	padding: 15px;
	background-color: #f9f9f9;
	border-radius: 10px;
	text-align: justify;
	margin-top: 5px;
}
.woocommerce-tabs .nav>li>a {
	font-size: 18px;
	color: #764D2B;
	font-family: 'UTM-AVOBOLD';
}
.woocommerce-tabs .nav-line>li:hover>a:before,
.woocommerce-tabs .nav-line>li.active>a:before {
	display: none;
}
.slider-nav-reveal .flickity-prev-next-button.previous, 
.slider-nav-reveal .flickity-prev-next-button.next {
	background-color: transparent !important;
	box-shadow: none;
}
.product-small .price-wrapper {
	display: none;
}
.related {
	border-top: none;
}
.related .product-section-title-related {
	display: none;
}
.block-dm .icon-box-center .icon-box-img {
	margin-bottom: 0;
}

.slick-arrow {
	margin: 0;
  display: block;
  width: auto;
  height: auto;
  border: none;
  background-color: transparent;
  border-radius: 99px;
  padding: 0;
  text-align: center;
  line-height: 0;
  font-size: 30px;
  position: absolute;
  top: 35%;
  z-index: 2;
  min-height: auto;
}
.slick-arrow.slick-prev {
	left: -30px;
}
.slick-arrow.slick-next {
	right: -30px;
}

.page-id-20 .section-form {
	display: none;
}
.variations td, .variations th {
	width: 50px;
}
.product-price-container {
	float: left;
	padding-top: 4px;
}
.stock {
	display: inline-block;
	float: right;
}
p.in-stock {
	color: #333;
}
.woocommerce-variation-add-to-cart.variations_button {
	display: flex;
	align-items: center;
}
.woocommerce-variation-add-to-cart.variations_button .yith-wcwl-add-to-wishlist-button__label {
	display: none;
}
.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
	margin-right: 10px;
}
.quantity+.button {
	margin-bottom: 0;
}
.wrap_svl_center_box {
	display: block;
}
.wrap_svl {
	float: none;
}
.slider-banner-home .images_wrap img {
	width: 100%;
}
td:first-child, th:first-child {
	padding-left: 10px;
}
.cust-hot {
	position: relative;
}
.cust-hot span {
	width: 300px;
	/*height: 300px;*/
	background: #fff;
	display: block;
	position: absolute;
    bottom: 0;
    left: 0px;
    visibility: hidden;
    padding: 15px;
    text-align: center;
}
.cust-hot span img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.cust-hot:hover span {
	visibility: visible;
}
/* */
.product-title.entry-title {
	font-size: 20px;
}
.box-brand-sku {
	font-size: 16px;
}
/* */
.tax-product_cat .block-header-custom img {
	width: 100%;
	height: auto;
}
/*.shop-page-title .page-title-inner > .flex-grow {
	display: none;
}*/
.cus-widget  {
	display: flex;
}
.cus-widget .widget {
	width: 279px;
	margin-right: 160px;
}

.bts-custom .recently_viewed {
	display: none;
}
.bts-custom .product-small.col {
	max-width: 50%;
	flex-basis: 50%;
}
.bts-custom .product-small.col .product-title {
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'UTM-AVOBOLD';
}
.bts-custom .product-small.col .box-text {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bts-custom .section-form {
	display: none;
}
.bts-custom .product-explore-btn-wrapper {
	display: inline-block;
}
.bts-custom .product-explore-btn-wrapper .button {
	margin: 0;
	border-radius: 4px;
}
.product-explore-btn-wrapper {
	display: none;
}
.bts-product-section-title-related {
	margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.block-bst-info {
		display: block;
	}
	.nav>li>a>i.icon-menu {
		color: #fff;
	}
	.banner h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.custom-font .drayton {
		font-size: 40px;
	}
	h2 {
		font-size: 25px;
	}
	.t-h2 h2 {
		font-size: 23px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}
	.heading-custom h2 span.drayton {
		font-size: 45px;
	}
	.txt-custom .drayton {
		line-height: 20px;
	}
	.col-item .box-image img {
		height: 265px;
	}
	.list-info li strong.tit {
		width: 40%;
	}
	.single-project .entry-content {
		padding-top: 0;
	}
	.single-information-box ul {
		margin-bottom: 0;
	}
	.single-information-box ul li:last-child {
		margin-bottom: 0;
	}
	.single-thumb img {
		height: 380px;
	}
	.single-project .article-inner {
    padding: 20px 0 20px;
	}
	.list-nav {
		margin: 30px 0;
	}
	.list-nav .children .cat-item {
		font-size: 12px;
	}
	.category .col.post-item:nth-child(1) .post-title, .category .col.post-item:nth-child(4) .post-title {
		font-size: 20px;
	}
	.product-details, .contact-form {
		width: 100%;
	}
	.product-details img {
		height: auto;
		margin-bottom: 20px;
	}
	.product-details ul li {
		margin-left: 0;
	}	
	.slick-arrow.slick-next {
		right: 10px;
	}
	.slick-arrow.slick-prev {
		left: 10px;
	}
	.point_style img {
		width: 40px;
	}
	.footer-wrapper .wpcf7-form,
	.footer-wrapper .wpcf7-form input[type=submit] {
		margin-bottom: 0;
	}
	/* */
	.cus-widget {
		display: block;
	}
	.cus-widget .widget {
	    width: 100%;
		margin: 0 0 15px;
	}
	.searchform .flex-row {
		display: block;
	}
	.searchform .flex-col {
		padding: 0;
	}
	.searchform .ux-search-submit {
		position: absolute;
		right: 0;
		top: 0;
		z-index:1;
	}
	.woocommerce-ordering {
		width: 100%;
		top: -10px;
		position: relative;
	}
	.woocommerce-ordering select {
		margin: 0;
	}
	.box-brand-sku {
		display: block;
	}
	.variations_form  th:first-child {
		padding-left: 0;
	}
	.ux-swatch--label {
		height: 30px;
	}
	.fon-22 h2 {
		font-size: 22px;
		margin-bottom: 16px;
	}
	.wpcf7 span.wpcf7-list-item.last {
		margin-right: 0;
	}
	.form-delaitt input.wpcf7-form-control,
	.form-delaitt select,
	.form-delaitt .wpcf7-list-item-label,
	.form-delaitt input::placeholder {
		font-size: 14px;
	}
	.but-send .button  {
		padding: 10px 20px 10px 20px !important;
	}
	.but-send input {
		min-width: 140px;
		width: 140px;
	}
	
	.bts-custom .product-explore-btn-wrapper {
		margin-top: 8px;
	}
	.bts-custom .product-small.col {
		max-width: 100%;
		flex-basis: 100%;
	}
}
/* */
body .flickity-page-dots .dot {
	height: 6px;
	width: 6px;
}

@media only screen and (min-width: 800px) {
	.product-small.box .box-image img {
		height: 250px;
		object-fit: contain;
	}

	.bts-custom .product-small.box .box-image img {
		height: 384px;
		object-fit: contain;
	}
}