/*
Theme Name: Flatsome Child
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body {
  color: #000000;
}

h1, h2, h3, h4, h5 {
  font-weight: 400 !important;
}

.hero-banner h1 {
  font-family: Jerin-Regular, serif;
  font-size: 3vw !important;
  text-transform: none !important;
  font-weight: 400 !important;
  line-height: 1.2;
}

.btn-order-now {
  font-size: 18px !important;
  font-weight: 500;
  background-color: rgba(0,0,0,0.7) !important;
  color: #FFF;
  letter-spacing: 3px;
}
#search-lightbox {
  margin-top: 40vh !important;
}
#search-lightbox .search-field {
  border: none !important;
  outline: none !Important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
}

#search-lightbox .flex-col.flex-grow {
  border-bottom: solid 2px #FFF !important;
}

.section-main .product-small .woocommerce-loop-product__link {
  font-size: 1.0666666666667rem;
  font-family: 'Montserrat', sans-serif;
  color: #282828;
  font-weight: 700 !important;
}

.section-main .product-small .product-title .price-wrapper {
  margin-bottom: 0.5em;
}

.back-to-top.active {
  background-color: #000000 !important;
}

.back-to-top.active i {
  color: #ffffff !important;
}

.mfp-container {
  padding: 0px !important;
}

.mfp-content {
  background: rgba(000, 000, 000, 0.8) !important;
  opacity: 0.8 !important;
  /* width: 400px; */
  height: 100%;

}

#main-menu {
  width: 100%;
  height: 100%;
}

#main-menu .sidebar-menu{
  width: 100%;
  height: 100%;
  padding: 0px;
}

#main-menu .sidebar-menu .nav-vertical {
  height: 100%;
  padding: 10rem 10px 2rem 20px !important;
  /* width: 400px; */
  border-right: #fefefe;
  /* background: rgba(000, 000, 000, 0.8) !important; */
  /* opacity: 0.7; */

}

.nav-sidebar.nav-vertical>li+li {
  border-top: none !important;
}

.off-canvas .nav-vertical>li>a {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: underline;
}

#main-menu .toggle i {
  color: #ffffff !important;
}

.off-canvas .nav-vertical li li>a {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: underline;
}

.off-canvas .nav-vertical>li>a:hover,.off-canvas .nav-vertical li li>a:hover {
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}

.title-heading {
  font-size: 35px;
  font-weight: 500;
}

.box-category-flower .box-text {
  background-color: rgba(0,0,0,.7);

}

.box-category-flower .box-text h3 {
  font-family: Montserrat, sans-serif;
  font-weight: 600 !important;
}

.dau-cau span {
  position: absolute;
  font-weight: bold;
  font-size: 156px !important;
  right: 0;
  left: 0;
  top: -25px;
}

.col-why-do .col-inner {
  padding: 10px 15px;
}

.col-customer .col-inner {
  background-color: #EEEEEE !important;
}

.woocommerce-variation-add-to-cart {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.add-to-cart-container .cart {
	display: flex;
  flex-direction: column;
  gap: 10px;
}

.hover-animation:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  transform: translateZ(0);
  clip-path: polygon(-1% 0,0 0,-25% 100%,-1% 100%);
  backface-visibility: hidden;
  transition: clip-path .5s cubic-bezier(.165,.84,.44,1) 0s;
  animation: opacityFallbackOut .5s step-end forwards;
}

.hover-animation:hover:before {
  clip-path: polygon(0 0,101% 0,101% 101%,0 101%);
  animation: opacityFallbackIn 0s step-start forwards;
}

.hover-animation:hover span {
  color: #ffffff;
  z-index: 9999;
  position: relative;
}

.single_add_to_cart_button {
	background-color: #3a3a3a !important;
	opacity: 1 !important;
}

.quantity .button {
	background-color: #ffffff !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#cart-popup {
	height: 100%;
    background-color: #ffffff;
    opacity: 1;
    z-index: 999;
}
[data-icon-label]:after {
	background-color: #d26e4b !important;
}

.checkout-button {
	background-color: #000 !important;
}
/* a:hover { 
  color: var(--link-hover-color);
} */

.icon-shopping-bag {
	color: #000000;
}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
  .hero-banner h1 {
	 font-size: 40px !important;
  }
	
 .hero-banner p {
		font-size: 3.3vw !important;
	}
 .dau-cau span {
    font-size: 138px !important;
    top: -46px !important;
 }
}

@media (min-width: 850px) {
	

    
}



@media (min-width: 1280px) {
  .section-main {
    padding-left: 91px;
    padding-right: 91px;
  }
    
}