Viewing File: /home/maglabs/2vsa/wp-content/themes/cargohub/css/rtl.less

/*
Theme Name: CargoHub
Theme URI: http://steelthemes.com/delaware
Author: SteelThemes
Author URI: http://steelthemes.com
Description: Industry, Engineering & All Industrial Business WordPress Theme
Version: 1.2.0
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cargohub
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
*/
@import 'variables';

html {
	direction: rtl;
}

body {
  direction: rtl;
  unicode-bidi: embed;
}

/** End Bootstrap RTL **/

.clearfix() {
    zoom: 1;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }
}

.site-header {
    .site-logo,
    .site-menu {
        float: right;
    }
}

.text-left {
    text-align: right;
}

.text-right {
    text-align: left;
}

.header-v3,
.header-v4 {
    .site-header .site-menu {
        float: none;
    }

    .site-header-widget {
        float: left;
    }
}

.header-v3 {
    .nav ul.menu > li:first-child {
        padding-left: 27px;
    }
}

.header-v4 .nav ul.menu > li.menu-item-has-children > a:before {
    right: auto;
    left: 0;
}

.header-v4 .nav ul.menu > li:first-child {
    padding-left: 17px;
}

.header-v4 .nav ul.menu > li > a {
    padding: 13px 10px 13px 20px;
}

.nav ul.menu > li.menu-item-has-children > a:before {
    right: auto;
    left: -13px;
}

.nav ul.menu {
    padding: 0;

    & > li {
        float: right;

        &:first-child {
            ul {
                left: auto;
                right: 0;
            }
        }
    }

    li.extra-menu-item.menu-item-button-link {
        float: left;
    }
}

.page-header {
    .site-breadcrumb,
    .site-social-share {
        float: right;
    }

    .breadcrumb-area nav {
        text-align: right;
    }

    .site-social-share {
        text-align: left;
    }
}

.entry-meta .meta {
    float: right;

    &:first-child {
        padding-left: 15px;
        padding-right: 0;

        &:after {
            display: none;
        }
    }

    &:last-child {
        padding-left: 0;
        padding-right: 15px;

        &:after {
            display: block;
        }
    }
}

.widget .widget-title:after,
.single-project .single-project-title:before {
    left: auto;
    right: 0;
}

.widget_categories,
.widget_pages,
.widget_archive,
.widget_nav_menu,
.widget_recent_entries,
.widget_meta {

    .count {
        float: left;
    }

    li {
        & > a {
            padding-left: 0;
            padding-right: 30px;

            &:before {
                left: auto;
                right: 0;
            }
        }

        &:after {
            content: '\f104';
            right: auto;
            left: 0;
        }
    }
}

.download {
    .item-download i {
        padding-right: 0;
        padding-left: 20px;
    }
}

.cargo-contact-widget {
    i {
        float: right;
    }

    h5,p {
        padding-left: 0;
        padding-right: 40px;
    }
}

.footer-widgets {
    .menu li {
        padding-left: 0;
        padding-right: 15px;

        &:after {
            left: auto;
            right: 0;

        }

        & > a {
            padding-right: 0;
        }
    }
}

.cargohub-social-links-widget {
    .style-1 {
        a {
            &:last-child {
                padding-left: 0;
                padding-right: 15px;
            }

            &:first-child {
                padding-left: 15px;
                padding-right: 0;
            }
        }
    }

    .style-2 {
        a {
            &:last-child {
                margin-left: 0;
                margin-right: 5px;
            }

            &:first-child {
                margin-left: 5px;
                margin-right: 0;
            }
        }
    }
}

.topbar {
    .widget {
        &:last-child {
            padding-left: 0;
            padding-right: 20px;
        }

        &:first-child {
            padding-right: 0;
            padding-left: 20px;
        }
    }
}

.cargo-office-location-widget {
    .office-switcher,
    .current-office {
        float: right;
    }

    .topbar-office {
        float: left;
        padding-left: 0;
        padding-right: 10px;
    }
}

.all-project ul.filter {
    padding-right: 0;

    li {
        &:last-child {
            padding-left: 0;
            padding-right: 15px;
        }

        &:first-child {
            padding-right: 0;
            padding-left: 15px;
        }
    }
}

.socials a {
    &:last-child {
        padding-left: 0;
        padding-right: 15px;
    }

    &:first-child {
        padding-right: 0;
        padding-left: 15px;
    }
}

