/* General */

html[dir="rtl"] {
    ul {
        &.listicon-check li {
            padding-right: 1em;
            padding-left: 0;
            &:before {
                margin-right: -2.5em;
                margin-left: 0;
            }
        }
        &.listicon-times li {
            padding-right: 1em;
            padding-left: 0;
            &:before {
                margin-right: -2.5em;
                margin-left: 0;
            }
        }
        &.listicon-chevron-right li {
            padding-right: 1em;
            padding-left: 0;
            &:before {
                margin-right: -2.5em;
                margin-left: 0;
                content:"\f053";
            }
        }
    }
    .breadcrumb {
        > {
            li {
                i {
                    margin-top: 2px;
                    float: left;
                }
                + li:before {
                    display: none;
                }
                + li:after {
                    font-family: 'FontAwesome';
                    content:"\f104";
                    padding: 0 10px;
                    color: rgba(#fff,0.7);
                    font-weight: normal;
                }
            }
            .active {
                color: #fff;
                font-weight: 600;
            }
        }
    }
    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], 
    .radio input[type=radio], .radio-inline input[type=radio] {
        margin-right: -20px;
        margin-left: 0;
    }
    .checkbox label, .radio label {
        padding-right: 20px;
        padding-left: 0;
    }
}

/* Home slider button */

html[dir="rtl"] {
    .btn-transparent {
        i {
            margin-right: 0;
            margin-left: 5px;
        }
    }
    .btn-transparent-sm {
        i {
            margin-right: 0;
            margin-left: 2px;
        }
    }
}

/* Lightbox */

html[dir="rtl"] {
    .vnbx-close {
        right: auto;
        left: 30px;
    }
    .vnbx-title {
        text-align: right;
    }
    .vnbx-close-button-enabled .vnbx-title {
        padding-right: 8px;
    }
}

/* Bootstrap */

