/*
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.   ***************/
.nav-tab {
  display: none !important;
}
p {
	margin: 0px !important
}
.banner_top >div > div {
	display: flex;
	gap: 10px;
}
.banner_top >div > div * {
	margin: 0px;
}
.page-template-default .content-area.page-wrapper .col-inner {
	display: flex;
	flex-direction: column;
}
.product_shorcode_index {
	order: 1;
}

.product_infor_admin {
	    display: flex;
	align-items: center;
    gap: 10px;
    color: white;
}
.product_infor_admin p {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0px;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
	color: #000;
	font-size: 17px;
	padding: 0px 10px;
	
}
.footer-wrapper {
	padding: 0 20px;
	font-size: 17px;
}
.footer-wrapper div {
	text-align: center;	
}
.absolute-footer {
	display: none;
}
.box-image>a img, .box-image>div>a img {
	object-fit: cover;
}
.banner-product {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)) !important;
}

a[class="button white lowercase expand btn-redirect"] span {
	color: #000;
}
.product-small>.box  {
	position: relative;
}
.list-project {
	position: absolute;
	top: 140px;
	right: 0;
}

.list-project  li {
	list-style: none;
	color: #fff;
	text-decoration: underline;
    font-weight: 700;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 3px 1px 3px #000;
    font-size: 12px;
    border-radius: 10px 0px 0px 0px;
    padding: 5px 4px;
	width: 100%;
	margin: auto !important;
	text-align: right;

}

.content-product-acf {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.content-product-acf span {
	font-size: 18px;
	background: linear-gradient(90deg, #8dea05, #f00, #ff7800, #ff00bf);
	    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight: 700;
	
}

.content-product-acf p.area {
	background-color: #800;
	border-radius: 5px;
	color: #fff;
	display: flex;
	align-items: center;
	margin: 2px 2px 2px 0;
	padding: 3px 9px;
	gap: 3px;
	font-size: 15px;
}
.content-product-acf span i {
	padding-right: 5px;
}
.nick-name-acf {
	font-weight: 600;
	color: #000;
	margin-top: 10px;
	display: block;
}
.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	background-color: #800;
}
h3[class="product-section-title container-width product-section-title-related pt-half pb-half uppercase"] {
	color: #000;
	font-size: 27px;
}
.btn-category-product a {
	background-color: #2e2d4d;
}
.banner-product {
	margin: auto;
	width: 1230px;
	border-radius: 5px;
}
.btn-category > p {
	background-color: #800;
	font-size: 12px;
	font-weight: 400;
}
.flex-col.hide-for-medium.flex-right {
	order: 1;
}
.wp-dark-mode-switch {
	transform: scale(0.8)
}
.btn-albums {
	background-color: #2e2d4d;
	font-size: 12px;
	font-weight: 400;
}
.wpc-edit-filter-set {
	display: none;
}
.title-about h3{
	font-weight: 600;
}
.text-about-color p {
	padding: 15px 30px;
	font-size: 17px;
}
.price-wrapper {
	display: none !important;
}
.notification-product-acf {
	text-transform: none;
    position: absolute;
    font-size: 14px;
    font-weight: 800;
    top: 0;
    box-shadow: -3px 3px 7px -1px #111;
    right: 0;
    border-radius: 0px 4px;
    color: #fff;
    background: linear-gradient(108deg, #000951, #001433, #71001b);
	width: max-content;
    padding: 5px 10px;
}
.box-text {
	position: static !important;
}
.woocommerce-LoopProduct-link:hover {
	color: #800;
}
.product_key{
	display: none;
}
.product_key.active {
	display: block;
}
.product_key h4 { 
	color: #000 !important;
}
.product_key_input {
	display: flex;
}
.product_key_input button {
	padding: 0px 20px;
	width: 140px;
	height: 40px;
	color: white;
	background: #800;
	border: none;
	outline: none;
	font-size: 12px !important;
}
.product_key_input input {
	margin: 0px;
	height: 40px;
}
.product_cat-hang-vip .woocommerce-product-gallery {
	display: none;
}
.woocommerce-product-gallery.active, .product-thumbnails.active {
	display: grid;
}
.product_key_error {
	color: #800;
	margin-top: 5px;
	font-size: 16px;
	display: none;
}
.product_key_error.active {
	display: block;
}
.box-image>a, .box-image>div>a {
	height: 450px;
}
.box-image>a img, .box-image>div>a img {
	height: 100%;
}
.banner-product {
	padding: 20px !important
}
.banner-product .product-title {
	color: white !important;
	font-size: 28px !important
}
.pro_infor {
	color: white;
}
.title-about h3 {
	font-size: 26px;
	color: white;
}
#button-contact-vr {
	z-index: 100;
}
.current-page {
    border-bottom: 0px solid var(--color-muted);
    margin: auto;
    box-shadow: 0 0px 3px #888;
    border-radius: 6px 6px 10px 10px;
    padding: 5px 20px !important;
	color: #000;
	font-weight: 500;
	width: 100%;
	margin-bottom: 10px;
}
.btn-category {
	width: max-content;
    margin-bottom: 20px;
}
.category-button {
	background-color: #800;
    font-size: 12px;
    font-weight: 400;
	
	border-radius: 10px;
	padding: 0px 10px;
height: 30px ;
display: flex;
align-items: center;
border-radius: 10px;
}

.category-button  {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
width: max-content;
}
.banner_top > div {
	padding-bottom: 10px !important;
}
.category-button:hover {
	color: white;
}











@media screen and (min-width: 1024px) {
	.shop-page-title.category-page-title {
	display: none;
}
}
@media screen and (max-width: 1023px) {
	.category-page-row .col.large-3.hide-for-medium {
		display: block !important;
	}
	.page-title-inner {
		display: none!important;
	}
}
@media screen and (max-width: 767px) {
	.woocommerce-ordering {
		display: none;
	}
	.box-image>a, .box-image>div>a {
		height: 280px
	}
	.page-title-inner {
	display: grid;
		grid-template-columns: 1fr;
}
	.page-title-inner > div:first-child{
	display: flex;
		gap: 20px;
		align-items: center;
		justify-content: space-between;
}
	.page-title-inner > div:last-child{
	display: flex;
		gap: 20px;
		justify-content: flex-end;
		align-items: center;
}
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		width: 85% !important;
		background: white;
	}
	.wpc-filters-list-586 {
		display: flex !important;
		flex-wrap: wrap;
		gap: 10px;
}
	.wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-chọn_mau_da, .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-chọn_kiểu_dang {
		width: 50% !important;
	}
	.wpc-filters-widget-wrapper .wpc-filter-chọn_mau_da, .wpc-filters-widget-wrapper .wpc-filter-chọn_kiểu_dang {
		width: 100% !important;
	}
	.category-filter-row {
		padding: 0px !important;
	}
	.filter-button {margin: 0px !important}
	.off-canvas .sidebar-inner {padding: 10px !important;}
	.wpc-filter-content select {
		font-size: 15px !important
	}
	.product-title a {
		font-size: 14px;
	}
	.products.row.row-small.large-columns-4 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 4px;
	}
	.products.row.row-small.large-columns-4 > div {
		max-width: 100%;
		width: 100%;
	}
	.product_price_phone_keyvisual .hotline, .product_price_phone_keyvisual .price {
		font-size: 16px !important;
	}
	.banner-product .product-title {
		font-size: 24px !important;
	}
}

