/*
 * Style tweaks
 * --------------------------------------------------
 */

html,
body {
    /*overflow-x: hidden;*/
    /* Prevent scroll on narrow devices */
}


/* body {
  padding-top: 70px;
} */

footer {
    padding: 30px 0;
}

.offcanvas-btn, .offcanvas-btn:link, .offcanvas-btn:focus, .offcanvas-btn:hover, .offcanvas-btn:active {
    position: absolute;
    top: 0;
    visibility: visible;
    z-index: 1000;
    font-size: 11px;
    color: white;   
}

.offcanvas-btn-left{
    background-color: #7EBC22;
    border-radius: 0 14px 14px 0;
    padding: 5px 12px 3px 10px;
    left: 0;    
}
html[dir="rtl"] .offcanvas-btn-left{
    border-radius: 14px 0 0 14px;
    right: 0;
    left: auto;
    padding: 5px 10px 3px 12px;
}

.offcanvas-btn-right{
    background-color: #F5D469;
    border-radius: 14px 0 0 14px;
    padding: 5px 10px 3px 12px;
    right: 0;    
}
html[dir="rtl"] .offcanvas-btn-right{
    border-radius: 0 14px 14px 0;
    right: auto;
    left: 0;
    padding: 5px 12px 3px 10px;
}

/* @media screen and (max-width: 767px) { */

@media screen and (max-width: 992px) {
    .offcanvas-btn{
        top: 110px !important;
    }
    
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }
    .row-offcanvas-rtl {
        right: 0;
        margin-top: 25px;
    }
    .row-offcanvas-ltr {
        left: 0;
        margin-top: 25px;
    }
    .row-offcanvas-rtl #sidebar-left,
    .row-offcanvas-rtl #sidebar-right {
        /*right: -70%;*/
        visibility: hidden
        /* 6 columns */
    }
    .row-offcanvas-ltr #sidebar-left,
    .row-offcanvas-ltr #sidebar-right {
        /*left: -70%;*/
        visibility: hidden
        /* 6 columns */
    }
    .row-offcanvas-rtl.active {
        /*right: 70%;*/
        /* 6 columns */
    }
    .row-offcanvas-ltr.active {
        /*left: 70%;*/
        /* 6 columns */
    }
    .row-offcanvas.active #sidebar-left,
    .row-offcanvas.active #sidebar-right {
        visibility: visible
    }
    #sidebar-left,
    #sidebar-right {
        position: absolute;
        top: 0;
        /* width: 50%; */
        /* 6 columns */
    }
}

/*@media (max-width: 768px) {
    .offcanvas-btn{
        top: 109px !important;
    }
}*/

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

/*#sidebar-left.menu-close,#sidebar-right.menu-close{
    display: none
}*/