@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,
.pri-color * {
  color: var(--fs-color-primary);
}

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

.button.primary:hover {
  background-color: var(--fs-color-secondary);
}

.button.secondary:hover {
  background-color: var(--fs-color-primary);
}

.mbws_product .badge-container {
  border-radius: 5px;
  left: 0px;
  top: 0px;
  margin: 0;
  overflow: hidden;
}
.mbws_product .badge-container .badge {
  height: 2em;
}
.mbws_product .badge-container .badge .badge-inner {
  padding: 5px;
}
.mbws_product > .col {
  border: solid 1px #E1E1E1;
  padding: 20px !important;
  border-width: 1px 0px 1px 1px;
}
.mbws_product > .col:last-child {
  border-width: 1px 1px 1px 1px;
}
.mbws_product .badge-container .badge {
  height: 1.8em;
  width: 3.5em;
}
.mbws_product .badge-container .badge .badge-inner {
  background-color: var(--fs-color-alert);
  border-radius: 5px;
}

.product-small .badge-container {
  border-radius: 5px;
  left: 15px;
  top: 15px;
  margin: 0;
  overflow: hidden;
}
.product-small .badge-container .badge {
  height: 2em;
}
.product-small .badge-container .badge .badge-inner {
  padding: 5px;
}
.product-small .box-text form.cart {
  display: none;
}
.product-small .box-text .product-title {
  font-weight: bold;
}
.product-small .box-text .product-title a {
  color: #000;
}
.product-small .box-text .product-title a:hover {
  color: var(--fs-color-secondary);
}
.product-small .box-text .price ins span {
  color: var(--fs-color-primary);
}
.product-small .box-image .wishlist-icon {
  display: none;
}
.product-small .box-image .image-tools.bottom {
  left: auto;
  right: 0;
  bottom: 0;
  width: unset;
}
.product-small .box-image .image-tools.bottom > .quick-view {
  display: none;
}
.product-small .box-image .image-tools.bottom .quick-cta {
  overflow: hidden;
  border-radius: 5px;
  padding: 0px 0px;
  border-radius: 5px;
  background-color: var(--fs-color-secondary);
  display: flex;
  gap: 0px;
  flex-direction: column;
}
.product-small .box-image .image-tools.bottom .quick-cta a {
  line-height: unset;
  transition: all 450ms;
  border: transparent;
  background-color: var(--fs-color-secondary);
  padding: 10px 10px 11px;
  margin: 0;
}
.product-small .box-image .image-tools.bottom .quick-cta a i {
  width: 20px !important;
  height: 20px;
  color: #fff;
  margin: 0 !important;
}
.product-small .box-image .image-tools.bottom .quick-cta a i.ti-eye {
  font-size: 20px;
}
.product-small .box-image .image-tools.bottom .quick-cta a svg {
  width: 24px;
  color: #fff;
}
.product-small .box-image .image-tools.bottom .quick-cta a:hover {
  transition: all 450ms;
  box-shadow: unset;
  background-color: var(--fs-color-primary);
}
.product-small .box-image .image-tools.bottom .quick-cta a:hover i {
  color: #fff !important;
}
.product-small .box-image .image-tools.bottom .quick-cta a.yith-wcwl-add-to-wishlist-button, .product-small .box-image .image-tools.bottom .quick-cta a.quick-view {
  padding: 10px 10px 0px;
}
.product-small .box-image .image-tools.bottom .quick-cta .yith-wcwl-add-button span {
  display: none;
}

.star-rating::before {
  color: #FFB128 !important;
}
.star-rating span::before {
  color: #FFB128 !important;
}

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

.banner.has-hover {
  overflow: hidden;
}
.banner.has-hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 120%;
  height: 100px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
  z-index: 1;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translateY(-150%);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translateY(-150%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
.banner.has-hover:hover::before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translateY(200%);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translateY(200%);
  left: -100%;
  top: 100%;
}

.button.secondary:hover {
  background-color: var(--fs-color-primary);
}

.button.primary:hover {
  background-color: var(--fs-color-secondary);
}

