/*
This style is the Top Menu that will collapse to Mobile Bread Crumb
    Created on : Sep 10, 2018, 9:44:16 AM
    Author     : gprah
*/

#JudHmenu {
    width: 100%;
    margin: 0 auto;
    background-color: #464646;
    padding-left: 0;
    z-index: 4000;
}

    #JudHmenu a, #JudHmenu span {
        text-decoration: none;
    }
    /* p for ADA compliance */
    #JudHmenu > li p {
        display: flex;
        justify-content: space-between;
        padding: 7px 7px 6px 2px;
    }

    #JudHmenu > li:first-child, #JudHmenu > li a {
        display: flex;
        justify-content: space-between;
        padding: 7px 7px 6px 5px;
    }

    #JudHmenu > li:first-child {
        background-color: #393939;
        cursor: pointer;
        font-size: 14px;
    }

    #JudHmenu li {
        display: block;
        list-style-type: none;
        width: auto;
        border-bottom: 1px black ridge;
    }

    #JudHmenu .sub {
        background-color: #FEF8E5;
    }

    #JudHmenu a {
        display: block;
    }

#JudHmenu_top li:hover {
    background-color: #CFC0A7;
}

#JudHmenu li a, #JudHmenu span {
    color: white;
}

#JudHmenu .sub li a {
    color: black !important;
}

#JudHmenu ul.sub {
    display: none;
}

@media all and (max-width: 999px) {
    #JudHmenu > li:first-child {
        font-size: 1.1em;
        font-weight: bold;
    }

    #JudHmenu_top ul {
        display: none;
        margin-left: .1em;
        padding-left: 0;
    }

        #JudHmenu_top ul li ul {
            margin-left: .1em;
            padding-left: 20px;
        }

    .JudMenuAbbr > span, .JudMenuAbbr > p {
        padding: 0;
        margin: 0;
    }
}

@media all and (min-width:999px) {
    #JudHmenu > li:first-child {
        display: none;
    }

    #JudHmenu, #JudHmenu ul, #JudHmenu li, #JudHmenu a {
        position: relative;
    }

        #JudHmenu ul {
            padding: 0;
            border: 0;
        }

    #JudHmenu_top ul a {
        display: flex;
        font: bold .8em Arial, Helvetica, sans-serif;
        justify-content: space-between;
        margin: 4px 0 4px 0;
    }

    #JudHmenu_top ul:first-child {
        margin-left: 10px;
    }

    #JudHmenu_top ul a span {
        padding-left: 5px;
        font-weight: bold;
    }

    #JudHmenu li {
        display: inline-table;
        list-style-type: none;
        width: auto;
    }

        #JudHmenu li:not(:last-child) {
            border-right: solid thin gray;
        }

    #JudHmenu .sub li {
        display: block;
        list-style-type: none;
        width: auto;
        border: none;
    }

    #JudHmenu ul ul {
        background: #fef8e5;
        border: 1px solid #cccccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
        padding: 5px 12px;
        display: none;
        position: absolute;
        top: 33px;
        left: 0;
        width: 250px;
        z-index: 100;
    }

    .JudMenuAbbr[data-abbr]::after {
        content: attr(data-abbr);
    }
    /* Hide the original label */
    .JudMenuAbbr > p {
        display: none;
    }
}