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

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

:root {
  --primary: #FF5F00
}
.widget {
  margin-bottom: 0px;
}
.footer-mobile .row{
  padding-top: 10px
}
.footer-mobile .icon-box-center .icon-box-img {
  margin: 0 auto .5em;
}
.nav > li > a,
html, body, h2, h3, h4, h5, h6, img {
    font-family: 'Muli', sans-serif
}
#top-bar .nav-top-link{
    font-weight: 600
}
.header-nav  > .menu-item > .nav-top-link{
     font-weight: 700 !important;
     margin-left: 1em;
}
.nav-vertical-fly-out > li + li {
    border-top-width: 0px;
    border-top-style: solid;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
    align-items: center;
    display: flex;
    padding: 5px 15px;
}
.header-account-title{
  display: flex;
  align-items:center
}
.header-account-title svg{
  margin-right: .5em
}
.header-main .ux-search-submit{
  position:absolute;
  left: 0;
  top:0
}
.header-main  .search-field{
  margin-left: 24px
}
.form-flat .searchform  input:not([type=submit]), .form-flat  .searchform select, .form-flat textarea{
  border: 0px;
  background: transparent
}
.form-flat button, .form-flat input,
.form-flat select,
.form-flat input:not([type=submit]){
  border-radius: 5px
}
.footer-contact.form-flat button, .footer-contact.form-flat input{
   border-radius: 0px
}
.searchform button {
  background:  var(--primary);
  color: #fff
}
.ml-side{
      padding-left: 270px;
}
.icon-footer{
  display: flex;
  align-itemns: center
}
.slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg{
  fill: var(--primary) !important;
}
.flickity-button .flickity-button-icon {
    border: 1px solid var(--primary);
    border-radius: 50%;
    background: #fff;
    opacity: 1;
}
.icon-footer svg{
  margin-right: .5em
}
.text-primary{
  color: var(--primary);
  font-weight: 600
}
blockquote, dl, figure, form, ol, p, pre, ul {
  margin-bottom: .5em;
}
.widget>ul>li+li, ul.menu>li+li {
  border-top: 0px solid #ececec;
}
.widget>ul>li>a, .widget>ul>li>span:first-child, ul.menu>li>a, ul.menu>li>span:first-child {
  padding: 3px 0;
}
.widget_nav_menu{
  padding: 0px
}
.widget_nav_menu ul li{
  list-style: disc;
}
.border-m, .box-image img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
  font-weight: 500 !important;
}
.entry-header-text .is-divider, .box-blog-post .is-divider, .blog-share .is-divider {
  display: none;
}
.flickity-prev-next-button{
  opacity: 1
}
.button.icon.circle {border-radius: 5px !important;border-width: 1px;margin-right: 0em;}

.post-item .col-inner{
  border: 1px solid #ddd;
  border-radius: 10px;
}
.post-item .col-inner .box-text{
  padding: 1em
}
.share-icons:before {
content: "Share: ";
font-size: 24px;
color: #3b3b3b;
position: relative;
top: -6px;
line-height: 1;
}

.share-icons {flex-wrap: ư;display: flex;gap: 10px;align-items: center;flex-wrap: wrap;}
.entry-header {
background: rgb(245, 245, 245);
align-items: center;
display: flex;
}
.entry-header .entry-image {
max-width: 50%;
flex: none;
align-self: stretch;
}
.blog-single {
padding-top: 0px;
}
.post-content--bottom {
background: rgb(245, 241, 236);
padding-top: 2em;
}
.post-content--bottom .section-title {
margin-bottom: 1em;
}
.entry-content {
margin-top: 1em;
}
.max-w {max-width: 1000px !important;padding-top: 2em;}

.block-dambao {/* border-radius: 10px; *//* border: 1px solid #e9e9e9; *//* padding: 10px; */margin-bottom: 15px;}

.block-dambao .col:first-child {
border-top: 0px dashed #e9e9e9;
padding-top: 0px;
}

.block-dambao .col {
border-top: 1px dashed #e9e9e9;
padding-top: 10px !important;
margin-top: 5px;
display: block;
}

.block-dambao p {
margin-bottom: 0px;
}
.reviews_tab,
.additional_information_tab{
  display: none !important;

}
.wc-tabs li{
  padding: .15em 1em
}
.wc-tabs li a{
 font-weight: 600 !important 
}
.wc-tabs .active {
  background: var(--primary);
}
.wc-tabs .active a{
  color: #fff !important
}
.product-page-title{
  background-color: #f5f6f7;
  
}
.page-title-inner {
  min-height:40px;
  padding-top: 0px;
  position: relative;
}
.ux-quantity {
  /* display: block; */
  width: 100%;
}

