body
{
}

#mymenu
{
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
    margin-top: 15px;
    margin-left: 10px;
}

    #mymenu ul
    {
        list-style: none;
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
    }

        #mymenu ul a {
            color: #4b4848;
            text-decoration: none;
            cursor:pointer;
            margin-left: 2px;
        }

            #mymenu ul a::after
            {
                content: " ▼";
                margin-right: 5px;
                margin-top: 2px;
                font-size: 12px;
            }

    /* this one does the same
            #mymenu li > a:after
            {
                content: '>';
            }
                            */

    /* for Childeren menues*/
    #mymenu > li > a:after
    {
        content: ' ►';
    }

    /* for none last menues */
    #mymenu li > a:only-child::after
    {
        content: '';
    }



    #mymenu ul a :hover {
        color: #4ba6e7;
    }

    #mymenu ul li
    {
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
    }

        #mymenu ul li.current-menu-item > a {
            color: #4ba6e7;
            text-decoration: underline;
            font-weight: bold;
            background: none;
        }

        #mymenu ul li:hover > a {
            color: #2b9aea;
            text-decoration: underline;
            font-weight: bold;
            background: none;
            transition: all ease-in-out 0.4s;
            /*background: rgba(255,255,255,0.2);*/
        }

    #mymenu ul ul
    {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        /*background: #000;*/
        padding: 0;
    }

        #mymenu ul ul li
        {
            float: none;
            width: 180px;
        }

        #mymenu ul ul a
        {
            line-height: 120%;
            padding: 10px 15px;
        }

        #mymenu ul ul ul
        {
            top: 0;
            left: 100%;
        }

    #mymenu ul li:hover > ul
    {
        display: block;
    }