/*
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.   ***************/
@font-face {
  font-family: "SVN-Regular";
  src: url("./fonts/SVN-GilroyRegular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "SVN-Regular", sans-serif !important;
  font-size: 16px; /* Set font size here */
  line-height: 150%;
}
.header-nav.header-nav-main {
  justify-content: center !important;
}
.search-field.mb-0 {
  height: 48px;
  width: 350px;
  padding: 15px 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  border: 1px solid #000 !important;
}
.header-main {
  height: 132px !important;
}
.ux-search-submit.submit-button {
  height: 48px;
  color: #fff;
  background-color: #000;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative;
  left: -7px;
  width: 109px !important;
}
.button-hotline {
  background-color: #eb0000 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0px;
  color: #fff !important;
}
.button-hotline a {
  color: #fff;
}
#wide-nav {
  background-color: #eb0000 !important;
}
.header-vertical-menu__opener {
  background-color: #c70101 !important;
}
.nav-top-link {
  font-size: 16px !important;
  color: #fff !important;
  font-weight: 100 !important;
}
.nav.header-nav {
  margin-left: 60px;
  display: flex;
  gap: 12px;
}
.nav.header-nav {
  margin-left: 0px !important;
}
.menu-item.menu-item-type-taxonomy a {
  color: #000 !important;
}
.header-vertical-menu__fly-out.header-vertical-menu__fly-out--open.has-shadow {
  width: 203px !important;
}
.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase {
  margin-left: 40px !important;
}
.slider-wrapper.relative {
  margin-left: 24px !important;
}
.banner-bg.fill img {
  object-fit: fill !important;
}
.menu-item.menu-item-type-taxonomy {
  height: 62px !important;
  display: flex;
}
.menu-item.menu-item-type-custom {
  height: 64px !important;
  background-color: #000 !important;
  display: flex;
}
.menu-item.menu-item-type-custom a {
  color: #fff !important;
}
.viewnumber__text {
  font-size: 24px;
  color: #eb0000;
  font-weight: 600;
  text-transform: capitalize;
}
.viewnumber {
  position: relative;
  margin-bottom: 34px;
}
.viewnumber:after {
  content: "";
  width: 120px;
  position: absolute;
  bottom: -26px;
  background-image: url("./Vector 46.svg");
  height: 9px;
  background-repeat: no-repeat;
}

.viewnumber:before {
  content: "";
  width: 60%;
  position: absolute;
  bottom: -19px;
  height: 3px;
  left: 5px;
  background-color: #d2d2d2;
}
.text.category-title {
  position: relative;
  top: -59px;
  color: #000;
  margin-top: -27px;
}
.text.category-title p {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff !important;
  font-weight: 600;
}
.section-category .text.category-title {
  margin-top: 0px !important;
}
.section-category .col {
  padding-bottom: 0px !important;
}
.section-category .box-text {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  height: 0px !important;
}
.section-category .row:last-child {
  margin-top: 30px;
}
.padding-4 {
  padding-bottom: 4px !important;
}
#footer {
  background-color: #000;
  padding: 50px 0px;
  color: #fff !important;
}
.row-baohanh {
  border-radius: 4px !important;
  background-color: #eb0000 !important ;
  overflow: hidden !important;
}
.single-product .button.primary {
  margin-top: 20px !important;
  order-radius: 5px;
  padding: 0px 0px 0px 0px;
  width: 120px;
  padding-bottom: 5px !important;
}
.woocommerce-breadcrumb {
  display: none !important;
}
#shop-sidebar {
  background-color: #f5f5f5 !important;
  padding: 12px !important;
}
.is-divider.small {
  display: none !important;
}
.widget-title.shop-sidebar {
  background-color: #000;
  color: #fff;
  padding: 12px 4px;
  width: 238px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  justify-content: center;
  height: 50px;
  align-items: center;
}
.cat-item {
  padding: 8px 4px;
  color: #000;
  font-weight: 600;
}
.title-category {
  font-size: 26px;
  text-align: center;
  text-transform: capitalize;
  color: #eb0000 !important;
  font-weight: 700 !important;
  line-height: 42px !important;
  position: relative;
  margin-bottom: 30px !important;
}
.title-category:after {
  content: "";
  position: absolute;
  bottom: -29px;
  background-image: url("./Group 10519.svg");
  height: 29px;
  background-repeat: no-repeat;
  width: 120px; /* Đặt lại giá trị width phù hợp */
  left: 50%;
  transform: translateX(-50%);
  content: "";
  position: absolute;
  bottom: -44px;
  height: 29px;
  background-repeat: no-repeat;
  left: 83%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}

