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

.no-margin {margin: 0 !important}
.no-margin > * {margin: 0 !important}
.no-paddding {padding: 0 !important}
.no-paddding > *{padding: 0 !important}
.row-no-padding-bottom .col{padding-bottom: 0 !important}

.owl-nav.disabled{display: none !important;}
.owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev {left: 0}
.owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next {right: 0;}
.absolute-footer {display: none !important;}

.header-main {
	background: radial-gradient(circle, #406679 0%, #0e1c24 100%);
}
.header-bottom {
	/* background: radial-gradient(circle, #eed389 0%, #713716 100%);*/
}
.box-color-primary .box-text{
	background: radial-gradient(circle, #406679 0%, #0e1c24 100%);
}
#footer .section-bg{
	background: radial-gradient(circle, #406679 0%, #0e1c24 100%);
}
h2.section-title .section-title-main, .color-secondary, [data-text-color=secondary]{
	background: radial-gradient(circle, #eed389 0%, #713716 100%);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.button.primary {
	background: radial-gradient(circle, #406679 0%, #0e1c24 100%);
}
.button.secondary {
	background: radial-gradient(circle, #eed389 0%, #713716 100%);
}
.button.alert {
	background: radial-gradient(circle, #ff4c4d 0%, #b10606 100%);
}
ul li.bullet-arrow:before, ul li.bullet-checkmark:before, ul li.bullet-star:before {
	background: radial-gradient(circle, #eed389 0%, #713716 100%);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.nav>li>a {
	padding-left: 8px;
	padding-right: 8px;
}

.tieu-de-bai-viet {
	font-size: 14px;
	margin-top: 8px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bai-viet-lien-quan {
	margin-top: 20px;
}
#comments {display: none;}
.blog-wrapper.blog-archive.page-wrapper {
	padding-top: 0;
}

.product-small.box {
	.product-title a {
		font-weight: 700;
		color: #713716;
		margin: 8px 0;
		font-size: 16px;
	}
	.category {
		text-transform: inherit;
		font-weight: 700;
	}
	& > span.amount {
		font-size: 16px;
	}
	ins span {
		font-size: 16px;
	}
	del span {
		font-size: 14px !important;
	}
}
.price {
	display: flex !important;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 10px;
	& > span.amount {
		
		color: #dc3545;
	}
	ins span {
		
		color: #dc3545;
	}
	del span {
		font-size: 0.8em !important;
	}
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}