/*
Theme Name: Bico
Theme URI: 
Description: 
Author: Ngoc Trinh
Template: flatsome
Version: 1.0
*/

/* ========== */
@import "scss/base";
// .cart-item .nav-dropdown {
// 	min-width: 468px;
// 	min-height: 100%;
// 	opacity: 1;
// 	visibility: visible;
// 	left: -100%!important;
// 	top: 0;
// }
.woocommerce-Address-title .edit::before {
    content: "";
    font-family: fl-icons !important;
    margin-right: 5px;
}
input[type=password],select,
input[type=email], input[type=number]:not(.qty):not(.isures-input--filter_keyup), input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
	height: 50px;
	border: 1px solid transparent;
	background-color: #ededed;
	color: #434343;
	padding: 8px 15px;
	font-weight: 500;
	-webkit-appearance: none;
	box-shadow: unset;
	&:focus {
		background-color: #fff;
		border-color: #ededed;
		box-shadow: unset;
	}
}
.button, button {
    font-weight: 400;
    border-width: 1px;
	&.is-outline {
		border-width: 1px;
		line-height: 2.4em;
	}
}
.header {
	border-bottom: 1px solid #ededed;
	.active>ul.sub-menu:not(.nav-dropdown) {
		display: none!important;
	}
	.active:hover>ul.sub-menu:not(.nav-dropdown) {
		display: block!important;
	}
	.cart-item .nav-dropdown {
		min-width: 468px;
	}
	ul.woocommerce-mini-cart li a:not(.remove) {
		font-size: 11px;
		font-weight: 600;
		text-transform: uppercase;
		color: #434343;
		margin-top: 0;
	}
	ul.woocommerce-mini-cart .variation {
		font-size: 11px;
		float: left;
		width: 100%;
		margin: 5px 0 12px;
		opacity: 0.66;
	}
	ul.product_list_widget li {
		padding-left: 135px;
	}
	ul.product_list_widget li img {
		width: 120px;
		height: 120px;
	}
	ul.product_list_widget .quantity input[type=number] {
		height: 25px;
		font-size: 12px;
	}
	ul.product_list_widget .quantity .is-form {
		height: 25px;
		min-height: unset;
		line-height: 1;
	}
	.woocommerce-mini-cart__buttons {
		display: flex;
   		gap: 10px;
	}
	.woocommerce-mini-cart__buttons .button {
		padding: 7px 5px;
		width: 100%;
		white-space: nowrap;
		font-size: 12px;
		font-weight: 400;
	}
	.header-wrapper:not(.stuck) {
		.header-bottom {
			.logo, .flex-right {
				display: none;
			}
		}
	}
	.nav-dropdown.nav-dropdown-default>li:last-child>a {
		border: none;
	}
	&-nav.nav > li:not(.cart-item):not(.header-search) {
		
		.sub-menu {
			padding: 5px 0;
			> li {
				display: block;
				position: relative;
				width: 100%;
				a {
					color: #333;
					font-weight: 400;
					padding-left: 10px;
					padding-right: 10px;
					text-transform: capitalize;
    				font-size: 16px;
				}
				&.current-menu-parent,
				.current-menu-item,
				&.current-menu-item {
					> a {
						color: var(--fs-color-primary);
					}
				}
				&.menu-item-has-children > a {
					padding-right: 20px;
				}
				&.menu-item-has-children > a::after {
					content: "";
					font-family: fl-icons !important;
					display: inline-block;
					font-weight: 400;
					position: absolute;
					right: 10px;
				}
				&:hover > .sub-menu {
					display: block;
				}
				&.menu-item-has-children:hover > a:after {
					transform: rotate(270deg);
				}
			}
			.sub-menu {
				position: absolute;
				left: 100%;
				background: #fff;
				top: 0;
				border-radius: 5px;
				display: none;
				min-width: 160px;
				box-shadow: 1px 1px 15px rgba(0,0,0,.15);
			}
		}
	}

	.searchform {
		.submit-button {
			height: 42px;
			width: 42px;
		}
		.search-field {
			height: 42px;
			box-shadow: unset;
			background-color: #fff;
			border-color: #ddd;
			&:focus {
				border-color: var(--fs-color-secondary);
			}
		}
	}
	.nav-right .has-icon > a {
		display: flex;
		flex-direction: row-reverse;
		font-size: 14px;
		font-weight: 400;
		text-transform: unset;
		color: var(--fs-color-secondary);
		span+.image-icon,
		>span+i {
			margin-left: 0;
			margin-right: 10px;
		}
		.header-account-title {
			text-transform: capitalize;
		}
		
	}
	.nav-right .account-item > a {
		strong {
			display: block;
			font-weight: 500;
		}

	}
	
}
.off-canvas-left {
	.mfp-content {
		background-color: #fff;
	}
	.nav-vertical {
		padding-top: 30px;
	}
	.nav-vertical>li {
		>a {
			font-size: 14px;
			font-weight: 700;
			color: var(--fs-color-secondary);
		}
		.sub-menu li > a {
			font-size: 14px!important;
			font-weight: 400;
			color: var(--fs-color-secondary)!important;;
		}
		.nav-slide-header > .toggle {
			opacity: 1;
		}
	}
}
.footer-wrapper {
	font-size: 14px;
	.ux-menu-link__link {
		min-height: unset;
	}
	.icon-box {
		margin-bottom: 10px;
		&-img {
			max-width: 18px;
		}
	}
	h4 {
		letter-spacing: 0.5px;
		margin: 5px 0 20px;
		font-size: 17px;
		font-weight: 600;
		color: #222;
		text-transform: uppercase;
	}
	
	.social-icons .px500.icon:not(.is-outline) {
		background-color: #028FE5!important;
		box-shadow: unset;
		.icon-500px::before {
			content: '';
			width: 30px;
			height: 30px;
			background: url(img/icon-zalo.png) no-repeat center;
			display: block;
			background-size: contain;
			border-radius: 99px;
		}
	} 
}
.slider-nav-circle .flickity-prev-next-button svg {
	background-color: var(--fs-color-primary);
	color: #fff;
	border-color: var(--fs-color-primary);
}
.badge {
	height: unset;
	width: unset;
	&-inner {
		font-size: 12px;
		line-height: 1;
		padding: 5px 10px;
		font-weight: 400;
		span {
			font-size: 12px;
		}
	}
	&-container {
		margin-top: 10px;
		left: 10px;
	}
	+.badge {
		height: unset;
		width: unset;
		opacity: 1;
		margin-top: 5px;
	}
}
.p68-title--flashsale {
	font-size: 25px;
    line-height: 1.6;
    margin: 0;
    font-weight: 500;	
}
.isures-products {
	
	.fs-product-title a {
		line-height: 1.5;
		color: #000000;
		font-weight: 500;
	}
	.fs-product-title {
		font-family: inherit;
	}
	.fs-price-box {
		.fs-flash-price span.amount {
			color: #f94c43;
			font-size: 14px;
			font-weight: 400;
		}
		.fs-regular-price span.amount {
			color: #939393;
   			font-size: 13px;
			font-weight: 400;
		}
	}
}
.product-small.col {
	.box-image img {
		object-fit: contain;
    	aspect-ratio: 1;
	}
	.isures-combo--label_wrap {
		display: none;
	}
	.grid-tools a.quick-view {
		background-color: var(--fs-color-secondary);
		font-size: 14px;
		font-weight: 400;
		&::before {
			content: '';
			width: 16px;
			height: 16px;
			background-color: currentColor;
			display: inline-block;
			margin-right: 10px;
			mask: url(img/visibility.svg) no-repeat;
			mask-size: contain;
			position: relative;
			top: 3px;
		}
	}
	
	.product-title  {
		margin: 0 0 8px;
		font-size: 14px;
		position: relative;
		height: 42px;
	}
	.product-title > a {
		line-height: 1.5;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		font-size: 14px;
		color: #000000;
		font-weight: 500;
	}
	.price {
		display: flex;
		> span.amount {
			color: #f94c43;
			font-size: 14px;
			font-weight: 400;
		}
		ins {
			order: -1;
			margin-right: 5px;
			span.amount {
				color: #f94c43;
				font-size: 14px;
				font-weight: 400;
			}
		}
		del, del span.amount {
			color: #939393;
   			font-size: 13px;
			opacity: 1;
		}
	}
	.price-wrapper {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
		.review-count {
			font-size: 14px;
		}
		.price {
			width: 100%;
			order: -1;
			margin-bottom: 5px;
		}
		.star-rating {
			margin: 0;
		}
	}
	.box-text {
		display: flex;
		flex-wrap: wrap;
	}
	.ux-swatches {
		order: 1;
	}

}
.star-rating {
	letter-spacing: 1px;
	width: 85px;
}
.section-title {
	span {
		font-size: 25px;
		line-height: 1.6;
		margin: 0;
		font-weight: 500;
	}
	&-normal {
		border: none;
		span {
			border: none;
			padding-bottom: 0;
		}
	}
	a {
		font-size: 15px;
		font-weight: 400;
		font-family: Inter, sans-serif;
		color: var(--fs-color-secondary);
	}
	&-center b {
		background-color: transparent;
	}
}
.nt-goi-y {
	.tabbed-content {
		align-items: center;
		+ .button {
			position: absolute;
			top: 0;
			right: 0;
			font-weight: 400;
			margin: 0;
			font-size: 15px;
		}
		> h4.uppercase {
			width: unset;
			margin-right: 20px;
			font-size: 25px;
			line-height: 1.6;
			font-weight: 500;
			margin-bottom: 0;
		}
		> .nav {
			flex: 1;
			padding-right: 100px;
			> li {
				+ li {
					margin-left: 10px;
				}
				> a {
					font-size: 14px;
					font-weight: 400;
					border: 1px solid #ededed;
					line-height: 1.2;
    				padding: 6px 15px;
				}
				&:not(.active) > a {
					background-color: #fff;
					color: var(--fs-color-secondary);
				}
				&.active > a {
					border-color: var(--fs-color-primary);
				}
			}
		}
	}
}
.nt-danh-muc-sp .banner {
	h3 {
		font-size: 20px;
		text-transform: uppercase;
	}
	a.fill {
		z-index: 1;
	}
}
.nt-testimonial {
	.flickity-page-dots {
		display: none;
	}
	.flickity-slider > .banner {
		max-width: calc(25% - 22px);
		margin-right: 30px;
	}
	.testimonial {
		&-box {
			.icon-box-text {
				display: flex;
				flex-wrap: wrap;
			}
		}
		&-image img {
			border-radius: 0!important;
		}
		&-meta {
			order: -1;
			width: 100%;
			padding-top: 0;
		}
		&-name {
			font-size: 20px;
		}
		&-text {
			font-style: normal!important;
			> p {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: normal;
				-webkit-line-clamp: 3;
				font-size: 16px;
				line-height: 1.2;
			}
		}
	}
}
.tabbed-content {
	.nav-outline {
		border-bottom: 1px solid var(--fs-color-secondary);
		flex-wrap: nowrap;
		> li {
			width: 100%;
		}
		> li > a {
			font-size: 16px;
    		color: var(--fs-color-secondary);
			font-weight: 500;
			border: none;
			border-radius: 0;
			padding: 6px 5px;
    		margin-bottom: -1px;
			width: 100%;
			text-align: center;
			display: block;
		}
		>li.active>a {
			background-color: var(--fs-color-primary);
			color: #fff;
			font-weight: 500;
		}
	}
}
.post-item {
	.box-overlay {
		.overlay {
			height: 50%;
			top: auto;
			bottom: 0;
			background-color: transparent!important;
			background: linear-gradient( 180deg, transparent, rgba(0,0,0,0.7) );
		}
	}
	.cat-label {
		margin-bottom: 10px;
		text-align: left;
		span {
			color: #ffffff;
			padding: 3px 4px;
			min-width: 80px;
			font-weight: 400;
			font-size: 12px;
			text-align: center;
			display: inline-block;
			background-color: var(--fs-color-primary);
			text-transform: uppercase;
		}
	}
	> .col-inner {
		border: 1px solid #eeeeee;
		height: 100%;
	}
	.box-text {
		padding: 12px 15px;
		&-inner {
			text-align: right;
		}
	}
	.post-title > a {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: 20px;
		text-align: left;
	}
	.post-title {
		margin-bottom: 10px;
	}
	.from_the_blog_excerpt {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		font-size: 14px;
		text-align: left;
	}
	.post-meta {
		font-size: 14px;
		opacity: 1;
		text-align: left;
		&::before {
			content: '';
			width: 16px;
			height: 16px;
			background-color: currentColor;
			display: inline-block;
			margin-right: 10px;
			mask: url(img/calendar.svg) no-repeat;
			mask-size: contain;
			position: relative;
			top: 3px;
		}
	}
	.is-underline {
		font-size: 12px;
		font-weight: 500;
		min-height: 20px;
		line-height: 1.2;
		border: none;
		padding: 0;
		margin-right: 0;
		&::before {
			height: 1px;
			opacity: 1;
			width: 100%;
			left: 0;
		}
	}
	.small-columns-2 & .cat-label {
		display: none;
	}
}
.nt-number-col {
	display: flex;
	align-items: center;
	justify-content: center;
	> h4 {
		font-size: 50px;
		line-height: 1.2;
		margin-bottom: 0;
		padding-right: 30px;
		color: var(--fs-color-primary);
		width: auto;
		
	}
	> p {
		margin-bottom: 0;
	}
}
.rank-math-breadcrumb {
    a,span {
        font-size: 13px;
        font-weight: 400;
    }
    span {
        color: #777;
    }
    a {
        color: currentColor;
    }
}
.single-product .page-title-inner {
	min-height: unset;
	padding-top: 0;
	padding-bottom: 0;
}
.single-product .page-title,
.breadcrumb-container {
	background: #f5f5f5;
	border-bottom: 1px solid #e7e7e7;
	padding: 8px 0;
	p {
		margin-bottom: 0;
	}
	.is-large {
		font-size: unset;
	}
}
h1.page-title,
h1.shop-page-title {
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.woocommerce-ordering select {
	font-size: 14px;
    border: 1px solid #e7e7e7;
	padding-right: 25px;
}
.nav-pagination {
	> li {
		a, span {
			font-size: 15px;
			border: none;
			color: var(--fs-color-secondary);
		
		}
		a {
			opacity: .4;
		}
		a:hover,
		span.current {
			background-color: transparent;
			color: var(--fs-color-secondary);
			opacity: 1;
		}
	}
}
.category-page-row .term-description {
	overflow: hidden;
	position: relative;
	padding-bottom: 25px;
}
.nt_readmore_flatsome {
	text-align: center;
	cursor: pointer;
	position: absolute;
	z-index: 10;
	bottom: 0;
	width: 100%;
	background: #fff;
}
.nt_readmore_flatsome:before {
	height: 55px;
	margin-top: -45px;
	content: "";
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
	display: block;
}
.nt_readmore_flatsome a {
    
    padding: 7px 15px;
    color: var(--fs-color-primary);
    position: relative;
    margin: 0 auto;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
    background: #fff;
    z-index: 99;
	display: inline-block;
}
.nt_readmore_flatsome_more > a {
	border: 1px solid var(--fs-color-primary);
}
.nt_readmore_flatsome_less:before {
	display: none;
}
.mfp-auto-cursor {
	.mfp-container {
		padding: 0;
	}
	.mfp-content {
		transform: translateX(100%);
	}
	&.mfp-ready .mfp-content {
		transform: translateX(0);
	}
	.product-lightbox {
		margin-right: 0;
		height: 100%;
		padding: 40px;
		max-width: 480px;
		.product-short-description {
			display: none;
		}
	}
	.product-gallery {
		position: relative;
	}
	.product-gallery .slider {
		padding-bottom: 20px;
		.flickity-page-dots {
			display: flex;
			flex-wrap: nowrap;
			left: 0;
			right: 0;
			border-radius: 10px;
			overflow: hidden;
			bottom: 0;
			
			.dot {
				width: 100%;
				&:not(.is-selected) {
					border-color: #dfdfdf;
					opacity: 1;
				}
			}
		}
	}
	.product-info {
		padding: 20px 0 0;
		h1 {
			font-size: 18px;
    		text-transform: uppercase;
		}
		.price {
			ins span.amount,
			> span.amount {
				font-size: 28px;
			}
			del span.amount,
			del {
				font-size: 18px;
			}
		}
	}
	.product-short-description {
		font-size: 14px;
		p {
			margin-bottom: 5px;
		}
	}
}
.woocommerce-review-link {
	color: var(--fs-color-secondary);
}
.devvn_rating_loop.loop_sold {
	width: 100%;
	margin-top: 5px;
	.star-rating + .count {
		&::before {
			content: "(";
			display: inline-block;
		}
		&::after {
			content: ")";
			display: inline-block;
		}

	}
}
.isures-term--filter:not(.isures-cate--filter) .isures-item--attribute a[data-key="filtero-chat-lieu-mat-ban"] {
	height: 40px;
	white-space: unset;
    text-align: center;
    line-height: 1.2;
	.inline-bl {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}
.woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit,
#comments a.btn-reviews-now {
	background-color: var(--fs-color-primary);
}
span.devvn_num_reviews {
	color: var(--fs-color-secondary);
}
.product-info {
	display: flex;
	flex-direction: column;
	.product-title {
		order: -2;
	}
	.product_meta {
		order: -1;
		.sku_wrapper {
			border: none;
			padding: 0;
		}
	}
	.variations {
		th.label {
			font-size: 14px;
			line-height: 1.2;
			font-weight: 500;
			letter-spacing: 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			background: #e5e3e3;
			padding: 5px 10px;
			&::after {
				content: "";
				display: block;
				margin-left: auto;
				font-family: fl-icons !important;
				font-size: 20px;
			}
			&::before {
				content: "";
				display: inline-block;
				font-family: fl-icons !important;
				background: #ccc;
				border-radius: 100%;
				color: #fff;
				width: 20px;
				height: 20px;
				margin-right: 10px;
				font-size: 14px;
				text-align: center;
				line-height: 20px;
			}
			label, span {
				font-size: unset;
			}
		}
		tr {
			padding-bottom: 10px;
			display: flex;
			flex-direction: column;
			border: none;
			&.active {
				th.label::after {
					transform: rotate(180deg);
				}
			}
		}
		.reset_variations {
			bottom: 103%;
			display: none;
		}
		
	}
	
	.tai-xuong-pdf {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		li {
			list-style: none;
			margin-left: 0;
			width: calc(50% - 5px);
			margin-bottom: 0;
			> a {
				color: currentColor;
				font-size: 14px;
				&::before {
					content: "";
					width: 18px;
					height: 18px;
					background: url(img/pdf.png) no-repeat;
					background-size: contain;
					display: inline-block;
					margin-right: 5px;
					position: relative;
    				top: 3px;
				}
			}
		}
		
	}
	.nt-accordion-content {
		font-size: 14px;
		p {
			margin-bottom: 1em;
		}
	}
	.variations_form {
		margin-top: 20px;
	}
	.cong-nghe {
		list-style: none;
		margin: 20px 0 0 0;
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
		align-items: center;
		+ .nt-socical {
			margin-top: 20px;
		}
		li {
			margin: 0;
			img {
				width: 30px;
				height: 30px;
				border-radius: 99px;
				object-fit: cover;
			}
			span {
				font-size: 14px;
				font-weight: 700;
				height: 40px;
				display: inline-block;
				background-color: var(--fs-color-secondary);
				color: #fff;
				padding: 5px 10px;
				line-height: 30px;
				margin-right: 15px;
			}
		}
	}
}

.isures-variation--wrap,
.product-info {
	.ux-swatches {
		align-items: flex-start;
	}
	.ux-swatches--x-large .ux-swatch--label {
		width: calc(20% - 8px);
		padding: 16px 2px;
    	min-height: unset;
		border: 1px solid #d5d5d5;
		box-shadow: unset;
		&.selected {
			background-color: var(--fs-color-secondary);
			color: #fff;
			box-shadow: none;
			border-color: var(--fs-color-secondary);
		}
		&:hover {
			box-shadow: none;
			border-color: var(--fs-color-secondary);
		}
		
	}
	.ux-swatches--x-large .ux-swatch--image {
		flex-wrap: wrap;
		width: calc(20% - 8px);
		height: auto;
		border: none;
    	padding: 0;
		box-shadow: unset;
		.ux-swatch__text {
			display: block;
			white-space: normal;
    		text-align: center;
			margin-top: 6px;
			font-size: 12px;
		}
		img {
			width: 100%;
			height: 57px;
			object-fit: cover;
			border: 1px solid transparent;
		}
		&:hover,
		&.selected {
			box-shadow: unset;
			img {
				border-color: #000000;
			}
		}
	}
	.isures-single-product-countdown {
		
		.p68-countdown-box {
			background-color: var(--fs-color-primary)!important;
			color: #fff!important;
			padding: 5px 15px;
			margin-top: 15px;
			margin-bottom: 0;
		}
		.p68-timer__wrap {
			max-width: unset!important;
		}
		.p68-title--flashsale {
    		font-size: 20px;
		}
	}
	.price {
		font-size: 15px;
		span.amount {
			color: #B11F24;
			font-weight: 400;
		}
		del span.amount,
		del {
			color: #666768;
		}
	}
	
	.product-title {
		font-size: 22px;
		text-transform: uppercase;
	}
	form.cart:not(.variations_form) {
		margin-top: 10px;
		gap: 10px;
		.button {
			width: calc(50% - 5px);
			font-size: 12px;
			font-weight: 500;
			height: 35px;
			flex: unset;
		}
	}
	.quantity {
		display: none!important;
	}
	.woocommerce-variation-price {
		border: none;
	}
	.woocommerce-variation-add-to-cart {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: space-between;
		.button {
			width: calc(50% - 5px);
			font-size: 12px;
			font-weight: 500;
			height: 35px;
			flex: unset;
		}
	}
	.album-thanh-toan {
		list-style: none;
		display: flex;
		gap: 5px;
		margin-bottom: 0;
		li {
			margin: 0;
		}
		img {
			max-width: 35px;
    		height: auto;
		}

	}
	.yith-wcwl-add-to-wishlist {
		display: none;
	}
	.nt-gift {
		border: 1px solid #656363;
		padding: 6px 20px;
	}
	.gift-btn {
		width: 100%;
		background: transparent;
		color: #000;
		font-weight: 500;
		line-height: 18px;
		font-size: 12px;
		text-transform: uppercase;
		cursor: pointer;
		&::before {
			content: '';
			width: 16px;
			height: 16px;
			background-color: currentColor;
			display: inline-block;
			margin-right: 10px;
			mask: url(img/tag.svg) no-repeat;
			mask-size: contain;
			position: relative;
			top: 3px;
		}
	}
	.nt-thanh-toan {
		margin-bottom: 15px;
		margin-top: 15px;
		.flex-col {
			width: calc(50% - 5px);
		}
	}
	.text-thanh-toan {
		font-size: 10px;
		background: #e5e3e3;
		padding: 15px;
    	line-height: 1.2;
	}
	
	.social-icons {
		span {
			color: currentColor;
			font-size: 14px;
			font-weight: 400;
		}
		a {
			margin-bottom: 0;
			min-width: unset;
			width: 26px;
			height: 26px;
			line-height: 27px;
			min-height: unset;
			font-size: 11px;
			border: none;
		}
	}
	.nt-socical {
		margin-bottom: 20px;
	}
	.nt-lien-he {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
		align-items: center;
		list-style: none;
		margin-bottom: 0;
		li {
			margin: 0;
			height: 24px;
			&.messeger, 
			&.zalo {
				a {
					font-size: 0;
					&::before {
						content: "";
						width: 24px;
						height: 24px;
						display: block;
						background-size: contain;
					}
				}

			}
			&.zalo a::before {
				background-image: url(img/Logo-Zalo.webp);
			}
			&.messeger a::before {
				background-image: url(img/messenger-logo.webp);
			}
		}
		a {
			color: currentColor;
			font-size: 14px;
		}
	}
		
	
	
}
.isures-variation--wrap {
	.cong-nghe, .nt-socical {
		display: none;
	}
	.isures-variation--wrap_inner * {
		font-size: 14px;
	}
	.ux-swatches--x-large .ux-swatch--label {
		padding: 8px 2px;
	}
}
.accordion {
	&-title {
		padding-left: 0;
		border-color: #788188;
		padding-top: 15px;
		padding-bottom: 15px;
		&.active {
			background-color: transparent;
		}
		.toggle {
			right: 0;
			left: auto;
		}
	}
	&-inner {
		padding-left: 0;
		padding-right: 0;
	}

}
.nt-accordion {
	&-content {
		display: none;
		margin-bottom: 20px;
	}

	&-title {
		cursor: pointer;
		padding: 13px 0;
		position: relative;
		font-size: 16px;
		&.active {
			&::after {
				transform: rotate(180deg);
			}
		}
		&::after {
			content: "\f107";
			position: absolute;
			right: 20px;
			margin-left: auto;
			font-family: fl-icons !important;
			font-size: 20px;
			top: 10px;
		}
	}
	&-item {
		border-top: 1px solid #EFEFEF;
		&:last-child {
			border-bottom: 1px solid #EFEFEF;
		}
	}

}
.product-gallery {
	.show-on-hover.right {
		opacity: 1;
		pointer-events: inherit;
		transform: scale(1) translateZ(0) translateY(0) !important;
	}
}
.shop_table .product-name a,
.woocommerce-cart-form .product-name a {
	font-size: 14px;
    font-weight: bold;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: initial;
}
.woocommerce-cart-form  .variation {
	font-size: 12px;
}
.entry-header .entry-title {
	font-size: 25px;
    line-height: 1.6;
    margin: 0;
    font-weight: 500;
	text-transform: uppercase;
}
.woocommerce-checkout {
	#main {
		background: #F5F5F5;
	}
	.large-5 .col-inner.has-border,
	.woocommerce-additional-fields,
	.woocommerce-billing-fields {
		box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.04),0px 2px 4px 0px rgba(0, 0, 0, 0.08);
		padding: 20px;
		border-radius: 16px;
		border: none;
		background-color: #fff;
	}
	.woocommerce-billing-fields {
		margin-bottom: 16px;
		
	}
	.woocommerce-checkout {
		.button,
		.select2-container .select2-selection,
		input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
			border-radius: 8px;
			box-shadow: unset;
			height: 45px;
			background-color: #fff;
			border-color: #ddd;
			padding: 5px 10px;
		}
	}
	
	
}