html[dir="rtl"] {
    .list-unstyled, .list-inline, .pagination {
        padding-right: 0;
    }
    .panel-group .panel-heading a:after {
        left: 15px;
        right: auto;
    }
    .progress-bar {
        float: right;
    }
    blockquote {
        border-left: 0;
        border-right: 4px solid #f2f1ef;
        text-align: right;
    }
    .row > .col-xs-1, .row > .col-xs-2, .row > .col-xs-3, .row > .col-xs-4, .row > .col-xs-5, .row > .col-xs-6, .row > .col-xs-7, .row > .col-xs-8, .row > .col-xs-9, .row > .col-xs-10, .row > .col-xs-11, .row > .col-xs-12 {
        float: right;
    }
    .nav-tabs > li {
        float: right;
    }
    .nav-tabs.nav-justified>li {
        float: none;
    }

    @media (min-width: 768px) {
        .row > .col-sm-1, .row > .col-sm-2, .row > .col-sm-3, .row > .col-sm-4, .row > .col-sm-5, .row > .col-sm-6, .row > .col-sm-7, .row > .col-sm-8, .row > .col-sm-9, .row > .col-sm-10, .row > .col-sm-11, .row > .col-sm-12 {
            float: right;
        }

        .row > .col-sm-offset-1 { margin-right: percentage((1 / 12)); }
        .row > .col-sm-offset-2 { margin-right: percentage((2 / 12)); }
        .row > .col-sm-offset-3 { margin-right: percentage((3 / 12)); }
        .row > .col-sm-offset-4 { margin-right: percentage((4 / 12)); }
        .row > .col-sm-offset-5 { margin-right: percentage((5 / 12)); }
        .row > .col-sm-offset-6 { margin-right: percentage((6 / 12)); }
        .row > .col-sm-offset-7 { margin-right: percentage((7 / 12)); }
        .row > .col-sm-offset-8 { margin-right: percentage((8 / 12)); }
        .row > .col-sm-offset-9 { margin-right: percentage((9 / 12)); }
        .row > .col-sm-offset-10 { margin-right: percentage((10/ 12)); }
        .row > .col-sm-offset-11 { margin-right: percentage((11/ 12)); }

        .row > .col-sm-offset-1,
        .row > .col-sm-offset-2,
        .row > .col-sm-offset-3,
        .row > .col-sm-offset-4,
        .row > .col-sm-offset-5,
        .row > .col-sm-offset-6,
        .row > .col-sm-offset-7,
        .row > .col-sm-offset-8,
        .row > .col-sm-offset-9,
        .row > .col-sm-offset-10,
        .row > .col-sm-offset-11 {
            margin-left: 0;
        }
    }

    @media (min-width: 992px) {
        .row > .col-md-1, .row > .col-md-2, .row > .col-md-3, .row > .col-md-4, .row > .col-md-5, .row > .col-md-6, .row > .col-md-7, .row > .col-md-8, .row > .col-md-9, .row > .col-md-10, .row > .col-md-11, .row > .col-md-12 {
            float: right;
        }

        .row > .col-md-offset-1 { margin-right: percentage((1 / 12)); }
        .row > .col-md-offset-2 { margin-right: percentage((2 / 12)); }
        .row > .col-md-offset-3 { margin-right: percentage((3 / 12)); }
        .row > .col-md-offset-4 { margin-right: percentage((4 / 12)); }
        .row > .col-md-offset-5 { margin-right: percentage((5 / 12)); }
        .row > .col-md-offset-6 { margin-right: percentage((6 / 12)); }
        .row > .col-md-offset-7 { margin-right: percentage((7 / 12)); }
        .row > .col-md-offset-8 { margin-right: percentage((8 / 12)); }
        .row > .col-md-offset-9 { margin-right: percentage((9 / 12)); }
        .row > .col-md-offset-10 { margin-right: percentage((10/ 12)); }
        .row > .col-md-offset-11 { margin-right: percentage((11/ 12)); }

        .row > .col-md-offset-1,
        .row > .col-md-offset-2,
        .row > .col-md-offset-3,
        .row > .col-md-offset-4,
        .row > .col-md-offset-5,
        .row > .col-md-offset-6,
        .row > .col-md-offset-7,
        .row > .col-md-offset-8,
        .row > .col-md-offset-9,
        .row > .col-md-offset-10,
        .row > .col-md-offset-11 {
            margin-left: 0;
        }
    }

    @media (min-width: 1170px) {
        .row > .col-lg-1, .row > .col-lg-2, .row > .col-lg-3, .row > .col-lg-4, .row > .col-lg-5, .row > .col-lg-6, .row > .col-lg-7, .row > .col-lg-8, .row > .col-lg-9, .row > .col-lg-10, .row > .col-lg-11, .row > .col-lg-12 {
            float: right;
        }

        .row > .col-lg-offset-1 { margin-right: percentage((1 / 12)); }
        .row > .col-lg-offset-2 { margin-right: percentage((2 / 12)); }
        .row > .col-lg-offset-3 { margin-right: percentage((3 / 12)); }
        .row > .col-lg-offset-4 { margin-right: percentage((4 / 12)); }
        .row > .col-lg-offset-5 { margin-right: percentage((5 / 12)); }
        .row > .col-lg-offset-6 { margin-right: percentage((6 / 12)); }
        .row > .col-lg-offset-7 { margin-right: percentage((7 / 12)); }
        .row > .col-lg-offset-8 { margin-right: percentage((8 / 12)); }
        .row > .col-lg-offset-9 { margin-right: percentage((9 / 12)); }
        .row > .col-lg-offset-10 { margin-right: percentage((10/ 12)); }
        .row > .col-lg-offset-11 { margin-right: percentage((11/ 12)); }

        .row > .col-lg-offset-1,
        .row > .col-lg-offset-2,
        .row > .col-lg-offset-3,
        .row > .col-lg-offset-4,
        .row > .col-lg-offset-5,
        .row > .col-lg-offset-6,
        .row > .col-lg-offset-7,
        .row > .col-lg-offset-8,
        .row > .col-lg-offset-9,
        .row > .col-lg-offset-10,
        .row > .col-lg-offset-11 {
            margin-left: 0;
        }
    }
}

/* Pricing */

html[dir="rtl"] {
    span.popular-tag {
        right: auto;
        left: -6px;
    }
}

/* Contact */

html[dir="rtl"] {
    .cinfo address i {
        margin: 0 8px 8px 4px;
    }
    .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        text-align: right;
        float: right;
    }
    .bootstrap-select.btn-group .dropdown-toggle .caret {
        left: 12px;
        right: auto;
    }
    @media (min-width: 1025px) {
        .row-lg .col-lg-5 {
            padding-left: 10px !important;
            padding-right: 0 !important;
        }
    }
}

/* Blog */