.post-item .box {
  overflow: hidden;
  border: solid 1px #E6E6E6;
  border-radius: 5px;
}
.post-item .box .box-text {
  background-color: #fff;
  padding: 20px 30px;
}
.post-item .box .box-text .post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.post-item .box .box-text .cat-label {
  color: var(--fs-color-primary);
  font-weight: 700;
  font-size: 0.75em;
  margin-bottom: 10px;
}
.post-item .box .box-text .is-divider {
  opacity: 0;
}
.post-item .box .badge {
  margin-left: 0;
  top: 20px;
  left: 20px;
  height: 3.5em;
  width: 3.5em;
}
.post-item .box .badge .badge-inner {
  border-radius: 5px;
}

.feature {
  position: relative;
  overflow: hidden;
}
.feature::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.feature .image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-size: cover;
  background-position: center;
}

ul.row.related-post li {
  list-style: none;
}

.related-title {
  line-height: 1.3 !important;
  margin-top: 10px !important;
}

.wpcf7-form label {
  color: var(--fs-color-secondary);
}
.wpcf7-form .wpcf7-form-control-wrap {
  margin-top: 5px;
}
.wpcf7-form .wpcf7-form-control {
  box-shadow: unset;
  border-radius: 5px !important;
  height: 3.6em !important;
}
.wpcf7-form .wpcf7-submit {
  padding: 0 60px;
}
.wpcf7-form .form-group {
  display: inline-block;
  width: 100%;
}
.wpcf7-form .form-group p {
  padding-right: 15px;
  width: 50%;
  float: left;
}
.wpcf7-form .form-group p:last-child {
  padding-right: 0;
  padding-left: 15px;
}

.form-subcriber p {
  display: flex;
}
.form-subcriber p .wpcf7-form-control-wrap {
  width: 100%;
}
.form-subcriber p .wpcf7-form-control-wrap .wpcf7-email {
  box-shadow: unset;
  border: solid 2px var(--fs-color-primary);
  border-radius: 5px 0 0 5px !important;
  margin: 0;
}
.form-subcriber p .wpcf7-submit {
  margin: 5px 0 0 0;
  border-radius: 0 5px 5px 0 !important;
}
.form-subcriber p .wpcf7-submit:hover {
  background-color: var(--fs-color-secondary);
}
.form-subcriber p .wpcf7-spinner {
  position: absolute;
  bottom: -30px;
}

.accordion .accordion-item a.accordion-title {
  background-color: #fff;
  border: solid 1px #D5D8DC;
  color: var(--fs-color-secondary);
  padding: 1em 1.5em;
  border-width: 1px 1px 0px 1px;
}
.accordion .accordion-item a.accordion-title .toggle {
  transform: translate(0px, -50%);
  top: 50%;
  left: auto;
  right: 0;
}
.accordion .accordion-item a.accordion-title .toggle i {
  font-size: 1.3em;
}
.accordion .accordion-item .accordion-inner {
  padding: 1em 1.5em 1em;
  background-color: #FAFAFA;
  border: solid 1px #D5D8DC;
  border-width: 1px 1px 0px 1px;
}
.accordion .accordion-item:last-child a.accordion-title {
  border-width: 1px 1px 1px 1px;
}
.accordion .accordion-item:last-child .accordion-inner {
  border-width: 0px 1px 1px 1px;
}

.banner {
  border-radius: 5px;
}

.border-0, .border-0 * {
  border-radius: 0 !important;
}

.ux-menu .ux-menu-link a span {
  padding-left: 0;
  margin-left: 0.5em;
  position: relative;
}
.ux-menu .ux-menu-link a span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background: currentColor;
  width: 0;
  transition: all 0.3s linear;
}
.ux-menu .ux-menu-link:hover a span::before {
  width: 100%;
  right: auto;
  left: 0;
}

.nav-pagination > li > a, .nav-pagination > li > span {
  border: 1px solid !important;
  border-radius: 0px !important;
}