li {
  margin-bottom: .2em;
}
.product-short-description{
  font-size: .9em
}
  .col-divided {
      /* border-right: 0px solid #ececec; */
      /* padding-right: 0px; */
  }

a.devvn_buy_now_style {
display: inline-block;
overflow: hidden;
clear: both;
padding: 7px 0;
border-radius: 4px;
font-size: 18px;
line-height: normal;
text-transform: uppercase;
color: #fff !important;
text-align: center;
background-color: #fb6e2e;
margin: 0 0 10px 0;
text-decoration: none;
border-bottom: 0 !important;
max-width: 100%;
width: 100%;
}

a.devvn_buy_now_style span {
display: block;
font-size: 14px;
color: #fff;
text-transform: none;
margin: 2px 0 0 0;
}

.title-pop {
/* font-family: "Nunito Sans",sans-serif; */
font-size: 15px;
color: rgb(32, 32, 32);
line-height: 20px;
text-align: center;
font-weight: 400;
}

.lightbox-contact {
border-left: 5px solid #fb0;
color: #333;
font-size: 18px;
font-weight: bold;
line-height: 24px;
margin-bottom: 15px;
padding-left: 10px;
text-transform: uppercase;
text-align: left;
}

#muanhanh .button {
width: 100%;
border-radius: 4px;
text-align: left;
margin-right: 0;
}
.border-b{
  border-bottom: 1px solid rgb(204 204 204 / 50%)
}
.product-info  button {
  width: 47.5%;
  margin-right: 0px;
  padding: 5px 0px;
}
.product-info .ux-buy-now-button{
  background: #036D03
}
.product-title.product_title{
  font-weight: 600 !important;
  font-size: 1.4em;
}
.form-flat .wpcf7-submit {
  color: #111 !important
}
.woof_redraw_zone {
  width: 100%;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: -5px;
}
.woof_container {
  width: 15%;
  max-width: none;
  min-width: unset;
  /* padding-right: 1%; */
}
.woof_redraw_zone div {
  max-width: none;
  padding: 2px 2px 2px 0px;
  /* width: 150px !important; */
  /* width: 100%; */
}
.bg-after:before{
  content: "";
  background: rgb(245 241 236 / 1.0);
  height: 100%;
  width: 100%;
  position: absolute; 
  top: -50px;
  left: 50px
}
.box-footer{
  max-width: 1240px;
  margin: 0 auto;
  margin-top: -80px
}
.on-count{
  font-weight: 600
}
.on-count span{
  font-weight: 600;
  font-size: .65em;
  transform: translateY(-.4em);
}
.thong-so-field .thong-so-wraper,
.gift-wraper{
  border: 1px solid var(--primary);
  border-radius: 10px;
  padding: 1em;
  font-size: .9em;
  margin: .5em 0px
}

.gift-wraper .gift-title{
  color:  var(--primary);
  font-weight: 600
}
.woocommerce-tabs.container{
  width: 70%;
  padding-right: 15px;
}
.thong-so-field{
  width: 30%;
}
.product-footer .container{
  display: flex;
  flex-wrap:wrap;
  /* padding-right: 15px; */
  padding-top: 0px;
  border: 0px;
}
.related-products-wrapper {
  width: 100%
}
.product-small .col-inner .product-title a{
 font-size: 1.2em;
  color: #111 !important;
  font-weight: 600
}
.price-wrapper,
.woocommerce-Price-amount{
  font-size: 1.1em;
  margin-top: .6em;
  color: #7e7e7e !important
}
.product-small .col-inner{
  background: #fff;
  transition: box-shadow 0.3s ease-in-out;
}
.product-small .col-inner:hover{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 10px
}
.tabbed-content .nav{
  display: none
}
.tab-btn{
  background: var(--primary);
  cursor:pointer;
  padding: 5px 20px;
  color: #fff;
  margin-right: 5px;
  border-radius: 5px
}
.tab-panels {
    padding-top: 0em;
}
@media only screen and (max-width: 48em) {
  
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .ml-side {
      padding-left: 0px;
  }
  .woocommerce-tabs.container{
  width: 100%;
    padding-right: 0px;
}
.thong-so-field{
  width: 100%;
}
.product-info button{
  width: 100%
}
  .medium-logo-left .flex-left{order: 4;margin-right: 0;flex: unset;margin-left: 15px;}
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content{
  background: #fff;
  width: 100%
}
  .nav-sidebar.nav-vertical>li+li {
    border-top: 0px solid #ececec;
}
}