@media only all and (max-width:768px) {

.block .navigation-primary .item ul.focused { display: block;}
.block .navigation-primary li.focused { background: #e0b100;}
.block .navigation-primary > li.focused a{color: #fff;}


a:focus { outline: 2px solid #e0b100; z-index: 100; }
a:hover, a:active { outline: none; }


.block .navigation-primary .item ul {    position: absolute;
    text-align: left;
    z-index: 10;
    margin: 0;
    padding: 0;
    display: none;
    width: 230px;}

    .nav,
    .nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    /* Top level nav */
    .nav {
        float: left;
        margin: 20px 0;
    }

    /* Dropdowns */
    .nav ul {
        position: absolute;
        top: 2.7rem;
        left: -9999px;
        opacity: 0;      
        min-width: 230px;
       
    }

    .nav li {
        float: left;
        position: relative;
    }

    /* Top level nav items */
    .nav li  a.text-edit {
        float: left;
        padding: 10px 15px; 
        text-decoration: none;
    }

    .nav li  a.text-edit:hover {background: #005cab; color: #fff; }
 
  

    .nav li > a:focus, .nav li.menuitem:focus > a, .nav li:hover > a {
        background: #005cab; color: #fff;outline: 0;
    }

    .nav li.menuitem a:hover {
        background: #005cab; color: #fff;outline: 0;
    }

    .nav ul a:hover, .nav ul a:focus {
        background: #fff; color: #005cab!important; outline: 0;
    }

    .nav li:hover ul,
    .nav li:focus ul,
    ul.show-menu {
        left: 0;
        opacity: 0.99;
        background: #005cab;
    }

    .nav ul li {
        float: none;
        position: static;
        text-transform: none;
    }

    .nav ul li a {
       text-align: left;
    }

    .nav ul a {
        float: none;
        display: block;
        color: #FFF;     
        padding: 10px 20px;
    }

    #offcanvas .type-menu .item {
        display: block;
        position: relative;
        width: 100%;
    }

    #offcanvas .element {
        clear: both;
    }
}