.mbws_breadcrumb .page-title-inner .title-breadcrumbs .breadcrumbs {
  color: var(--fs-color-secondary);
  text-transform: none !important;
}

#header .nav-dropdown {
  border-width: 1px !important;
  box-shadow: unset;
}
#header .menu-item .sub-menu {
  border-width: 1px;
  box-shadow: unset;
}
#header .header-top {
  padding: 5px 0;
}
#header .header-top .flex-row .flex-left {
  font-size: 0.85em;
  flex-basis: 60%;
  min-width: 60%;
}
#header .header-top .flex-row .flex-left .icon-box .icon-box-text {
  padding-left: 0.5em;
}
#header .header-top .flex-row .flex-left .icon-box .icon-box-img {
  width: 15px !important;
}
#header .header-main .cart-item .header-cart-icon::after {
  background-color: var(--fs-color-primary);
}
#header .header-main .cart-item .header-cart-icon img {
  filter: invert(1);
  width: 30px;
}
#header .header-main .account-item .header-button a {
  display: flex;
  color: #fff;
  font-size: 2em;
  min-width: unset;
  border: unset;
  min-height: unset;
  padding: 10px 0;
}
#header .header-main .account-item .header-button a:hover {
  background-color: unset;
}
#header .header-main .header-search-form .search-field {
  border-radius: 5px 0px 0 5px;
  padding: 13px 15px;
  box-shadow: unset;
  border: unset;
  height: unset;
}
#header .header-main .header-search-form .ux-search-submit {
  padding: 8px 20px;
  color: var(--fs-color-secondary);
  border: unset;
  background-color: #fff;
  border-radius: 0 5px 5px 0;
}
#header .header-main .header-vertical-menu__opener {
  border-radius: 5px;
}
#header .header-main .header-block {
  width: unset;
}
#header .header-bottom {
  font-size: 1.2em;
}
#header .header-bottom .header-nav > li > a {
  position: relative;
}
#header .header-bottom .header-nav > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: currentColor;
  width: 0;
  transition: all 0.3s linear;
}
#header .header-bottom .header-nav > li:hover a::before {
  width: 100%;
  right: auto;
  left: 50%;
}
#header .header-bottom .header-nav li.current-menu-item a::before {
  width: 100%;
  right: auto;
  left: 50%;
}
#header .header-bottom .header-nav .menu-item-home a {
  font-size: 0;
}
#header .header-bottom .header-nav .menu-item-home a img {
  margin-right: 0;
}
#header .header-bottom .nav-left > li {
  margin-right: 15px;
}
#header .header-bottom .nav-left > li > a {
  font-weight: 500;
}
#header .header-bottom .nav-left > li > a::before {
  background-color: var(--fs-color-secondary);
  bottom: -9px;
}
#header .header-bottom .nav-left > li .sub-menu {
  padding: 0px;
}
#header .header-bottom .nav-left > li .sub-menu li a {
  font-size: 0.8em;
}

.mobile-sidebar .menu-item-home a {
  font-size: 0;
}
.mobile-sidebar .menu-item-home a img {
  margin-right: 0;
}

body.home .mbws_breadcrumb {
  display: none;
}

.mbws_home-banner .icon-box {
  align-items: center;
}

.mbws_home-doi-tac .slider .flickity-button {
  top: 0;
}
.mbws_home-doi-tac .slider .flickity-button svg {
  margin-top: 0 !important;
}
.mbws_home-doi-tac .gallery-col {
  padding-bottom: 0 !important;
}
.mbws_home-doi-tac .gallery-col .box-text {
  display: none;
}
.mbws_home-doi-tac .gallery-col .box-image img {
  aspect-ratio: 6/2;
}

@media (max-width: 767px) {
  .mbws_home-tin-tuc .flickity-button {
    display: none;
  }
}
.mbws_home-tin-tuc .flickity-button svg {
  opacity: 1;
  border: unset !important;
  background-color: #fff;
  box-shadow: 0 13px 17px rgba(0, 0, 0, 0.2);
  height: 50px;
  max-width: unset;
  width: 50px;
  padding: 15px;
}

