/*
Theme Name: vin
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: 'test-4';
					src: url('https://giaxevinfast.com.vn/wp-content/themes/vin/useanyfont/7687TEST-4.woff2') format('woff2'),
						url('https://giaxevinfast.com.vn/wp-content/themes/vin/useanyfont/7687TEST-4.woff') format('woff');
					  font-display: auto;
				}
*, body,html{
	font-family: 'test-4' !important;
}
				.test-4{font-family: 'test-4' !important;}

						h1, h2, h3, h4, h5, h6, .entry-title, body.single-post .entry-title, body.page .entry-title, body.category .entry-title, .widget-title, .site-title, .site-description, body, p, blockquote, li, a, strong, b, em, .menu-footer-menu-container li a, .menu-footer-menu-container li span, #menu-footer-menu li a, #menu-footer-menu li span, .menu-menu-chung-container li a, .menu-menu-chung-container li span, #menu-menu-chung li a, #menu-menu-chung li span, .menu-menu-mobile-container li a, .menu-menu-mobile-container li span, #menu-menu-mobile li a, #menu-menu-mobile li span, .menu-top-menu-container li a, .menu-top-menu-container li span, #menu-top-menu li a, #menu-top-menu li span{
					font-family: 'test-4' !important;
				}
table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.blog-wrapper.blog-archive .large-10.col{
	        flex-basis: 100%;
        max-width: 100%;
}
.flatsome_recent_posts ul{
	padding:15px !important;
}
.formbaogia form{
	padding-left:20% !important;
	padding-right:20% !important;
	padding-top:10px !important;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	background: #f5f5f5;
	border-radius:8px;
}
.formbaogia .wpcf7-spinner{
	display:none !important
}
.formbaogia .wpcf7-form-control.wpcf7-submit{
	margin:0 auto !important;
	text-align:center !important;
	padding-left:40px;
	padding-right:40px;
	    display: block;
    width: 100%;
	background:#1464f4 !important
}
.formbaogia .wpcf7-form-control{
	font-size:14px !important;
	
}
.flatsome_recent_posts ul a{
	color:#222;
	font-size:15px;
}
td, th {
  border: 1px solid #ddd;
  padding: 8px;
}
aside.widget{
	padding:0px;
	border-radius:4px !important;
	    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}
aside.widget .is-divider{
	display:none !important
}
aside.widget .widget-title {
	display:block !important;
	width:100%;
	padding:15px 15px !important;
	background:#1464f4;
	color:#fff;
}
aside.widget ul.product-categories{
	padding:15px;
}
aside.widget ul.product-categories>li>a{
	text-transform:uppercase;
	color:#111;
	font-size:15px;
}
.product-info.summary{
	padding-top:0px !important
}
.product-info .product-short-description li{
	list-style:none !important;
	margin-left:0px;
	margin-bottom:8px !important
}
.woocommerce-tabs ul.product-tabs>li>a{
	font-size:18px;
}
.devvn-order-btn, .devvn-popup-title{
	background:#1464f4 !important
}#devvn_buy_now{
	margin-bottom:0px !important
}
.product-info h1.product-title{
	color:#111 !important
}
.product-info .product-short-description{
	margin-top:10px !important;
}
.product-info .product-short-description li{
	margin-bottom:10px;
	font-size:15px;
}
.product-info .product_meta{
	padding-top:10px !important;
	padding-bottom:10px !important;
	border-bottom:1px solid #dedede;
}
body.single-product nav.woocommerce-breadcrumb{
	font-size:14px;
}
.badge-container.absolute.left.top{
	margin-top:5px !important
}
.badge-container.absolute.left.top .callout.badge.badge-circle{
	margin-left:5px !important;
	min-height:18px !important;
	height:auto !important;
	border-radius:3px !important;
	font-size:11px !important
}
.product-small.box img{
	border-radius:4px !important
}
.product-small.box  .name.product-title{
	font-size:18px;
	color:#111;
	margin-bottom:5px;
}
.product-small.box  .name.product-title a{
	color:#111;
}
.product-small.box ins span{
	color:#f00 !important
}
.product-info   ins span{
	color:#f00 !important
}
.badge-container.absolute.left.top .badge-inner{
	border-radius:3px !important;
	font-weight:normal !important
}
.col.post-item .post-title a{
	font-size:20px;
	color:#111;
}
.bfooter h3{
	margin-top:10px !important;
	margin-bottom:25px !important
}
.bfooter ul{
	margin:0px;
	list-style:none !important;
}
.bfooter ul li{
	margin-left:0px !important;
	font-size:14px;
}
.absolute-footer{
	padding-top:23px !important;
	padding-bottom:23px !important;
	border-top:1px solid #dedede1c !important
}
.logof img{
	max-height:80px;
	width:auto !important;
	margin:0 auto !important
}
.logof{
	text-align:center !important
}
.logof p{
	text-align:center
}
#footer h3{
	margin-bottom:20px;
}
#footer .social-icons{
	    margin: 0 auto;
    display: table;
}
#footer p{
	font-size:14px;
}
.tinnho .box-text.text-left{
	padding-top:0px !important;
	
}
.tinnho .col.post-item .post-title a{
	font-size:18px;
}
.stcall{
	max-width:720px;
	    margin: 0 auto;
}
tr:nth-child(even){background-color: #f2f2f2;}

tr:hover {background-color: #ddd;}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #1464f4;
  color: white !important;
}
.stcall .icon-box.featured-box{
	padding:12px 15px;
	border-radius:8px;
	color:#fff;
	background:#fd6e1d!important;
}
.stcall .icon-box.featured-box.boxkm{
	background:#288ad6!important
}
.stcall .icon-box.featured-box h3{
	margin-bottom:0px !important;
	color:#fff;
}
.stcall .icon-box.featured-box p{
	font-size:12px;
}
.banggia table th strong{
	color: white !important;
}
.header-button-2 a,.header-button-2 span{
	color:#333;
}	
.header-button-2 a{
	background:none !important;
	border:0px !important;
	font-size:13px !important
}
.html.header-button-1 span{
	color:#fff !important
}
.header-button-2{
	padding-left:5px !important;
	background:none !important
}
.header-button-2:before{
	width:15px;
	height:15px;
	background:url(https://giaxevinfast.com.vn/wp-content/uploads/2025/11/phone.png) no-repeat top left;
	position:absolute;
	left:0px;
	top:6px;
	content:"";
	z-index:2;
	display:block !important;
}
#top-bar a{
	color:#444;
	font-size:13px;
}
.titmian .section-title b{
	height:0px !important;
	
}
.titmian .section-title-main{
	position:relative;
}
.titmian .section-title-main span{
	font-size:24px;
	font-weight:normal !important
}
.titmian .section-title-main:after{
	width:50px;
	height:9px;
	background:url(https://giaxevinfast.com.vn/wp-content/uploads/2025/11/bg-box-right-741268j24109.png) no-repeat top left;
	background-size:cover !important;
	content:"";
	right:-60px;
	top:12px;
	display:block;
	position:absolute
}
.titmian .section-title-main:before{
	width:50px;
	height:9px;
	background:url(https://giaxevinfast.com.vn/wp-content/uploads/2025/11/bg-box-left-741062j24109.png) no-repeat top left;
	background-size:cover !important;
	content:"";
	left:-60px;
	top:12px;
	display:block;
	position:absolute
}
.product-category.col {
	padding-bottom:0px !important
}
.product-category.col .header-title{
	font-size:18px;
	color:#111;
	margin-top:8px !important
}
.thead h2{
	color:#1464f4;
	margin-top:10px;
	margin-bottom:0px;
	    font-size: 24px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#top-bar .header-button .button {
    margin: 0;
    height: 24px !important;
    line-height: 24px;
    min-height: 24px;
}
#logo {
    width: 70px !important;
}
	.header-main .search-field{
		    min-width: 150px !important;
    font-size: 12px;
	}
.titmian .section-title-main {
    position: relative;
    font-size: 20px;
}
}