/*
 * Theme Name: Loan Cosmetic
 * Theme URI: https://qqngoc.net
 * Author: qqngoc
 * Author URI: https://qqngoc.net
 * Description: WordPress Theme website Yankocosmeti.
 * Version: 3.15.6
 * Template: flatsome
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
/* Màu xanh ngọc #49991e */
/* Màu ghi #ececec */
/* Màu văn bản rgba(102,102,102,0.85)
màu hồng: #d2185f;
màu vàng cam: #ff8d00;
facebook: #3a589d;
tiktok: #111;
pinterest: #cb2320;
youtube: #c33223;
twitter: #1DA1F2;
https://www.facebook.com/Myphamhieutongbuonhanoi
https://www.youtube.com/channel/UC8mrvBaBnCGXUywwxM-oiWw
*/
a {
	transition: color .2s;
}
.uppercase, h6, th, span.widget-title {
	letter-spacing: normal;
	font-weight: bold;
}
.icon-box-left, .icon-box-right {
	flex-wrap: nowrap;
}
.sticky {
	position: sticky;
	top: 0;
}
.col>.col {
	padding-left: 0;
	padding-right: 0;
}
.ux_products2.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
	height: 36px;
	top: 50%;
	bottom: auto;
	margin-top: -33px;
}
.ux_products2 .item.col {
	padding-bottom: 0;
}
.header-social-icons a {
	color: #ff8d00;
}
.header-social-icons a.facebook {
	color: #3a589d;
}
.header-social-icons a.tiktok {
	color: #000;
}
.header-social-icons a.pinterest {
	color: #cb2320;
}
.header-social-icons a.youtube {
	color: #c33223;
}
.header-social-icons a.twitter {
	color: #1da1f2;
}
#product-sidebar .sticky {
	top: 55px;
}
.header-block-block-1 {
	width: 152px;
}
.header-block-block-1 .icon-box-text {
	white-space: nowrap;
}

.single-product-title-wrap,
.single-product-price-wrap,
.product-info .stock {
	padding: 15px;
	border: #ececec 2px solid;
	margin-bottom: 15px;
	text-align: center;
}
.single-product-title-wrap {
	padding-bottom: 5px;
}
.single-product-price-wrap form.cart {
	margin-bottom: 0;
}
.product-main {
	padding-bottom: 0;
}
.product-thumbnails .flickity-prev-next-button {
	top: 50%;
	bottom: auto;
	margin-top: -19px;
}
.product-info .price {
	font-size: 1rem;
	margin-bottom: 1rem;
}
.product-info .price .price-label {
	display: inline-block;
	margin-right: 5px;
}
span.amount {
	color: #f00;
}
.product-summary .quantity-label {
	display: inline-block;
	margin-bottom: 1rem;
	vertical-align: middle;
}
.box-text.box-text-products {
	padding-left: 10px;
	padding-right: 10px;
}
.woocommerce-LoopProduct-link {
	font-size: 14px;
    line-height: 20px;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 40px;
	transition: color .3s;
}
.woocommerce-LoopProduct-link:focus,
.woocommerce-LoopProduct-link:hover {
	color: #49991e;
}
.product-page-accordian {
	margin-bottom: 40px;
}
.product-footer .product-section {
	margin-bottom: 20px;
}
.product-section-title {
	margin-bottom: 30px;
}
.product-section-title,
.section-title-normal {
	background-color: #ececec;
	border-bottom-color: #d2185f;
}
.product-section-title span,
.section-title-normal span {
	display: inline-block;
	border-bottom-color: #d2185f;
	padding: 5px 15px;
	background-color: #49991e;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
}
.section-title-normal a {
	font-weight: normal;
	margin-right: 15px;
	color: #49991e;
}

