/* Override possible style elements in uni CSS */
ul {
    padding: 0;
}

/* Pop up menu items */
nav.db_dropmenu ul {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 500px;
    list-style: none;
    position: relative;
    display: inline-table;
}

/* Hide submenus by default */
nav.db_dropmenu ul[role="menu"] {
    display: none;
}

/* Reveal submenus on hover or when .open class is present */
nav.db_dropmenu ul li:hover > ul[role="menu"],
nav.db_dropmenu ul[role="menu"].open {
    display: block;
}

/* Main menu items */
nav.db_dropmenu ul li {
    float: left;
    width: 100%;
    max-width: 500px;
    text-align: left;
    list-style: none;
    border: 0;
    margin: 0;
    padding: 0;
}

/* Fed U fix */
#content ul > li {
    margin-bottom: 0;
}

/* Style when hovering over main menu items */
nav.db_dropmenu ul li:hover {
    background: #f2f2f2;
}

/* Menu item links */
nav.db_dropmenu ul li a {
    display: block;
    padding: 15px 10px;
    color: #2a2a2a;
    text-decoration: none;
    border: 0;
    position: relative;
}

/* Link states */
nav.db_dropmenu ul li a:link,
nav.db_dropmenu ul li a:active,
nav.db_dropmenu ul li a:visited {
    color: #2a2a2a;
}

/* Focus indication for accessibility */
nav.db_dropmenu ul li a:focus {
    outline: 2px solid #005588;
    outline-offset: 2px;
    background: #e0e0e0;
    z-index: 1;
}

/* Submenu styling */
nav.db_dropmenu ul[role="menu"] {
    border-radius: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    z-index: 2;
}

nav.db_dropmenu ul[role="menu"] li {
    float: none;
    border-bottom: 2px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* Submenu links */
nav.db_dropmenu ul[role="menu"] li a {
    background: #ffffff;
    padding: 15px 10px;
    color: #2a2a2a;
}

nav.db_dropmenu ul[role="menu"] li a:hover {
    background: #47d583;
    color: #fff;
}

/* Triangle icon */
.db_dropmenu_down_triangle {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    border-top: 8px solid #2ecc71;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}