/*
Theme Name: vinatech-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@font-face {
  font-family: HelveticaNeueLight;
  src: url(/wp-content/themes/vinatech-child/fonts/helveticaneuelight.ttf);
}
@font-face {
  font-family: HelveticaNeueBold;
  src: url(/wp-content/themes/vinatech-child/fonts/helveticaneuebold.ttf);
}
@font-face {
  font-family: HelveticaNeueMed;
  src: url(/wp-content/themes/vinatech-child/fonts/helveticaneuemedium.ttf);
}
/*************** ADD CUSTOM CSS HERE.   ***************/
/** CSS MENU **/
div#wide-nav li a {
	  font-size:15px;
    border-left:1px solid #fdb513;
    box-shadow: -1px 0 0 #f30000;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
	  color:#000;
}
@media (min-width: 850px){
    header#header .nav-dropdown {
        display: block;
		padding:0;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        padding: 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        font-weight: 400;
    }
    header#header .nav-dropdown li:hover > ul.sub-menu{
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 400;
        text-transform: none;
        color: #000!important;
    }
    header#header .nav-dropdown li.active>a {
        color: #000;
    }
/* ===== RESET background để tránh bị ăn lan ===== */
header#header .nav-dropdown li {
    background: transparent;
}

/* ===== HOVER CHỈ ÁP DỤNG CHO LI ĐANG TRỎ CHUỘT ===== */
header#header .nav-dropdown li:hover {
    background-color: #f30000;
}

/* ===== CHỈ ĐỔI MÀU CHỮ CỦA A TRỰC TIẾP ===== */
header#header .nav-dropdown li:hover > a {
    color: #fff !important;
}

/* ===== QUAN TRỌNG: KHÔNG CHO UL CON BỊ ẢNH HƯỞNG ===== */
header#header .nav-dropdown li:hover ul.sub-menu {
    background: #fff; /* giữ nguyên nền submenu */
}
}

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


}