/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


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


}
/*menu đa cấp*/

@media (min-width: 850px){
    header#header .nav-dropdown {
        display: block;
    }

    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 {
        text-transform: none;
        position: relative;
        padding-right: 30px;
    }

 
    header#header .nav-dropdown li.menu-item-has-children > a::after {
        content: "\203A"; 
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1;
        color: rgba(102,102,102,.85);
    }

  header#header .nav-dropdown li > a {
        white-space: normal;
        margin: 0;
        padding: 12px 15px;
        border: 0;
        font-size: 15px;
        font-weight: 500;
        color: #333;
        transition: all 0.2s ease;
    }
header#header .nav-dropdown li:hover > a {
    color: #002FD8 !important;
}