.offcanvas-navigation ul{padding-left:0}.offcanvas-navigation ul li{border-bottom:1px solid hsla(0,0%,100%,.15)}.offcanvas-navigation ul li.has-children .sub-menu{height:0;opacity:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;visibility:hidden}.offcanvas-navigation ul li.has-children.active>.sub-menu{height:100%;opacity:1;padding-left:0;visibility:visible}.offcanvas-navigation ul li a{color:$black;display:block;font-size:16px;font-weight:500;padding:5px 0}.offcanvas-navigation ul li a:hover{color:$theme-color}.offcanvas-navigation ul.sub-menu{margin-left:15px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.offcanvas-navigation ul.sub-menu li{border:none;list-style:none}.offcanvas-navigation ul.sub-menu li a{color:$black;font-weight:400}.offcanvas-navigation ul.sub-menu li a:hover{color:$theme-color}.offcanvas-navigation ul.sub-menu li .sub-menu li a{font-size:13px;padding:5px 0}.offcanvas-navigation ul li.has-children{display:block;position:relative}.offcanvas-navigation ul li.has-children a{display:inline-block}.offcanvas-navigation ul li.has-children.active>.menu-expand{background-color:rgba($black,.2)}.offcanvas-navigation ul li.has-children.active>.menu-expand i:before{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.offcanvas-navigation ul li.has-children .menu-expand{background-color:rgba($black,.1);cursor:pointer;height:35px;line-height:35px;position:absolute;right:0;text-align:center;top:5px;width:35px}.offcanvas-navigation ul li.has-children .menu-expand:hover{background-color:rgba($black,.2)}.offcanvas-navigation ul li.has-children .menu-expand i{border-bottom:1px solid $black;display:block;left:50%;position:relative;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px}.offcanvas-navigation ul li.has-children .menu-expand i:before{border-bottom:1px solid $black;content:"";display:block;position:absolute;top:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.4s;-o-transition:.4s;transition:.4s;width:100%}