/*#region ddsmoothNavMobile*/
div .ddsmoothmobile { /* main mobile menu container */ background: #7f7f7f; color: #7f7f7f; position: fixed; top: 0; left: 0; width: 300px; /* width of mobile menu */ height: 400px; overflow: hidden; visibility: hidden; border-radius: unset; box-shadow: unset; }

    div.ddsmoothmobile a { color: white; text-decoration: none; font: normal normal 500 'Montserrat' 14px/18px; color: #3C3A3A; }

    div.ddsmoothmobile div.topulsdiv { /* Single DIV that surrounds all top level ULs before being flattened, or the ULs on the "frontpage" of the menu */ position: relative; background: #7f7f7f; overflow-y: auto; width: 100%; height: 100%; }


    div.ddsmoothmobile ul { /* style for all ULs in general inside mobile menu */ list-style: none; width: 100%; top: 0; left: 0; background: #7f7f7f; margin: 0; padding: 0; }

    div.ddsmoothmobile div.topulsdiv ul.submenu { /* top level ULs style */ }


    div.ddsmoothmobile ul.submenu { /* sub level ULs style */ position: absolute; height: 100%; overflow-y: auto; }

    div.ddsmoothmobile ul li { border-bottom: 1px solid gray; position: relative; font-size: 25px; font-weight: 100; padding: 5px 0; line-height: 32px; }

        div.ddsmoothmobile ul li.breadcrumb { /* breadcrumb LI that's added to the top of every sub level UL */ cursor: pointer; padding: 10px; background: black; color: #fff; font-weight: 100; font-family: 'Roboto', sans-serif; }

        div.ddsmoothmobile ul li a { display: block; padding: 6px; }

            div.ddsmoothmobile ul li a:hover { background: #7f7f7f; }



/*#endregion ddsmoothNav*/