.sidebar-inner .widget .widget-title {
  color: var(--fs-color-secondary);
}
.sidebar-inner .widget .is-divider {
  height: 1px;
  max-width: 100%;
}
.sidebar-inner .widget .product-categories .cat-item {
  border-top: unset;
}
.sidebar-inner .widget ul.woocommerce-widget-layered-nav-list li {
  border-top: unset;
}
.sidebar-inner .widget ul.woocommerce-widget-layered-nav-list li .count {
  display: none;
}
.sidebar-inner .widget ul.woocommerce-widget-layered-nav-list li a {
  position: relative;
  padding-left: 24px;
}
.sidebar-inner .widget ul.woocommerce-widget-layered-nav-list li a::before {
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #888;
  background-color: transparent;
  -webkit-transition: inherit;
  transition: inherit;
  position: absolute;
  left: 0;
  top: 30%;
  border-radius: unset;
}
.sidebar-inner .widget ul.woocommerce-widget-layered-nav-list li a:hover::after {
  content: "\ea5e";
  font-family: "matbaows-icons";
  position: absolute;
  left: 0;
  z-index: 1;
  font-size: 13px;
  line-height: 1;
  top: 30%;
  color: currentColor;
}
.sidebar-inner .widget ul.woocommerce-widget-layered-nav-list li.chosen a {
  color: var(--fs-color-secondary);
}
.sidebar-inner .widget ul.woocommerce-widget-layered-nav-list li.chosen a::after {
  content: "\ea5e";
  font-family: "matbaows-icons";
  position: absolute;
  left: 0;
  z-index: 1;
  font-size: 13px;
  line-height: 1;
  top: 30%;
  color: currentColor;
}
.sidebar-inner .widget .price_slider_wrapper .price_slider .ui-slider-range, .sidebar-inner .widget .price_slider_wrapper .price_slider .ui-slider-handle {
  background-color: var(--fs-color-primary);
}
.sidebar-inner .widget .price_slider_wrapper .price_slider_amount .button {
  background-color: var(--fs-color-secondary);
}
.sidebar-inner .widget .price_slider_wrapper .price_slider_amount .button:hover {
  background-color: var(--fs-color-primary);
}
.sidebar-inner .widget .price_slider_wrapper .price_slider_amount .price_label {
  color: var(--fs-color-secondary);
}
.sidebar-inner .widget li.wc-layered-nav-rating {
  border-top: unset;
}
.sidebar-inner .widget li.wc-layered-nav-rating .count {
  display: none;
}
.sidebar-inner .widget li.wc-layered-nav-rating a {
  position: relative;
  padding-left: 24px;
}
.sidebar-inner .widget li.wc-layered-nav-rating a::before {
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #888;
  background-color: transparent;
  -webkit-transition: inherit;
  transition: inherit;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: unset;
}
.sidebar-inner .widget li.wc-layered-nav-rating a:hover::after {
  content: "\ea5e";
  font-family: "matbaows-icons";
  position: absolute;
  left: 0;
  z-index: 1;
  font-size: 13px;
  line-height: 1;
  top: 50%;
  transform: translate(0, -50%);
  color: currentColor;
}
.sidebar-inner .widget li.wc-layered-nav-rating.chosen a {
  color: var(--fs-color-secondary);
}
.sidebar-inner .widget li.wc-layered-nav-rating.chosen a::after {
  content: "\ea5e";
  font-family: "matbaows-icons";
  position: absolute;
  left: 0;
  z-index: 1;
  font-size: 13px;
  line-height: 1;
  top: 50%;
  transform: translate(0, -50%);
  color: currentColor;
}

