/*
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.   ***************/
.wn-footer a{
	color:#fff !important;
}
.header-wrapper.stuck{
}
.header-wrapper{
	background-color:rgb(0 0 0 / 50%) !important;
}
.wn-linh-vuc .box-text h5,
.wn-linh-vuc .box-text p,
.wn-linh-vuc .box-text .post-title a {
	color: #000;
}

.widget a {
    color: #000 !important;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{box-shadow: none;top: 90px !important;width:450px;background:#13110ee8}
span.amount {
    color: #000;
}
.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
    background-color: #5755553d; 
    box-shadow: none; 

}
.wpcf7 label {
    display: inline-block;
    width: 100%;
    color: #000;
}
.col .col-inner .box-image{
	border-radius: 10px;
}
/* .gioi-thieu-section {
    background-position-y: center;
    background-size: 850px;
    background-image: url(/wp-content/uploads/2023/07/z4513582873462_9bccd0a0131e69b71e024bfa2059763e.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: right;
} */
.gioi-thieu-section{
	background-color:#fff;
	color:#000;
}
.header-full-width .container {
    max-width: 91% !important;
}
.wn-danh-muc-san-pham .box-text  .header-title{
	color: #272525;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1270px;
}
.widget_product_categories .is-divider{
	display: none;
}
.product-tab .ul .li{
	color: #000;
}
#footer {
    border-top: 2px solid white;
	
}
.absolute-footer {
    border-top: 1px solid white;
}
.flickity-button-icon {
	display: none;
}
.flickity-page-dots .dot.is-selected {
    background-color: #fde874 !important;
    border: 2px solid #fde874;
}
/*  .flickity-page-dots {
    bottom: 50%;
    right: 1%;
    left: auto;
    transform: rotate(90deg);
} */
    padding: 20px;
    background: #000000ad;
    border-radius: 10px;
    box-shadow: 0px 1px 6px rgb(219 239 205);
    border: 1px solid #7e7777;
}

.box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6, .box-text a:not(.button) {
    line-height: 1.5;
    margin-top: 0.1em;
    margin-bottom: 0.5em;
    color: #000;
}
#shop-sidebar span.widget-title {
    display: block;
    background: #F9C449;
    color: black;
    text-align: center;
    padding: 10px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* #shop-sidebar .widget ul li a {
    background: rgba(0,0,0,0) url(/wp-content/uploads/2023/07/icon-filter.png) no-repeat scroll left center;
    padding-left: 20px;
    color: #333;
} */
#shop-sidebar aside ul {
    border: 1px solid #7b7777;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#header .stuck .header-main {
	background-color: rgba(0,0,0,.5);
}
 .nav>li.active>a
{
	    color: #000;
}
.woocommerce-breadcrumb, .breadcrumbs a {
    color: #000;
}
#button-contact-vr {
    position: fixed;
    bottom: 0;
    top: 540px;
    z-index: 99999;
}
#wrapper, #main {
/*     background-color: #272525; */
	background-color:#fff;
    position: relative;
}
#header .stuck .header-main .menu-item .nav-top-link{
	color: rgba(255,255,255);
}
#header .stuck .header-main .menu-item.active .nav-top-link,
#header .stuck .header-main .menu-item:hover .nav-top-link{
	color: #ffe972;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
	border-bottom: none;
}
.nav-dropdown-has-arrow li.has-dropdown:after{
	border-bottom-color: #524a42;
}
.nav .nav-dropdown {
    background-color: #524a42;
	border: none;
}
.nav-dropdown.nav-dropdown-default>li>a {
	border-bottom: none;
	color: #cdcdcdbd;
}
.nav-dropdown>li>a:hover {
	color: #ffe972;
	padding-left: 16px;
}
.header-main .nav > li > a {
	font-weight: 100;
  	color: #000;
}
.is-divider {
	background-image: linear-gradient(to right, #c97810 , #feea75);
}
.wn-border-img {
	border: 4px solid #000;
    border-radius: 6px;
}
.wn-title-div {
	position: relative;
}
.wn-title-div h2:nth-child(1){
	color: transparent;
    -webkit-text-fill-color: transparent;
}
.wn-title {
	font-size: 2.8rem;
    font-weight: 800;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
}
.wn-after-title{
	position: absolute;
	top: 0;
    left: 0;
	color: #ffdb4a;
    -webkit-animation: animateTitle 3s ease-in-out infinite;
    animation: animateTitle 3s ease-in-out infinite;
}
.wn-title-white {
	-webkit-text-stroke: 1px #fff;
}
.wn-title-black {
	-webkit-text-stroke: 1px #000;
}
.wn-section-home-blog a.button {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.wn-section-home-blog{
	background-color:#fff;
}
.wn-blog-home .col.post-item .col-inner,
.wn-blog-home .col.post-item .col-inner .box{
    border-radius: 10px;
}
.wn-blog-home .col.post-item .col-inner .box{
    background: #474545;
    overflow: hidden;
}
.wn-blog-home .col.post-item .col-inner .box .box-text,
.wn-blog-home .col.post-item .col-inner .box .box-text .post-title,
.nav-dropdown>li>a {
	color: #000;
}
.box-text .post-title a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    min-height: 50px;
}
.wn-section-home-blog .box-text .post-title a{
    min-height: 80px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.wn-after-title{
		font-size: 2rem;
	}
	wn-danh-muc-san-pham .box-text  .header-title{
	color: #272525;
	}
	
	a {
    color: #000;
	}
	.wn-title-div h2:nth-child(1) {
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
}
	.wn-after-title {
    font-size: 28px;
	}
	.col .post-item {
       padding: 0 15px 30px;

}
	.gioi-thieu-section {
    
    background-image: none;
  
}
	.mfp-container .mfp-content{
		   background: black;

	}
	#image_959892656 {
    width: unset;
	}
	.section-content .img{
		width:unset;
	}
	#button-contact-vr {
    
    top: 500px;

}
/* 	 .flickity-page-dots {
   
    transform: none;
	position: none;
} */
}

@keyframes animateTitle {
	0%, 100% {
		clip-path: polygon(0% 45%, 15% 44%, 32% 50%, 54% 60%, 70% 81%, 84% 69%, 100% 72%, 100% 100%, 0% 100%);
	}
	50% {
		clip-path: polygon(0% 60%, 16% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
	}
}