/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.footer-section ul li {list-style:none;margin-left:0!important;}
.pad-none{padding-bottom:0}
/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'UTM Avo';
    src: url('./assets/fonts/UTMAvoBold.eot');
    src: url('./assets/fonts/UTMAvoBold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/UTMAvoBold.woff2') format('woff2'),
        url('./assets/fonts/UTMAvoBold.woff') format('woff'),
        url('./assets/fonts/UTMAvoBold.ttf') format('truetype'),
        url('./assets/fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UTM Avo';
    src: url('./assets/fonts/UTMAvo.eot');
    src: url('./assets/fonts/UTMAvo.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/UTMAvo.woff2') format('woff2'),
        url('./assets/fonts/UTMAvo.woff') format('woff'),
        url('./assets/fonts/UTMAvo.ttf') format('truetype'),
        url('./assets/fonts/UTMAvo.svg#UTMAvo') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 /* body, caption, center, col, colgroup, dd, dir, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, legend, li, listing, main, marquee, menu, nav, noframes, ol, p, plaintext, pre, section, summary, table, tbody, td, tfoot, th, thead, tr, ul, xmp,a,ul{
    font-family: 'UTM Avo' !important;
    font-weight: normal;
    font-style: normal;

  } */


/* Header */
#masthead {
  display: none;
}
#logo {
  display: none;
}
#header #top-bar .container {
  width: 100%;
  max-width: 100%;
	padding:0;
}

.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
  background-color: #fff;
  border-color: #fff;
}
/* Widget */
.widget-title {
  background: #186e04 !important;
  border-bottom: 3px solid #f5e900;
  color: #fff;
background: #006400 !important;
border-bottom: 3px solid #15d115;
  padding-left: 10px;
  display: block;
  line-height: 38px !important;
		margin-bottom: 5px;
}
.widget .product-categories li {
line-height: 18px;
width: 100%;
background-color: #f0f5f0;
margin: 2px 0px !important;
padding: 0px 5px 0px 5px;
border: 1px solid #e6efe6;
}
.widget .product-categories li a {
color: #007007;
font-size: 13px;
font-weight: bold;
}
.widget .is-divider {
  display: none;
}
.widget .product-categories li::before {
content: "\f058";
color: #15d115 !important;
font-size: 14px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
opacity: 1;
}
.widget.woocommerce.widget_product_categories .widget-title::before {
  content: "\f022";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 5px;
}
.widget.widget_wp_statsmechanic .widget-title::before {
  content: "\f012";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 5px;
}
.widget.flatsome_recent_posts .widget-title::before {
  content: "\f00b";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 5px;
}
.widget_text.widget.widget_custom_html .widget-title::before {
  content: "\f164";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 5px;
}
.ho_tro_truc_tuyen p {
  color: #000;
  font-weight: bold;font-size: 14px;
}
.ho_tro_truc_tuyen p a {
  color: #dd322c;
}
.recent-blog-posts-li a {
  font-size: 14px;
  color: #000;
}
/* Title */
.div-title h1,
.div-title h2 {
  font-size: 16px;
  line-height: 38px;
  color: #fff;
  font-weight: 500;
text-transform: uppercase;
}
.div-title {
  height: 38px;
  width: 100%;
  padding-left: 5px;
  line-height: 38px !important;
  background: #006400 !important;
  border-bottom: 3px solid #15d115;
		margin-bottom: 10px;
	color:#fff !important;
}


/* Danh mục */
.nav-line > li > a::before {
  opacity: 0 !important;
  background-color: transparent !important;
}
.tabs.wc-tabs.product-tabs {
  height: 38px;
  width: 100%;
  padding-left: 5px;
  background: #006400 !important;
  border-bottom: 3px solid #15d115;
}
.woocommerce-tabs .tab-panels {
  border: 1px solid #15d115;
  margin: 20px 0;
  padding: 0 5px;
}
.tabs.wc-tabs.product-tabs li.active {
  background: #15d115;
  height: 37px;
  margin-top: -4px;
}
.tabs.wc-tabs.product-tabs li a {
  color: #fff !important;
		padding-left: 10px;
padding-right: 10px;
}
.product-small .col-inner ,.equalize-box .col-inner {
  border: 1px solid #15d115;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  color: #006400;
  font-weight: bold;
}
.shop-page-title.category-page-title.page-title {
  display: none;
}
.image-tools.absolute.bottom.left.z-3 {
  display: none;
}.woocommerce-product-gallery__wrapper {
  border: 1px solid #15d115;
}
.product-title.product_title.entry-title {
  color: #15d115;
  border-bottom: 2px solid #006400;
}
/* Footer */
p {
  margin: 10px 0 0px;
}
.absolute-footer {
  display: none;
}

