/* ================== Canvas Menu ===================== */
body{
    overflow-x: hidden;
}

@media (max-width: $screen-sm-max) {
    .slicknav_btn{
        display: block !important;
    }
}

//.button-offcanvas{
//    display: none;
//    width:0px;
//}
//.canvas-open .canvas-menu{
//    display: block;
//}
//.button-offcanvas{
//    height: 35px;
//    line-height: 24px;
//    padding: 5px;
//    position: absolute;
//    left: 4px;
//    text-align: center;
//    top: 2px;
//    width: 45px;
//    font-size: 21px;
//    cursor: pointer;
//    &:hover{
//        background: #FD754B;
//    }
//}
//
//.canvas-menu-inner{
//    #main-navigation{
//        padding-top: 40px;
//    }
//    .searchform-wrap{
//        padding: 0 15px 0 5px;
//    }
//    ul{
//        position: relative;
//        list-style: none;
//        padding-left:0px;
//        li{
//            position: relative;
//            padding: 10px 0px 10px 30px;
//            text-transform: uppercase;
//            border-top: $border-color-base;
//            &:last-child{
//                padding-bottom: 0px;
//            }
//            &[class*="-has-children"] > a:before{
//                position: absolute;
//                content: "\f107";
//                color: $black;
//                font-family:'fontawesome';
//                @include rtl-right(15px);
//                line-height: 50px;
//                top:-5px;
//                font-size: 12px;
//            }
//        }
//        ul{
//            padding-top: 10px;
//        }
//    }
//    //hover
//    ul ul{
//        display: none;
//    }
//    ul  li:hover >ul{
//        display: block;
//    }
//
//}
//
//.canvas-menu{
//    background-color: #fff;
//    height: 100%;
//    position: absolute;
//    left: 0;
//    width: 300px;
//    z-index: 100;
//    transform: translateX(-300px);
//    -webkit-transform: translateX(-300px);
//    -ms-transform: translateX(-300px);
//    -o-transform: translateX(-300px);
//}
//.canvas-open{
//    .canvas-menu{
//        transform: translateX(0px);
//        -webkit-transform: translateX(0px);
//        -ms-transform: translateX(0px);
//        -o-transform: translateX(0px);
//        transition: transform 0.5s ease;
//    }
//    #page{
//        transform: translateX(300px);
//        -webkit-transform: translateX(300px);
//        -ms-transform: translateX(300px);
//        -o-transform: translateX(300px);
//    }
//}
//
//#page, .canvas-menu{
//    @include transition(0.5s);
//}
//.canvas-menu-inner{
//    padding:5px 0px 40px;
//}
//.canvas-menu .btn-close{
//    border: 1px solid #e0e0e0;
//    cursor: pointer;
//    font-size: 18px;
//    padding: 3px 10px;
//    position: absolute;
//    left: 5px;
//    text-align: right;
//    &:hover{
//        color: $white;
//        background:#FD754B;
//    }
//}
//
//.canvas-overlay{
//    background-color: rgba(0, 0, 0, 0.4);
//    height: 100%;
//    position: absolute;
//    width: 100%;
//    z-index: 99;
//    opacity: 0;
//    visibility: hidden;
//    cursor: pointer;
//}
//
//
//
//.canvas-open .canvas-overlay{
//    opacity: 1;
//    visibility: visible;
//}
//
//.menu-arrow.fa {
//    position: absolute;
//    right: 30px;
//    line-height: 20px;
//    top:10px;
//}