﻿/*** dropdown_bottom ***/
.dropdown_top {
    position: relative;
}



    .dropdown_top ul {
        position: absolute !important;
        left: 0px !important;
        top: 50px !important;
        border: 0px !important;
        border-bottom: none !important;
        width: 170px !important;
        padding: 15px 15px 15px 15px !important;
        margin: 0px !important;
        list-style: none !important;
        list-style-image: none;
        display: none !important;
        z-index: 1001 !important;
        background: #8f8178 !important; /* menu background */
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    }

        .dropdown_top ul li ul, .dropdown_top ul li li ul, .dropdown_top ul li li li ul, .dropdown_top ul li li li li ul {
            left: 170px !important;
            top: 0px !important;
        }



        .dropdown_top ul li {
            width: 100% !important;
            border-bottom: 0px !important;
            font-size: 1px !important;
            line-height: 1px !important;
            font-size: 1px !important;
            padding: 0px !important;
            margin: 0px !important;
            width: auto !important;
            height: auto !important;
            display: block !important;
            float: none !important;
        }



    .dropdown_top li:hover {
        position: relative !important;
    }



    .dropdown_top ul a {
        width: auto !important;
        height: auto !important;
        display: block !important;
        color: #352d2f !important; /* menu color */
        font-size: 19px !important;
        line-height: 19px !important;
        background: none !important;
        text-align: left !important;
        padding: 7px 10px 7px 15px !important;
    }

    .dropdown_top ul li a:hover {
        text-decoration: none !important;
    }



    .dropdown_top ul a.has_child {
        background-image: url("https://www.nnfencecompany.com/images/dropdown_arrow.png") right center no-repeat !important; /* dropdown arrow */
    }

    .dropdown_top ul a:before {
        /*

        top: 10px !important;

        left: 4px !important;

        */
    }



    .dropdown_top ul li.selected a {
        color: #fff !important; /* menu color selected */
    }

    .dropdown_top ul li:not(.selected) a {
        color: #352d2f !important; /* menu color */
    }



    .dropdown_top ul li.selected a.has_child {
        background: url("https://www.nnfencecompany.com/images/dropdown_arrow_on.png") right center no-repeat !important; /* dropdown arrow selected */
    }

    .dropdown_top ul li:not(.selected) a.has_child {
        background: url("https://www.nnfencecompany.com/images/dropdown_arrow.png") right center no-repeat !important; /* dropdown arrow */
    }



    .dropdown_top ul li a:hover {
        color: #fff !important; /* menu color selected */
        text-decoration: none !important;
    }

    .dropdown_top ul a.has_child:hover {
        color: #fff !important; /* menu color selected */
        background: url("https://www.nnfencecompany.com/images/dropdown_arrow_on.png") right center no-repeat !important; /* dropdown arrow selected */
    }



    .dropdown_top ul li:not(.selected):hover a.has_child,
    .dropdown_top ul li:hover li:not(.selected):hover a.has_child,
    .dropdown_top ul li:hover li:hover li:not(.selected):hover a.has_child,
    .dropdown_top ul li:hover li:hover li:hover li:not(.selected):hover a.has_child,
    .dropdown_top ul li:hover li:hover li:hover li:hover li:not(.selected):hover a.has_child {
        color: #fff !important; /* menu color selected */
        background: url("https://www.nnfencecompany.com/images/dropdown_arrow_on.png") right center no-repeat !important; /* dropdown arrow selected */
    }



    .dropdown_top ul li:not(.selected):hover li a.has_child,
    .dropdown_top ul li:hover li:not(.selected):hover li a.has_child,
    .dropdown_top ul li:hover li:hover li:not(.selected):hover li a.has_child,
    .dropdown_top ul li:hover li:hover li:hover li:not(.selected):hover li a.has_child {
        color: #352d2f !important; /* menu color */
        background: url("https://www.nnfencecompany.com/images/dropdown_arrow.png") right center no-repeat !important; /* dropdown arrow */
    }



    /* dropdown arrow on main menu */

    .dropdown_top > li a.has_child {
        background: url("https://www.nnfencecompany.com/images/dropdown_arrow.png") right center no-repeat; /* dropdown arrow */
    }

    /* dropdown arrow selected on main menu */

    .dropdown_top > li:hover a.has_child, .dropdown_top > li.selected a.has_child {
        background: url("https://www.nnfencecompany.com/images/dropdown_arrow_on.png") right center no-repeat; /* dropdown arrow selected */
    }



    /************* do not edit *************/



    .dropdown_top:hover li ul,
    .dropdown_top:hover li:hover li ul,
    .dropdown_top:hover li:hover li:hover li ul,
    .dropdown_top:hover li:hover li:hover li:hover li ul {
        display: none !important;
    }



    .dropdown_top:hover ul,
    .dropdown_top:hover li:hover ul,
    .dropdown_top:hover li:hover li:hover ul,
    .dropdown_top:hover li:hover li:hover li:hover ul,
    .dropdown_top:hover li:hover li:hover li:hover li:hover ul {
        display: block !important;
    }



/************* end *************/
