/* offcanvas.css */
.mm-menu_theme-white, .mm-menu--theme-white {
    background-color: #0272c1;
    --mm-color-background: #0272c1;
    --mm-color-text: #fff;
    --mm-color-text-dimmed: #fff;
}
.mm-menu_theme-dark, .mm-menu--theme-dark {
    background-color: #7f1500;
    --mm-color-background: #7f1500;
    --mm-color-text: #fff;
    --mm-color-text-dimmed: #fff;
}
 #offcanvas:not( .mm-menu ){
    display:none
}
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 #7f1500;
    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)
}
.mm-menu_theme-dark{
    background-color:#7f1500;
    --mm-color-background: #7f1500
}
.mm-menu_theme-dark .mm-panel_opened-parent,.mm-menu_theme-dark .mm-panel_opened.mm-panel_iconpanel-0{
    background-color:#7f1500;
    --mm-color-background: #7f1500
}
.mm-menu_theme-dark .mm-panel_opened{
    background-color:#96230f;
    --mm-color-background: #96230f
}