/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

.section-header-bar{
	background: #D6343D !important;
	color: #fff;
}
.header-nav, .header-nav a, .header-nav-inner{
	color: #fff;
}
.header-nav a.button{
	background-color: hsla(0,0%,100%,.2);
	color: #fff;
}
.headerSearch .btn-info{
	background-color: #D6343D;
	border-color: #D6343D;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}
.socialList li a{
	background-color: hsla(0,0%,100%,.2);
	color: #fff;
}
#menusite .navbar-default{
	background-color: #2F353D;
	border-color: #2F353D;
}
#menusite .navbar-default .navbar-nav > li > a{
	text-transform: uppercase;
}
#menusite .navbar-default .navbar-nav > li > a:hover,
#menusite .navbar-default .navbar-nav > li > a:focus,
#menusite .navbar-default .navbar-nav > .active > a,
#menusite .navbar-default .navbar-nav > .active > a:hover,
#menusite .navbar-default .navbar-nav > .active > a:focus,
#menusite .navbar-default .navbar-nav > .open > a,
#menusite .navbar-default .navbar-nav > .open > a:hover,
#menusite .navbar-default .navbar-nav > .open > a:focus {
    background: #3b4243 !important;
    color: #D6343D;
}
#menusite .dropdown-menu{
	background-color: #e1e5e9 !important;
	border-color: #ffffff0a !important;
	border-top: 3px solid #D6343D !important;
}
#menusite .dropdown-menu > li{
	border-bottom: 1px dotted #ffffff0a;
}
#footer{
	background-color: #2F353D;
	border: 0px;
}
#footer .menu li a{
	border-bottom-color: #E1E5E9;
}
.footerNav2{
	background-color: #E1E5E9;
}
.footerNav2 .theme-change a,
.footerNav2 .theme-change span{
	background-color: #373f41;
	color: #fff;
}
.footerNav2 .theme-change a:hover,
.footerNav2 .theme-change span:hover {
    background-color: #f8b825;
}
.footerNav2 .bttop a{
	background-color: #373f41;
	color: #fff;
}
.footerNav2 .bttop a:hover {
    color: #fff;
    background-color: #f8b825;
}
@media (max-width: 767.98px) {
	#menusite .navbar-default .navbar-nav > li > a{
		background-color: #fff !important;
		color: #2F353D;
	}
    #menusite .navbar-default .navbar-nav > .active > a,
    #menusite .navbar-default .navbar-nav > .active > a:hover,
    #menusite .navbar-default .navbar-nav > .active > a:focus {
        background-color: #3b4243;
    }
    #menusite .navbar-toggle {
        margin-left: 0;
        margin-right: -55px;
        color: #dcdcdc;
        border-color: hsla(0,0%,100%,.2);
        background-color: hsla(0,0%,100%,.2);
        position: absolute;
        left: 10px;
    }
    #menusite .dropdown-submenu a{
    	background-color: #fff;
    }
    #menusite .navbar-nav .dropdown-mobile{
    	border-top-color:#f1f1f1 !important;
    }

}