.offcanvas-inner .menu { display: none!important; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a { color: #fff; } .offcanvas-menu .offcanvas-inner .sp-module ul > li > li.active > a { color: #fff; }
.offcanvas-menu { color: #fff; background:#172130; } body.ltr.offcanvs-position-right .offcanvas-menu { right: -100%; } .close-offcanvas { font-size: 22px; background: none; color: #fff; } .close-offcanvas:hover { background: none; color: #ddd; } .offcanvas-menu { width: 100%; max-width:500px; height: 100%; position: fixed; top: 0; overflow: inherit; -webkit-transition: all 0.6s; transition: all 0.6s; z-index: 10000; } .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span { color: #fff; font-size: 22px; line-height: 26px; padding: 10px 0px !important; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a { color: #fff; font-size: 18px; line-height: 20px; padding: 6px 0px !important; } .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus { color: #f6bc00; } .offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a { color: #f6bc00; } .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a { color: #f6bc00; } .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler::after { content:"\f107"; } .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-toggler::after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after { content:"\f106"; } .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler { color: #fff; }