@charset "UTF-8";
/**
 * _base.scss
 * 
 * 1/ biến màu săc
 * 2/ biến kích thước font chữ
 * 3/ Cấu hình border
 * 4/ Mixin
 * 5/ Responsive
*/
/*
Theme Name: MatBaoWS.has-transparent .header-main
Description: This is a child theme for Flatsome Theme
Author: MatBaoWS Team
Template: flatsome
Version: 3.0
*/
a.icon.px500 span {
	color: #000;
}
.has-transparent .header-main {
	background-color: rgb(255 255 255 / 60%);
}
.has-transparent .header-main .nav > li:hover > a,
.has-transparent .header-main .nav > .current_page_item > a {
    color: var(--fs-color-primary);
}
.has-transparent .header-main .nav > li > a {
        color: hsla(0, 0%, 7%, .85);
}
#header .social-icons i {
	color: #000;	
}
#footer .mbws_footer-main * {
	color: #717485 !important;	
}
#footer .mbws_footer-main .social-icons * {
	color: #69BD44 !important;	
}
#footer .icon-box-img svg path {
	fill: #69BD44;	
}
#footer .icon-fill-none .icon-box-img svg path {
	fill: revert-layer;	
}
.sub-menu .menu-item {
    background: #fff;
	
}

.sub-menu .menu-item a {
	color: #000 !important;
    padding: 15px 15px !important;
}
.nav-dropdown>li.nav-dropdown-col {
  display: block
}

.nav-dropdown {
  border: 1px solid #ddd;
  padding: 0
}

.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a {
  /*color: #fff;*/
  font-weight: normal !important;
  text-transform: none !important;
  font-size: 15px;
  font-weight: 500
}

.nav-dropdown .nav-dropdown-col>ul li:hover {
  /* background: #fff; */
}

.nav-dropdown-default>li:hover>a,
.nav-dropdown .nav-dropdown-col>ul li:hover>a {
  color: white
}

.nav-dropdown-default>li:hover {
  /* background: #fff */
}

.nav-dropdown-default>li>a {
  border-bottom: 0 !important
}

.nav-dropdown-has-arrow li.has-dropdown:before {
  border-width: 10px;
  margin-left: -10px;
}

.nav-dropdown .nav-dropdown-col>ul {
  border: 1px solid #d2d2d2;
  margin-top: -40px;
  box-shadow: 2px 2px 5px #828282;
  display: none;
  position: absolute;
  left: 100%;
  z-index: 9;
  background: white;
  min-width: 240px;
}

.nav-dropdown>li.nav-dropdown-col {
  width: 100%;
  border-right: 0
}

.nav-dropdown .nav-dropdown-col>ul li a {
  padding: 10px;
  text-transform: none;
  color: #fff;
}

.header-nav li.nav-dropdown-col:hover>ul {
  display: block !important
}
.nav>li>a {
    font-size: 1em;
}
.header .nav-small a.icon:not(.button) {
    font-size: 1.3em;
}