/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.3
*/

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


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* CSS Giá + Title sản phẩm */
.product-title .title-wrapper {
    font-weight: bold;
}

.price-wrapper strong {
    color: red;
}

/* CSS heading */
.heading-tt {
  display: inline-block;
  margin-left: 20px;
  padding-bottom: 20px;
}
.heading-tt h3 {
  display: inline-block;
  background: #fff;
  padding: 5px 15px;
  margin: 0;
  transform: skew(-15deg);
  color: #e60000;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}

.heading-tt h3 span {
  display: inline-block;
  transform: skew(15deg); /* đảo ngược để chữ không bị xiên */
}

.heading-tt h3::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #fff;
}


/* CSS bn */
.bn-right .section-bg-overlay{
  right: 55%;
  background: linear-gradient(
    90deg,
    rgba(222, 0, 0, 0.8) 0%,
    rgba(222, 0, 0, 0.378) 100%
  );
}
.bn-left .section-bg-overlay{
  left: 55%;
  background: linear-gradient(
    90deg,
    rgba(222, 0, 0, 0.8) 0%,
    rgba(222, 0, 0, 0.378) 100%
  );
}
.btn-bg {
    background: #ffffff00;
    border: 3px #fff solid;
}
.btn-bg:hover {
    background: #fff;
    color:#111!important;
	box-shadow: none;
}

/* CSS footer */
.ft-ladi .section-bg-overlay.absolute.fill {
    background: linear-gradient(339deg, rgb(222 0 0 / 20%) 0%, rgba(222, 0, 0, 0.378) 100%);
}
.ft-ladi i.fa {
    color: #fff200;
    margin-right: 5px;
}
.ft-ladi p {
    margin-bottom: 0.5em;
}
/* ========== Mobile (<=768px) ========== */
@media (max-width: 768px) {
  .bn-right .section-bg-overlay {
    right: 0;
  }
  .bn-left .section-bg-overlay {
	top: 50%;
    left: 0;
  }
}

/* Header*/
/* .header-wrapper{
	display: none !important;
} */