/* offcanvas.css */
 .mm-listitem--selected strong{
    width:100%;
    padding:10px 10px 10px 20px;
    background-color:#b2cc21
}
.mm-menu--theme-white{
    background-color:#008941;
    color:#fff;
    --mm-color-background: #008941;
    --mm-color-text: #ffffff
}
a#offcanvasmenu{
    outline: none
}
#offcanvasmenu::before,#offcanvasmenu::after,#offcanvasmenu span{
    width:30px;
    height:5px;
    left:12px;
    position:absolute;
    display:block;
    background: none repeat scroll 0 0 #fff;
    content: ""
}
#offcanvasmenu::before{
    top:10px
}
#offcanvasmenu span{
    top:20px
}
#offcanvasmenu::after{
    top:30px
}
#offcanvasmenu::before,#offcanvasmenu::after,#offcanvasmenu span{
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity;
    transition-timing-function: ease
}
html.mm-opening #offcanvasmenu::before,html.mm-opening #offcanvasmenu::after{
    top:20px
}
html.mm-opening #offcanvasmenu span{
    left:-50px;
    opacity: 0
}
html.mm-opening #offcanvasmenu::before{
    transform: rotate(45deg)
}
html.mm-opening #offcanvasmenu::after{
    transform: rotate(-45deg)
}
.mod_mmenu ul.mm-list{
    background-color:#008941
}
.mm-menu .mm-list{
    padding-top:13px
}
.mm-menu.mm-light{
    color:#fff
}
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),.mm-menu.mm-light .mm-list > li.mm-selected > span{
    background-color:#b2cc21
}