.category-description {
  line-height: 30px;
  font-size: 20px;
  color: #000;
  text-align: center !important;
  margin-top: 30px !important;
}
.page-title-inner {
  min-height: 60px;
  padding-top: 20px;
  position: relative;
  top: 240px !important;
  z-index: 999;
}
.category-page-row {
  padding-top: 90px !important;
}
.product-small.col {
  border: 1px solid #e9e9e9;
  padding: 12px;
  border-radius: 8px;
  text-align: center !important;
  flex-basis: 31.333333% !important;
  max-width: 31.333333% !important;
}
.image-fade_in_back img {
  border-radius: 8px !important;
}
.button.chi-tiet-btn {
  text-transform: math-auto;
  border-radius: 24px;
  font-size: 13px;
  padding: 0px 28px;
}
.woocommerce-LoopProduct-link {
  color: #000;
  font-weight: 600;
  padding: 0px 10px;
}
.price ins span {
  color: #eb0000 !important;
}

.callout.badge.badge-circle {
  position: absolute;
  right: 0;
  font-size: 9px;
  width: 31px;
  border-radius: 0% !important;
  height: 15px;
  border: none !important;
  background-color: #eb0000 !important;
}
.products.row.row-small.large-columns-3 {
  gap: 24px !important;
}
.product-small.large-columns-3 > .col {
  flex-basis: 31.333333% !important;
  max-width: 31.333333% !important;
}
.badge-container.absolute {
  position: absolute !important;
  left: 85%;
  margin-top: 0;
  font-size: 9px;
  width: 34px;
  border-radius: 0% !important;
  height: 18px;
  border: none !important;
  background-color: #eb0000 !important;
}
.badge-inner.secondary.on-sale {
  background-color: #eb0000 !important;
}
.price {
  display: flex !important;
  flex-direction: column-reverse !important;
  gap: 5px;
  margin-top: 10px;
}
.woocommerce.columns-4 .gallery-columns-4 .gallery-item,
.large-columns-4 .flickity-slider > .col,
.large-columns-4 > .col {
  flex-basis: 23% !important;
  max-width: 23% !important;
}
.products.row.row-small.large-columns-4 {
  gap: 24px !important;
}
.product_list_widget {
  position: absolute;
  top: 50px !important;
}
.tabs.wc-tabs li.active {
  background-color: #ef0016 !important;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  font-size: 16px;
  color: #fff;
  padding: 1px 24px;
}
.tabs .active a {
  color: #fff !important;
}
.tabs {
  border-bottom: 1px solid #dbdbdb !important;
}

