/*
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. ***************/

/* ==========================
   MENU HEADER
========================== */
.header-bottom-nav>li>a {
  margin-right: 0px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  text-align: center;
}

.header-bottom-nav>li {
  border-right: 1px dashed #ddd;
}

.header-bottom-nav>li>a img {
  height: 26px;
  margin: auto;
  margin-bottom: 10px !important;
  width: auto;
}

/* ==========================
   FONT – ROBOTO CONDENSED
========================== */

/* Toàn bộ website dùng 1 font duy nhất – nhẹ nhất & nhanh nhất */
body,
.nav>li>a,
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.alt-font,
.product-small .product-title,
.product-small .product-title a,
.header-main .nav>li>a {
  font-family: "Roboto Condensed", sans-serif !important;
}

/* ==========================
   STYLE KHÁC
========================== */
.section-danh-muc .banner h3 strong {
  background: white;
  color: black;
  padding: 9px 23px;
}

.div-no-padding {
  padding-bottom: 0px !important;
}

.header-main {
  border-bottom: 0.5px solid #ccc;
}

.header-main .nav>li>a {
  line-height: 16px;
  font-size: 16px;
}

.absolute-footer {
  display: none;
}

.section-footer {
  border-top: 0.5px solid #ccc;
}

#billing_address_1_field {
  width: 100% !important;
}

.product-small .product-title {
  font-size: 20px;
}

.product-small .box-text .product-title a {
  border-bottom: 3px solid transparent;
}

.product-small .box-text:hover .product-title a {
  border-bottom: 3px solid #e84393;
}

/* Variation style */
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item {
  width: auto;
  border-radius: 0px !important;
}

.woo-variation-swatches-style-squared .button-variable-item {
  min-width: 38px !important;
}

.variable-item:not(.radio-variable-item) {
  width: 38px !important;
  height: 38px !important;
}

/* Banner cuối */
@media(max-width: 855px) {
  .section-banner-cuoi .banner {
    padding-top: 100px !important;
  }
}

/*************** MOBILE ONLY ***************/
@media only screen and (max-width: 48em) {
  /* Add mobile CSS here if needed */
}