html[dir="rtl"] {
    .post_content {
        h1, h2, h3, h4, h5, h6 {
            text-align: right;
        }
    }
    #wp-calendar tfoot tr td#next {
        text-align: left;
    }
    .sidebar-right > .widget {
        float: left;
    }
    .sidebar-left > .widget {
        float: right;
    }
    .widget ul li a:after {
        font-family: "FontAwesome";
        content: '\f104';
        margin-left: 5px;
    }
    .widget ul li a:before {
        display: none;
    }
    @media (min-width: 841px) {
        .avatar img {
            float: right;
            margin: 0 0 15px 15px;
        }
    }
}

/* Nav-wizard */

html[dir="rtl"] {
    .nav-wizard {
        > li {
            float: left;
            > a {
                .badge {
                    margin-right: 3px;
                    margin-left: 0;
                }
            }
            &:not(:first-child) > a {
                padding-right: 34px;
                padding-left: 15px;
                &:before {
                    border-top: 20px inset transparent;
                    border-bottom: 20px inset transparent;
                    border-right: 20px solid #f2f4f5;
                    border-left: 0;
                    top: 0;
                    right: 0;
                    left: auto;
                }
            }
            &:not(:last-child) > a {
                margin-right: 0;
                margin-left: 6px;
                &:after {
                    border-top: 20px inset transparent;
                    border-bottom: 20px inset transparent;
                    border-right: 20px solid $body-bg-color;
                    border-left: 0;
                    top: 0;
                    left: -20px;
                    right: auto;
                }
            }
            &:first-child > a {
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }
            &:last-child > a {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
            }
            &.done:hover > a, &:hover > a {
                background-color: $color4;
                color: #fff;
            }
            &.done:hover > a:before, &:hover > a:before {
                border-right-color: $body-bg-color;
                border-left-color: $color4;
            }
            &.done:hover > a:after, &:hover > a:after {
                border-right-color: $color4;
                border-left-color: $body-bg-color;
            }
            &.done > a {
                background-color: $color4;
                &:before {
                    border-right-color: $body-bg-color;
                    border-left-color: $color4;
                }
                &:after {
                    border-right-color: $color4;
                    border-left-color: $body-bg-color;
                }
            }
            &.active > a {
                &:after {
                    border-right-color: $color3;
                    border-left-color: $body-bg-color;
                }
            }
            &.active > a:hover {
                &:after {
                    border-right-color: $color4;
                }
            }
            &.disabled > a {
                &:before {
                    border-right-color: $color3;
                    border-left-color: $body-bg-color;
                }
                &:after {
                    border-right-color: $body-bg-color;
                    border-left-color: $color3;
                }
            }
        }
        &.nav-justified > li {
            float: none;
            > a {
                padding: 10px 15px;
            }
        }
    }
}

/* Navbar */

html[dir="rtl"] {
    .nav {
        padding-right: 0;
    }
    .navbar {
        .navbar-nav {
            text-align: right;
            .dropdown-menu {
                text-align: right;
            }
        }
    }

    @media (min-width: 841px) {
        .navbar {
            .navbar-header {
                float: right;
            }
            .navbar-nav>li {
                float: right;
            }
            .navbar-right {
                float: left!important;
                margin-left: -15px;
            }
        }
    }

    @media (max-width: 840px) {
        .navbar {
            .navbar-header {
                .navbar-brand {
                   float: right!important; 
                   margin-right: -15px;
                }
                .navbar-toggle {
                   float: left!important;
                   margin-left: -15px;
                }            
            }
            .navbar-right {
                float: none!important;
                margin-left: 0;
            }
            .navbar-collapse {
                &.collapse {
                    padding-left: 0;
                }
                &.collapsing {
                    padding-left: 0;
                }
            }
        }
    }

    @media (max-width: 767px) {
        .navbar {
            .navbar-header {
                .navbar-brand {
                   margin-right: 0;
                }
                .navbar-toggle {
                   margin-left: 0;
                }            
            }
        }
    }
}

/* Footer */

html[dir="rtl"] {
    .newsletter, .search-form {
        .form-control {
            @include border-radius(0 3px 3px 0 !important);
        }
        .input-group-btn button {
            @include border-radius(3px 0 0 3px !important);
        }
    }
    .credits {
        text-align: left;
    }
    .scrollToTop {
        right:auto;
        left:15px;
    }
}