.nav-line > li.active > a:before,
.nav-line > li:hover > a:before {
  opacity: 0 !important;
}
.widget-title.shop-sidebar {
  background-color: #ef0016 !important;
  width: 100% !important;
}
.product_list_widget {
  border: 3px solid #ef0016;
  padding: 12px;
}
#form-response {
  right: 29px;
  margin-top: 200px;
  display: none;
  position: fixed;
  top: 20px;
  padding: 10px 20px;
  background-color: #4caf50;
  color: white;
  border-radius: 4px;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  transition: right 0.5s ease-in-out;
}
.show {
  right: 20px; /* Di chuyển vào trong màn hình */
  display: block;
}
.attachment-medium.size-medium.wp-post-image{
  border-radius:12px !important;
}
.post-title{
  color:#000 !important;
  text-align:left !important;
}
.box-blog-post .is-divider {
  height: 2px;
  margin-bottom: .5em;
  margin-top: .5em;
  display:none !important;
}
.from_the_blog_excerpt{
  text-align:left !important;
}
.col.post-item{
  padding-bottom:0px !important;
}
.col.small-12.large-12{
  padding-bottom:0px !important;
 
}
.section-category .col{
  margin-bottom:20px !important;
}
.category-title{
  height:0px !important;
}
.wp-post-image{
  aspect-ratio: 16/9 !important;
}
.post-excerpt.mb{
  margin-bottom:8px !important;
}
.page-numbers{
  width:40px;
  height:40px;
  border-radius:50%;
  background-color: #ef0016 !important;
  display:flex;
  justify-content:center;
  align-items:center;
}
.pagination .nav-links{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.page-numbers.current{
  color:#fff !important;
}
.header-nav .menu-item-type-custom{
  background-color:#EB0000 !important;
}
#menu-menu-doc .menu-item-type-custom{
  background-color:#000 !important;
  width: calc(100% + 2px) !important;
  height: 66px !important;
}
.nav>li.current-menu-item a{
  color:#000 !important;
}
a{
  font-family: "SVN-Regular", sans-serif !important;
}
.woocommerce-pagination{
  display:flex;
  justify-content:center !important;
}
.nav-pagination>li>a, .nav-pagination>li>span {
  border: 0px !important;;
  border-radius: 99px;
  display: block;
  font-size: 1.1em;
  font-weight: bolder;
  height: 2.25em;
  line-height: 2em;
  min-width: 2.25em;
  padding: 0 7px;
  text-align: center;
  transition: all .3s;
  vertical-align: top;
  width: auto;
  width:40px !important;
  height:40px !important;
  display:flex;
  justify-content:center;
  align-items:center;
}
.next.page-number{
  border:1px solid #000 !important;
  display:flex;
  justify-content:center;
  align-items:center;
}
.prev.page-number{
  border:1px solid #000 !important;
  display:flex;
  justify-content:center;
  align-items:center;
}
.header-vertical-menu__opener {
  width: 203px;
  height: 63px !important;
}
.uudai-title p{
  margin-bottom:0px !important;
}


@media only screen and (max-width: 48em) {
  .category-title{
    height:0px !important;
  }
  .category-page-row {
    padding-top: 0px !important;
  }
  .page-title-inner {
    min-height: 60px;
    padding-top: 20px;
    position: relative;
    top: 0px !important;
    z-index: 0 !important;
  }
  .slider-wrapper.relative {
    margin-left: 0px !important;
  }
  .home.page-template .flickity-viewport {
    height: 150px !important;
    max-height:100% !important;
  }
  .banner-bg.fill img {
    object-fit:contain !important;
    height:auto !important;
    asipato
  }
  #content .row:first-child .col{
    padding-top:0px !important;
    padding-bottom:0px !important;
  }
  #content .row:first-child .col.medium-2.small-12.large-2{
    display:none !important;
  }
  .search-field.mb-0 {
    width: 100% !important;
  }
  .icon-menu{
    font-size:38px !important;
    color: #000 !important;
  }
  .menu-item a{
    color:#000 !important;
  }
  .header-newsletter-item,.account-item,.header-social-icons{
    display:none !important;
  }
  #shop-sidebar{
    margin-top:20px !important;
  }
  .product-small.col {
    border: 1px solid #e9e9e9;
    padding: 12px;
    border-radius: 8px;
    text-align: center !important;
    flex-basis:46% !important;
    max-width:46% !important;
}
.title-category:after {
  left:55% !important;
}
.post-title{
  font-size:18px !important;
}
.col.medium-4.small-12.large-4{
  flex-basis:50% !important;
  max-width:50% !important;
}
.section{
  padding:12px 0px !important;
}
#footer .col.medium-4.small-12.large-4 {
  flex-basis: 100% !important;
  max-width: 100% !important;
}
.col2{
  padding-left:15px !important;
}
.post-excerpt.mb{
  display:none !important;
}
.nav-vertical .menu-item.menu-item-type-custom {
  background-color:transparent !important;
  color:#000 !important;
}
.nav-vertical .menu-item.menu-item-type-custom  a{
  background-color:transparent !important;
  color:#000 !important;
}
.sidebar-wrapper.ul-reset{
  display:none !important;
}
/* .woocommerce-product-gallery__image img{
  aspect-ratio: auto !important;
} */


}