.portfolio-navigation .nav-previous .meta-nav.right,
.portfolio-navigation .nav-next .meta-nav.right {
    float: right;
}

.portfolio-navigation .nav-previous .meta-nav.left,
.portfolio-navigation .nav-next .meta-nav.left {
    float: left;
}

.fh-section-title {
    &.text-left {
        h2:before {
            right: 0;
            left: auto;
        }
    }

    &.text-right {
        h2:before {
            left: 0;
            right: auto;
        }
    }
}

.fh-feature-box {
    .box-title,
    .desc {
        padding-left: 0;
        padding-right: 70px;
    }

    .chars {
        left: auto;
        right: 0;
    }
}

.fh-team .owl-nav {
    .owl-prev {
        right: auto;
        left: 0;
    }

    .owl-next {
        right: auto;
        left: 60px;
    }
}

.fh-contact-box {
    h4, .desc {
        padding-left: 0;
        padding-right: 40px;
    }

    i {
        float: right;
    }

    ul {
        padding-left: 0;

        li {
            float: right;

            &:last-child {
                margin-left: 0;
                margin-right: 5px;
            }

            &:first-child {
                margin-left: 5px;
                margin-right: 0;
            }
        }
    }
}

.vc_opening-hours ul li span,
.opening-hours li span {
    float: left;
}

.fh-service-box {
    .fh-icon, .img-icon {
        left: auto;
        right: 20px;
    }

    h4, .desc {
        padding-left: 0;
        padding-right: 70px;
    }

    &.style-2 {
        .fh-icon, .img-icon {
            left: auto;
            right: 0;
        }
    }
}

.fh-latest-post.carousel {
    .owl-nav {
        .owl-next {
            right: auto;
            left: 60px;
        }

        .owl-prev {
            right: auto;
            left: 0;
        }
    }
}

.fh-icon-box {
    &.style-2 {
        &.icon-right {
            h4,
            .desc {
                padding-right: 0;
                padding-left: 100px;
            }

            &:before {
                right: auto;
                left: 35px;
            }

            .fh-icon,
            .img-icon {
                float: left;
            }
        }

        &.icon-left {
            h4,
            .desc {
                padding-right: 100px;
                padding-left: 0;
            }

            &:before {
                left: auto;
                right: 35px;
            }

            .fh-icon,
            .img-icon {
                float: right;
            }
        }
    }

    &.style-3 {
        &.icon-right {
            h4,
            .desc {
                padding-right: 0;
                padding-left: 110px;
            }

            &:before {
                right: auto;
                left: 35px;
            }

            .fh-icon,
            .img-icon {
                float: left;
            }
        }

        &.icon-left {
            h4,
            .desc {
                padding-left: 0;
                padding-right: 110px;
            }

            &:before {
                left: auto;
                right: 35px;
            }

            .fh-icon,
            .img-icon {
                float: right;
            }
        }
    }
}

.fh-button {
    .fh-icon, .img-icon {
        float: right;
    }

    &.align-left {
        float: right;
    }

    &.align-right {
        float: left;
    }
}

.fh-counter.icon-left .fh-icon {
    float: right;
}

.fh-counter.icon-left .counter {
    padding-left: 0;
    padding-right: 80px;
    text-align: right;
}

.contact-widget .contact {
    h4,p {
        padding-left: 0;
        padding-right: 50px;
    }

    i {
        float: right;
    }
}

.site-footer .footer-copyright {
    float: right;
}

.navbar-icon {
    right: auto;
    left: 0;
}

.primary-mobile-nav {
    ul.menu {
        padding-right: 0;

        li .toggle-children {
            float: left;

            i {
                right: auto;
                left: -20px;
                transform: rotate(180deg);
            }
        }
    }
}

.cargo-office-location-widget .topbar-office li i {
    float: right;
    padding-right: 0;
    padding-left: 6px;
}

@media (max-width: 1024px) {
    body {
        .fh-icon-box {
            &.style-3 {
                &.icon-left,
                &.icon-right {
                    .fh-icon, .img-icon {
                        float: none;
                        padding-top: 0;
                        padding-bottom: 20px;
                    }

                    h4, .desc {
                        padding-left: 0;
                        padding-right: 0;
                    }
                }
            }
        }
    }
}

@media (max-width: 768px) {
    body {
        .fh-testimonials-carousel .owl-dots {
            right: auto;
            left: 60px;
            bottom: 150px;
        }
    }
}