.section-title-normal a i:before {
	vertical-align: middle;
}
.product-section-title span {
	border-bottom: #d2185f 2px solid;
}
.product-small.box {
	border: #ececec 1px solid;
}
.section-title-container {
	margin-bottom: 1em;
}
.footer-2 {
	padding-bottom: 30px;
}
.breadcrumbs a {
	color: #222;
}
.woocommerce-checkout-review-order-table th {
	white-space: nowrap;
}
.product-short-description {
	/*border: #ececec 1px solid;*/
	
}
#shop-sidebar .widget,
#product-sidebar .widget,
.post-sidebar .widget {
	border: #ececec 1px solid;
	padding: 0 10px 10px;
}
#shop-sidebar h3.widget-title,
#product-sidebar h3.widget-title,
.post-sidebar h3.widget-title,
#shop-sidebar span.widget-title,
#product-sidebar span.widget-title,
.post-sidebar span.widget-title {
	display: block;
	font-weight: normal;
	font-size: 18px;
	padding: 10px;
	background-color: #49991e;
	color: #fff;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
}
#shop-sidebar .is-divider,
#product-sidebar .is-divider,
.post-sidebar .is-divider {
	display: none;
}
#shop-sidebar .widget.widget_media_image,
#product-sidebar .widget.widget_media_image,
.post-sidebar .widget.widget_media_image,
#shop-sidebar .widget.widget_custom_html,
#product-sidebar .widget.widget_custom_html,
.post-sidebar .widget.widget_custom_html {
	padding: 0;
}
.product-page-accordian .accordion-item {
	border-left: #ececec 1px solid;
	border-right: #ececec 1px solid;
}
.product-page-accordian .accordion-item:last-child {
	border-bottom: #ececec 1px solid;
}
#shop-sidebar .widget.widget_search,
#product-sidebar .widget.widget_search,
.post-sidebar .widget.widget_search {
	border: 0;
	padding: 0;
}
#shop-sidebar .widget.widget_search form,
#product-sidebar .widget.widget_search form,
.post-sidebar .widget.widget_search form {
	margin-bottom: 0;
}
.widget .current-cat>a {
	color: #49991e;
	font-weight: normal;
}
.product-small.box .price-wrapper a {
	display: block;
	text-align: center;
	padding: 5px 8px;
	margin-top: 10px;
	background-color: #49991e;
	color: #fff;
	font-size: 13px;
	border-radius: 3px;
	white-space: nowrap;
	transition: background-color .2s;
	-ms-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-webkit-transition: background-color .2s;
	-o-transition: background-color .2s;
}
.product-small.box .price-wrapper a:focus,
.product-small.box .price-wrapper a:hover {
	background-color: #ff8d00;
}
body.page h1.entry-title {
	text-transform: none;
	font-weight: normal;
}
.ux-menu-link--active .ux-menu-link__link,
.ux-menu-link:hover .ux-menu-link__link,
.widget a:focus,
.widget a:hover,
.section-title-normal a:focus,
.section-title-normal a:hover {
	color: #ff8d00;
}
.widget_wc_attribute_links .wc-layered-nav-term.current a {
	color: #ff8d00;
}
del span.amount {
	opacity: 1;
}
.contact-price {
	color:#f00;
	font-weight: bold;
}
.product-info p.stock {
	color: #f00;
	font-size: 18px;
	font-weight: 400;
}

.footer-widgets .widget-title {
	color: #49991e;
	font-size: 18px;
}
.breadcrumbs {
	font-weight: normal;
}
.breadcrumbs a:last-child {
	color: #999;
}
.widget_layered_nav .woocommerce-widget-layered-nav-dropdown .select2-container .selection .select2-selection--multiple {
	padding-top: 0;
	padding-bottom: 0;
}
.widget_layered_nav form.woocommerce-widget-layered-nav-dropdown {
	margin-bottom: 0;
	text-align: center;
}
.widget_layered_nav .woocommerce-widget-layered-nav-dropdown .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	margin-top: 10px;
}
.widget_layered_nav .woocommerce-widget-layered-nav-dropdown .select2-container .selection .select2-selection--multiple .select2-selection__choice {
	padding-top: 0;
	padding-bottom: 0;
}
.widget_layered_nav .woocommerce-widget-layered-nav-dropdown .select2-container .select2-search__field {
	height: 22px;
}
.woocommerce-widget-layered-nav-dropdown__submit {
	margin-top: 12px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	color: #fff;
}
#main ul {
/*	padding-left: 25px;*/
}
.back-to-top {
	bottom: 50%;
	margin-bottom: -35px;
}

.hotline-fixed {
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: flex;
	align-items: center;
}
.hotline-fixed .hotline {
	display: block;
	background-color: #f00;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	border-radius: 30px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 16px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
}
.hotline-fixed .zalo {
	display: block;
	width: 46px;
	height: 46px;
	border-radius: 100%;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .3);
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	
}

@media screen and (min-width: 850px) {
	div.product .row-divided>.col+.col:not(.large-12) {
	    border-left: 0;
	    border-right: 0;
	}
	
	#product-sidebar,
	.row-large>.col.post-sidebar {
		padding-top: 15px;
		padding-left: 0;
	}
	.product-small.box .price-wrapper {
		display: flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -o-flex;
		justify-content: space-between;
		align-items: center;
	}
	.product-small.box .price-wrapper a {
		margin-top: 0;
	}
}