.customer-login {
	max-width: 550px;
	margin: 30px auto;
	
	.woocommerce-button {
		display: block;
		border-radius: 0;
		padding: 0 30px;
		height: 55px;
		line-height: 55px;
		text-transform: uppercase;
		font-weight: 600;
		margin-top: 12px;
		width: 100%;
	}
	h3 {
		font-size: 25px;
		line-height: 1.6;
		margin: 0;
		font-weight: 500;
		margin-bottom: 30px;
	}
}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star {
	border: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
.post-sidebar .widget {
    &:not(.widget_search) {
		position: relative;
		padding: 20px;
		border: 1px solid #e3e5ec;
    }
	&-title {
		font-size: 18px;
		text-transform: uppercase;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 2px solid #000;
		text-align: center;
		color: var(--fs-color-secondary);
		display: block;
	}
    .post_comments {
        display: none;
    }
	&:last-child {
		margin-bottom: 0;
	}
	
}
.widget_categories ul > li > a {
	color: #434343;
	padding: 10px 0;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}
.flatsome_recent_posts {
	.badge-inner {
		height: 60px;
    	width: 60px;
	}
	.recent-blog-posts a {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		font-size: 14px;
	}
}
.entry-header {
	h1.entry-title {
    	font-size: 24px;
		margin-bottom: 10px;
	}
	.entry-meta {
		font-size: 13px;
    	font-weight: 600;
		.posted-on {
			&::before {
				content: '';
				width: 16px;
				height: 16px;
				background-color: currentColor;
				display: inline-block;
				margin-right: 10px;
				mask: url(https://bico.secomm.vn/wp-content/themes/bico/img/calendar.svg) no-repeat;
				mask-size: contain;
				position: relative;
				top: 3px;
			}
		}
	}
}
#comments {
	.comment-respond {
		background-color: transparent;
		padding: 0;
	}
	.form-submit,
	.submit,
	.comment-form {
		margin-bottom: 0;
	}
}
.admz_ctg3 {
	> div {
		margin-bottom: 10px!important;
	}
	.quick-alo-ph-circle {
		width: 80px;
		height: 80px;
	}
	.quick-alo-ph-circle-fill {
		width: 60px;
		height: 60px;
	}
	.quick-alo-ph-img-circle {
		width: 40px;
		height: 40px;
		padding: 8px;
	}
}
.adminz_ctg3_wrap {
	left: auto;
	right: 80px;
    bottom: 100px;
}
.category-page-row {
	.isures-filter--wrap {
		margin-bottom: 30px;
	}
	
}
.isures-allfilters--btn,
.isures-filter--dropdown>:not(.isures-filter--nav_wrap):not(.is-divider) {
	border-radius: 0;
}
.isures-allfilters--modal {
	.isures-cate--filter:not(.isures_type_image) .isures-item--attribute.active>a:after, 
	.isures-filter--rating_inner .chosen a[data-key="rating_filter"]::after {
		left: 22px;
	}
}
#isures-combo--wrap {
	border: 1px solid #EFEFEF;
	p.isures-label--combo {
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
}
#login-form-popup .woocommerce-notices-wrapper:not(:empty) {
	padding: 0;
	font-size: 14px;
	outline: 0!important;
	.message-wrapper,
	&:focus-visible {
		outline: unset;
	}
}
.nt-du-an-tieu-bieu {
	.banner {
		.overlay {
			background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
			height: 50%;
			bottom: 0;
			top: auto;
		}
		a.fill {
			z-index: 1;
		}
		h3 {
			font-size: 20px;
   			text-transform: uppercase;
		}
	}
}
.project-item {
	.post-title > a {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: 20px;
		text-align: left;
	}
}
.plugin68-camp__wrap .slick-slide {
	position: relative;
}
.plugin68-camp__wrap .fs-discount-badge {
	display: none;
}