/* Form */
.form-lh {
  font-size: 14px !important;
  border-radius: 4px !important;
  height: 34px;
  padding: 6px 12px;
}
.form-lh:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
/* Thống kê truy cập */
#mvcip,#mvccount {
  display: none;
}
#mvcwid {
  padding: 0;
}
/*  Blog */
.entry-header-text.text-center {
  padding: 0;
		text-align: left;
}
#leftcolumndd2, #menungangid {
  display: none;
}
.xxx {
  position: absolute;
  top: 5px;
  right: 15px;
  background: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 23px;
  color: #006400;
  border-radius: 4px;
  border: 2px solid #15d115;
  cursor: pointer;
}
.danhmucmenungang,.danhmuctrai {
  font-size: 16px;
  color: #006400;
		cursor: pointer;
}
.danhmucmenungang span,.danhmuctrai span {
  padding: 2px 5px;
  border: 2px solid #006400;
  border-radius: 4px;
}
.menu-danh-muc-san-pham-container ul li ,.menu-menu-mobile-container ul li{
  margin: 0;
border-bottom: 1px solid #efefef;
}
.menu-danh-muc-san-pham-container ul li a ,.menu-menu-mobile-container ul li a{
  font-size: 12px;
color: #15d115;
font-weight: bold;
}
.menu-danh-muc-san-pham-container ul,.menu-menu-mobile-container ul {
  padding: 0 10px;
  list-style: none;
}
.menu-danh-muc-san-pham-container ul li::before,.menu-menu-mobile-container ul li::before {
  content: "\f101";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 5px;
		color: #15d115;
}


#top-bar .banner-header {
	width:100vw
}

.widget img {
	width:100%
}


.menu-danhmuc  {

    display: block;
    left: 0px;
    right: 0px;
	  bottom: 0;
	    width: 100%;
    transform: translateY(100%);
    z-index: 1000;
    background: #fff;
}

#block_widget-2 .marquee-row .box-image {
    border: 1px solid #ccc;
    padding: 5px;
	    margin: 1px;
}

.online-support .phone-support > .col-inner {
    background: url(/wp-content/uploads/2024/02/bg_hotline.png) no-repeat top left/100% 100%;
	min-height: 150px;
    color: #ff0000;
    font-size: 20px;
    font-weight: bold;
	text-align:right;
    padding: 65px 10px 0 10px;
}

.online-support  .zalo-support .icon-box {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc
}

.online-support  .zalo-support .icon-box  .icon-box-text {
	align-self:center
}

.online-support  .zalo-support .icon-box  .icon-box-text h5 {
	text-transform: initial;
    font-size: 14px;
}


.online-support  .zalo-support .icon-box  .icon-box-text h6 {
	text-transform:initial;
	color:#ff0000;
	font-size: 16px;
}

#footer #mvcwid,
#footer #mvctable {
	padding:0 !important
}

#footer form .wpcf7-submit {
	background:#000 !important; 
	
}

@media only screen and (max-width: 850px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	#masthead {
	  display: block;
	}
	.header-main li.html.custom {
	  display: block;
	}
	.tabs.wc-tabs.product-tabs li {
	  width: 48% !important;
	}
	.tabs.wc-tabs.product-tabs {

	  display: flex;
	}
	.tabs.wc-tabs.product-tabs li.active {
	  margin-top: -3px;
	}
}
@media only screen and (max-width: 450px) {

#masthead {
  display: block;
}
.col {
  padding: 0 10px 30px;
}
.header-main li.html.custom {
  display: block;
}

.header-main {
  height: 46px;
}
.tabs.wc-tabs.product-tabs li.active {
  margin-top: -3px !important;
}
}