@charset "UTF-8";
/**
 * _base.scss
 * 
 * 1/ biến màu săc
 * 2/ biến kích thước font chữ
 * 3/ Cấu hình border
 * 4/ Mixin
 * 5/ Responsive
*/
.pri-color {
  color: var(--fs-color-primary);
}
.pri-color * {
  color: var(--fs-color-primary);
}

.sec-color {
  color: var(--fs-color-secondary);
}
.sec-color * {
  color: var(--fs-color-secondary);
}

.justify {
  text-align: justify;
}
.justify * {
  text-align: justify;
}

.hyg_mb-0 {
  margin-bottom: 0 !important;
}
.hyg_mb-0 * {
  margin-bottom: 0 !important;
}

.hyg_mt-0 {
  margin-top: 0 !important;
}
.hyg_mt-0 * {
  margin-top: 0 !important;
}

.hyg_pb-0 {
  padding-bottom: 0 !important;
}
.hyg_pb-0 * {
  padding-bottom: 0 !important;
}

@media (max-width: 550px) {
  .single-product .info .product-title-container {
    display: none;
  }
}
.single-product .info .product-title-container .product-title {
  font-size: 2.2em;
}
@media (max-width: 550px) {
  .single-product .info .product-price-container {
    display: none;
  }
}
.single-product .info .product-price-container .price {
  font-size: 1.6em;
  color: var(--fs-color-primary);
}
.single-product .info .product-price-container .price .woocommerce-Price-amount {
  color: var(--fs-color-primary);
}
.single-product .info .woocommerce-tabs .tabs li {
  width: auto;
}
.single-product .sidebar .product-title-container {
  display: none;
}
@media (max-width: 550px) {
  .single-product .sidebar .product-title-container {
    display: block;
  }
}
.single-product .sidebar .add-to-cart-container .cart .ux-quantity {
  background-color: #fff;
}
.single-product .related {
  padding: 15px;
  background-color: #fff;
}
.single-product .related .product-section-title {
  font-size: 1.4rem;
  text-transform: capitalize;
  text-align: center;
}

.archive .blog-archive > .row {
  background-color: #fff;
  padding-top: 30px;
}
@media (min-width: 550px) {
  .archive .blog-archive > .row {
    margin-top: -100px;
  }
}
.archive .blog-archive > .row #post-list .post-item .box .box-text {
  vertical-align: top;
  padding: 0 15px;
}
@media (max-width: 550px) {
  .archive .blog-archive > .row #post-list .post-item .box .box-text {
    padding: 15px 15px;
  }
}
.archive .blog-archive > .row #post-list .post-item .box .box-text .post-title a {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

body.single-post .blog-single > .row {
  background-color: #fff;
  padding-top: 30px;
}
@media (min-width: 550px) {
  body.single-post .blog-single > .row {
    margin-top: -100px;
  }
}
body.single-post .entry-header {
  display: none;
}
body.single-post .entry-header .entry-divider {
  opacity: 0;
}
body.single-post .entry-content {
  padding-top: 0 !important;
}
body.single-post .sml_after-blog .box-white {
  padding: 15px 15px 0 15px;
  background-color: #fff;
  margin: 1em 0px;
}

body.archive .shop-page-title .woocommerce-ordering, body.archive .shop-page-title .woocommerce-result-count, body.archive .shop-page-title .woocommerce-breadcrumb {
  display: none;
}
body.archive .shop-page-title .category-filtering a {
  background-color: #fff;
  padding: 10px 15px;
}
body.archive #main > .category-page-row > .col .shop-container {
  background-color: #fff;
  padding: 30px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sml-custom-menu-trigger {
  border: unset !important;
  cursor: pointer;
}
.sml-custom-menu-trigger .icon-menu {
  padding: 4px 6px;
  border-radius: 50px;
  color: #fff;
  background-color: var(--fs-color-primary) !important;
}

.sml-universal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s;
}
.sml-universal-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

.sml-universal-menu-container {
  position: fixed;
  top: 0;
  right: 0;
  width: 400px;
  max-width: 90%;
  height: 100%;
  background-color: #fff;
  box-shadow: -2px 0 15px rgba(0, 0, 0, 0.15);
  z-index: 99999;
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
}
.sml-universal-menu-container.is-open {
  transform: translateX(0);
}
.sml-universal-menu-container .sml-universal-menu-header {
  display: flex;
  justify-content: flex-end;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 10;
}
.sml-universal-menu-container .sml-universal-menu-close {
  font-size: 28px;
  color: #888;
  cursor: pointer;
  line-height: 1;
}
.sml-universal-menu-container .sml-universal-menu-inner {
  overflow-y: auto;
  flex-grow: 1;
  padding: 15px;
}

.sml-cloned-menu-content {
  padding: 15px 25px;
}
.sml-cloned-menu-content, .sml-cloned-menu-content ul, .sml-cloned-menu-content li {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  float: none;
}
.sml-cloned-menu-content > ul {
  width: 100%;
  --nav-border-color: transparent !important;
}
.sml-cloned-menu-content > ul > li {
  display: block;
}
.sml-cloned-menu-content > ul > li a {
  text-transform: uppercase;
}
.sml-cloned-menu-content > ul > li .sub-menu {
  border: unset;
  max-height: unset;
  margin: 0;
}
.sml-cloned-menu-content > ul > li.active > a {
  color: #333;
}
.sml-cloned-menu-content > ul > li > a {
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  color: #333;
  font-weight: 600;
  text-decoration: none;
  width: 100%;
  border: none !important;
  box-shadow: none !important;
}
.sml-cloned-menu-content > ul > li > a > i.icon-angle-down {
  display: none !important;
}
.sml-cloned-menu-content .sml-accordion-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  cursor: pointer;
  z-index: 5;
  margin-left: 10px;
}
.sml-cloned-menu-content .sml-accordion-toggle i {
  transition: transform 0.3s ease;
  font-size: 1.2em;
  color: #aaa;
}
.sml-cloned-menu-content li.is-open > a .sml-accordion-toggle i {
  transform: rotate(180deg);
}
.sml-cloned-menu-content .nav-dropdown, .sml-cloned-menu-content .sub-menu {
  display: none;
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
  background-color: #f9f9f9;
  border-top: 1px solid #eee;
  margin: 0 -25px -1px;
  padding: 15px;
  width: auto !important;
}
.sml-cloned-menu-content .row {
  margin-left: 0;
  margin-right: 0;
}
.sml-cloned-menu-content .section-content h1, .sml-cloned-menu-content .section-content h2, .sml-cloned-menu-content .section-content h3, .sml-cloned-menu-content .section-content h4, .sml-cloned-menu-content .section-content h5 {
  font-size: 1em !important;
  margin-top: 15px;
  margin-bottom: 10px;
}

.loading-spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #446084;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  margin: 20px auto;
}