/* dropdown patch */
#header nav > .menu li {
    display: block;
    float: left;
    outline: 0;
    position: relative;
}

#header nav > .menu {
    padding: 0;
}

#header nav .current-page-item { /* this just mirrors and augments main.css, which is too specific */
	background-image: -moz-linear-gradient(top, #007b99, #007897);
	background-image: -webkit-linear-gradient(top, #007b99, #007897);
	background-image: -ms-linear-gradient(top, #007b99, #007897);
	background-image: linear-gradient(top, #007b99, #007897);
	background-color: #007897;
	box-shadow: inset 0px 1px 5px 1px rgba(0, 0, 0, 0.1), 0px 0px 5px 1px rgba(255, 255, 255, 0.1);
}

/*
#header nav a {
    display: initial;
}
*/
/* Dropdown menu */
#header nav .menu .has-children .menu {
    visibility: hidden;                           
    position: absolute;
    margin-top: 2px;
    width: 200px;
}

#header nav .menu .has-children .menu li:hover {
    background-color: #07809e;
}

#header nav .menu .has-children .menu li {
    /* background-color: #0f4f5f; */
    display: block;
    margin: 0;
    padding: 10px 20px 10px 25px;
    z-index: 99;
    line-height: normal;
    width: 100%;
    border: solid 1px #0a3642;
}

#header nav .menu .has-children .menu li a {
    padding: 10px 20px 10px 25px;
}

#header nav .menu .has-children ul.menu {
    padding-top: initial;
}

#header nav .menu .has-children:hover > .menu,
#header nav .menu .has-children:focus-within > .menu,
#header nav .menu .has-children .menu:hover,
#header nav .menu .has-children .menu:focus {
    visibility: visible;
    opacity: 1;
    display: block;
    background-color: #0086a6;
}

@media screen and (max-width: 736px) {
    #navPanel .link.depth-1 {
        padding-left: 1.5em;
    }

    #navPanel .link.depth-1:before {
        content: '… ';
    }
}