/*
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.   ***************/
.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-face {
 font-family: VNF-Futura Regular;
 src: url(fonts/SVN-Gilroy-Light.otf);
 font-weight: normal;
 }

@font-face {
  font-family: "UTM Alter Gothic";
  src: url("fonts/UTMAlterGothic.woff2") format("woff2"),
    url("fonts/UTMAlterGothic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.section-danh-muc .banner h3 strong{
	    background: white;
    color: black;
    padding: 9px 23px
}
.div-no-padding{
	padding-bottom: 0px !important;
}
.product-small .product-title a{
  font-family: "UTM Alter Gothic" !important;
}
body{font-family:  "VNF-Futura Regular",  sans-serif !important}
.nav > li > a {font-family:  "VNF-Futura Regular", sans-serif !important;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "VNF-Futura Regular", sans-serif !important;}
.alt-font{font-family: "VNF-Futura Regular", sans-serif !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;
}
.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;
}


@media(max-width: 855px){
  .section-banner-cuoi .banner{
padding-top: 100px !important;
  }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.products.has-equal-box-heights .box-image {
    padding-top: 100% !important;
}

a.button.primary.button-zalo-xuong-mi {
    background: #009bff !important;
}
#gtranslate_menu_wrapper_69101 {
    margin-top: -25px;
}



.variations_form.cart.wvs-loaded .label label{
    line-height: 1.5rem;
	font-weight: 600;
	font-size: 22px;
	font-family: sans-serif; 
	margin-bottom: 5px;
	margin-top: 10px;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{
	width: auto !important;
	margin: 6px;
    padding: 0 .5rem;
    font-size: 11px;
}



.product-container .product-main .row.content-row.mb-0{
	padding:0 8%;
}
.price-wrapper{
	border-top : 2px #ececec solid;
	border-bottom : 2px #ececec solid;
	width:33%;
	text-align: center;
}
.nav.nav-vertical li{
	font-size:20px;
}

.paynet .col-inner{
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 10px;
	width:100%;
	max-width:550px;
	margin:auto !important;
}


.section-footer .ro1{
		padding-top: 0px;
	border-top: 1px solid #c09c62;
}
.section-footer .row .col{
	padding-bottom: 20px;
}
.section-footer .ro1 .img{
	margin-bottom: 0px;
}

.section-footer .ro2{
	border-top: 1px solid #c09c62;
}

.section-footer .col{
		padding-top: 20px;
	border-right: 1px solid #c09c62;
}

.section-footer .co3{
	border-right: none;
}