.single-post .article-inner .entry-header {
  display: flex;
  flex-direction: column-reverse;
}
.single-post .article-inner .entry-header .entry-image .badge {
  display: none;
}
.single-post .article-inner .entry-header .entry-header-text {
  text-align: left;
  padding: 30px 0 0 0;
}
.single-post .article-inner .entry-header .entry-header-text .entry-title {
  margin-bottom: 10px;
}
.single-post .article-inner .entry-header .entry-header-text .entry-divider {
  display: none;
}
.single-post .mbws_related-post .mbws_title_related {
  text-align: left;
}
.single-post .mbws_related-post .mbws_blog-1 .post-item .box .box-text .cat-label {
  display: none;
}
.single-post .mbws_related-post .mbws_blog-1 .post-item .box .box-text .from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.archive .shop-page-title .woocommerce-breadcrumb {
  display: none;
}
.archive .shop-container .products {
  margin: 0 0 30px 0 !important;
}
.archive .shop-container .products > .product-small {
  border: solid 1px #E1E1E1;
  padding: 20px !important;
  border-width: 1px 0px 1px 1px;
}
.archive .shop-container .products > .product-small .box .box-text {
  text-align: center;
}
.archive .shop-container .products > .product-small .box .box-text .price-wrapper .price ins span {
  color: var(--fs-color-primary);
}
.archive .shop-container .products > .product-small .box .box-text .add-to-cart-button a {
  text-transform: none;
  font-size: 1em;
  padding: 4px 30px;
  border-radius: 5px;
  background-color: var(--fs-color-secondary);
}
.archive .shop-container .products > .product-small .box .box-text .add-to-cart-button a:hover {
  background-color: var(--fs-color-primary);
}
.archive .shop-container .products > .product-small.last {
  border-width: 1px 1px 1px 1px;
}
.archive .shop-container .products .badge-container {
  margin: 0 !important;
}
.archive .shop-container .products .badge-container .badge {
  height: 1.8em;
  width: 3.5em;
}
.archive .shop-container .products .badge-container .badge .badge-inner {
  background-color: var(--fs-color-alert);
  border-radius: 5px;
}

.single-product .product-main .product-gallery .image-tools {
  display: none;
}
.single-product .product-main .product-gallery .badge-container {
  border-radius: 5px;
  right: 15px;
  left: auto;
  top: 15px;
  margin: 0;
  overflow: hidden;
}
.single-product .product-main .product-gallery .badge-container .badge {
  height: 2em;
}
.single-product .product-main .product-gallery .badge-container .badge .badge-inner {
  padding: 5px;
}
.single-product .product-main .product-gallery .woocommerce-product-gallery {
  border-radius: 5px;
  border: solid 1px #DADADA;
  opacity: 1;
}
.single-product .product-main .product-info .woocommerce-breadcrumb, .single-product .product-main .product-info .is-divider {
  display: none;
}
.single-product .product-main .product-info .price-wrapper {
  padding-bottom: 5px;
  border-bottom: dotted 2px #DADADA;
}
.single-product .product-main .product-info .price-wrapper ins span {
  color: #F0371B;
}
.single-product .product-main .product-info .product-short-description {
  padding-top: 20px;
}
.single-product .product-main .product-info .cart {
  display: flex;
}
.single-product .product-main .product-info .cart .ux-quantity .input-text {
  box-shadow: unset;
  max-width: 3em;
  width: 3em;
  height: 3.6em;
}
.single-product .product-main .product-info .cart .ux-quantity .minus, .single-product .product-main .product-info .cart .ux-quantity .plus {
  box-shadow: unset;
  padding-left: 1.2em;
  padding-right: 1.2em;
  text-shadow: unset;
}
.single-product .product-main .product-info .cart .single_add_to_cart_button {
  height: 3.6em;
  background-color: var(--fs-color-primary);
  width: 100%;
  border-radius: 5px;
}
.single-product .product-main .product-info .cart .single_add_to_cart_button:hover {
  background-color: var(--fs-color-secondary);
}
.single-product .product-main .product-info .yith-add-to-wishlist-button-block a svg {
  display: none;
}
.single-product .product-main .product-info .product_meta {
  font-size: 1em;
}
.single-product .product-footer .accordion .accordion-item .accordion-inner {
  padding: 1em 2.3em 1em;
}
.single-product .product-footer .related {
  margin-top: 60px;
}