@media screen and (max-width: 549px){
	@import "scss/mobile";
	.project-item .post-title > a {
		font-size: 16px;
	}
	.nt-du-an-tieu-bieu .grid-col-1 {
		height: 250px!important;
	}
	.devvn_rating_loop.loop_sold {
		flex-direction: column;
    	align-items: flex-start;
	}
	.isures-filter--wrap {
		>div:not(.isures-allfilters--widget) {
			display: none;
		}
		.isures-allfilters--btn {
			position: absolute;
			top: -78px;
		}
	}
	.woocommerce-ordering {
		max-width: 50%;
		select {
			height: 38px;
			padding: 5px 10px;
		}
	}
	
	input[type=password], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    	height: 42px;
	}
	h1.shop-page-title {
		font-size: 25px;
	}
	.nt-danh-muc-sp .banner-grid {
		.banner {
			h3 {
				font-size: 16px;
			}
		}
		.grid-col-2-3 {
			height: 400px!important;
		}
		.grid-col-1-3 {
			height: 200px!important;
		}
	}
    .footer-wrapper {
		h4 {
			font-size: 14px;
			padding-right: 15px;
			margin-bottom: 8px;
			&::after {
				content: "";
				font-family: fl-icons !important;
				font-weight: 400;
				position: absolute;
        		right: 0;
			}
		}
		.large-3 {
			padding-bottom: 10px;
		}
		.large-3 > .col-inner:not(.active) *:not(h4) {
			display: none;
		}
	}
	.nt-testimonial {
		.slider {
			padding-bottom: 40px;
		}
		.flickity-page-dots {
			display: block;
		}
		.flickity-slider > .banner {
			max-width: 250px;
			margin-right: 10px;
		}
	} 
	.section-title {
		span {
			font-size: 22px;
		}
		a {
			margin-left: 0;
			padding-left: 5px;
		}
	}
	.slider.small-columns-1 {
		padding-left: 10px!important;
		.flickity-slider > .col {
			max-width: 200px;
			padding-left: 5px;
			padding-right: 5px;
			&.post-item {
				max-width: 250px;
			}
		}
	}
	.row.nt-product {
		padding-left: 10px;
		padding-right: 10px;
		.product-small.col {
			padding: 0 5px 5px;
		}
	}
	.nt-goi-y .tabbed-content {
		> h4.uppercase {
			width: 100%;
			margin-bottom: 10px;
		}
		> .nav {
			padding-right: 0;
			gap: 8px;
			li + li {
				margin-left: 0;
			}
		}
	}
	.post-item {
		.post-title > a {
			font-size: 16px;
		}
	}
	.nt-number-col {
		h4 {
			font-size: 40px;
			padding-right: 10px;
		}
	}
	.large-columns-1.row-collapse .post-item .image-cover {
		padding-top: 300px!important;
	}
	.small-columns-2 .post-item {
		padding-bottom: 6px;
		.post-title > a {
			font-size: 12px;
		}
		&:nth-child(2n + 1){
			padding-right: 3px;
		}
		&:nth-child(2n){
			padding-left: 3px;
		}
	}


}
@media only screen and (max-width: 849px) and (min-width: 550px) {
	.nt-testimonial .flickity-slider > .banner {
		max-width: 300px;
		margin-right: 10px;
	}
	.nt-number-col > h4 {
		font-size: 40px;
		padding-right: 15px;
	}
	#secondary {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
		.widget {
			width: calc(50% - 5px);
			margin-bottom: 0;
		}
	}
}
@media only screen and (max-width: 849px) {
	
	.header {
		.header-bottom {
			border-top: 1px solid #ededed;
		}
		.searchform {
			width: 100%;
			.search-field {
				height: 35px;
				background: #f5f5f5;
				color: #434343;
				border: 1px solid #ececec;
				border-right: 0;
			}
			.submit-button {
				height: 35px;
				width: 35px;
				min-height: unset;
				border-color: #ececec;
				background-color: #f5f5f5;
				color: var(--fs-color-base);
				box-shadow: unset;
				border-left: 0;
        		line-height: unset;
			}
		}
		.header-wrapper.stuck {
			.header-search-form {
				width: 100%;
			}
			.header-bottom {
				display: none;
			}
			.header-main {
				.logo {
					display: none;
				}
				.hide-for-medium.flex-left {
					display: block!important;
				}
			}
			.medium-logo-center {
				.flex-left,
				.flex-right {
					flex: unset;
				}
			} 
		}
	}
	
	
}
@media screen and (min-width: 850px){
	.large-columns-1.row-collapse .post-item .post-title > a {
		font-size: 32px;
	}
	.large-columns-2 .post-item .post-title > a {
		font-size: 24px;
	}
	.woocommerce-cart {
		.large-7.cart-auto-refresh {
			flex-basis: 66.6666666667%;
			max-width: 66.6666666667%;
			td.product-thumbnail {
				width: 100px;
        		max-width: 100px;
			}
		}
		.large-5.cart-collaterals {
			flex-basis: 33.3333333333%;
			max-width: 33.3333333333%;
		}
		
	}
	.header-wrapper.stuck .header-main {
		display: none;
	}
	.header-bottom .flex-right .nav-right .has-icon {
		margin: 0 10px;
			> a {
			.header-account-title,
			.header-cart-title {
				display: none;
			}
		}
	}
	.entry-content {
		h2, .h2 {
			font-size: 1.4em;
		}
		h3, .h3 {
			font-size: 1.2em;
		}
	}
}
@media only screen and (min-width: 1361px) {
    .header .nav-spacing-xlarge>li {
		margin: 0 20px;
	}
	.header .header-wrapper.stuck .nav-spacing-xlarge > li {
        margin: 0 8px;
		> a {
			font-size: 14px;
		}
    }

}