/* CSS that allows the menu drop downs to be accessible */

/* Put the @media, as to not conflict with mobile menu */
@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .accessible-menu,
    .accessible-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .accessible-menu li:focus ul,
    ul.show-menu {
        left: auto;
        opacity: 0.99;
    }

    .accessible-menu ul li {
        float: none;
        position: static;
    }

    .accessible-menu ul a {
        float: none;
        display: block;
    }

    .accessible-menu ul.show-menu {
        left: auto;
        opacity: 0.99;
        display: block;
    }
}