/*
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  ***************/


}

@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;
        -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-size: 16px;
        font-weight: 400;
        text-transform: capitalize;
        color: hsl(0 0% 40% / .85);
        transition: all .2s
    }

    header#header .nav-dropdown li.active>a {
        color: #e82c2a
    }
}