/* update 600px to 849px */
@media only screen and (max-width: 849px) {

	.text-thong-bao {
		text-align: left;
	}
	.box-text-products {
		padding: 5px !important;
	}
	.content-product-acf p.area {
		margin: 0;
		padding: 3px 5px;
		font-size: 12px;
	}
	.content-product-acf span {
		font-size: 14px;
	}
	.product_list_home {
		gap: 3px !important;
	}
	.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
		padding: 0px !important;
	}
	.product-small.box {
		height: inherit;
	}
	.product_key_input button {
		font-size: 10px !important
	}
	.banner-product {
		width: 100%;
	}
	.nav-dropdown.nav-dropdown-default {
		left: -500% !important;
	}
	.page-wrapper {
		padding-top: 0px;
	}
	.title-about h3 {
		font-size: 24px;
	}
	.sidebar-menu .header-search-form{
		display: none !important;
	}
	.off-canvas .sidebar-menu {
		padding-top: 60px !important
	}
	.off-canvas:not(.off-canvas-center) li.html, .header-newsletter-item, .account-item {
		display: none !important
	}
	.off-canvas .nav-vertical>li>a {
		color: #2E2D4D
	}
	.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
		font-size: 16px !important
	}
	.nav-sidebar.nav-vertical>li+li {
		border-top: 0px !important;
		padding: 0px 30px;
	}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-left: 0px;
		text-transform: capitalize;
		border-bottom:1px solid #ececec;
	}
	.mfp-close {
		left: 0px;
    top: 0px;
    width: 85%;
    height: 60px;
    transform: scale(1) !important;
    display: flex;
    align-items: center;
    mix-blend-mode: normal;
    background: white;
    color: black;
    padding-left: 20px;
	}
	.menu-item-type-post_type .toggle {
		    width: 30px;
    height: 30px;
    background: transparent;
    position: absolute;
		top: 13px;
    right: 20px;
    font-size: 12px;
    color: black !important;
	}
	.mfp-ready .mfp-close {
		opacity: 1;
	}
	.nav-vertical>li>ul li a {
		color: black;
	}
	.product_key_input input {
		font-size: 14px;
	}
	.related-products-wrapper > .row{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap :10px;
		padding: 0px 10px;
    margin-bottom: 20px;
	}
	.related-products-wrapper > .row > div {
		width: 100%;
		max-width: 100%;
	}
	.mobile-nav.nav-right .wp-dark-mode-switcher {
		order: -1;
	}
	.wp-dark-mode-switcher.style-1 label {
		transform: scale(0.8)
	}
	.mobile-nav.nav-right .nav-icon.has-icon a{
		padding: 0px !important;
	}
	.flex-col.show-for-medium.flex-right {
		order: 1;
	}
	.content-area.page-wrapper .row-main > div {
		padding: 0px 5px;
	}
	.container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse) {
		margin: 0px;
	}
	.col, .columns, .gallery-item {
		padding:  5px !important;
	}
	.filter_2  .filter_home {
		margin-top: -30px !important;
		margin-bottom: 10px !important
	}
	.filter_home > div {
		margin-right: 0px !important;
	}
	.btn_filter_2 {
		font-size: 14px;
	}
	.current-page {
		margin-top: 15px !important; 
	}
	.product-gallery-stacked-thumbnails {
		display: none;
	}
	.product-gallery-stacked-thumbnails.active {
		display: block;
	}
.product-gallery-stacked .flickity-slider, .product-gallery-stacked .slide {
left: 0!important;
    position: relative!important;
    right: 0!important;
    transform: none!important;
}
.flickity-slider {
	height: 100%;
}
.flickity-slider > div {
	width: 100%;
height: 200px;
}
.flickity-viewport {
	height: 100% !important;
}
.product-gallery-slider img, .product-thumbnails img {
	width: 100%;
height: 100%;
object-fit: cover;
}
}