// =============================================================================
// _RTL.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Topbar
//   02. Navigation
//   03. Breadcrumbs
//   04. Posts and Pages
//   05. Portfolio
//   06. Comments
//   07. Widgets
// =============================================================================

// Topbar
// =============================================================================

.rtl {
  .x-topbar {
    .p-info {
      float: right;
    }

    .x-social-global {
      float: left;
    }

    @include break(middle-bear) {
      .p-info,
      .x-social-global {
        float: none;
      }
    }
  }
}



// Navigation
// =============================================================================

.rtl {
  .x-nav-articles {
    float: left;
    text-align: left;

    .prev { margin-left: 0.5em; }
    .next { margin-left: 0;     }

    @include break(middle-bear) {
      float: none;
      text-align: center;
    }
  }
}



// Breadcrumbs
// =============================================================================

.rtl {
  .x-breadcrumbs {
    float: right;
    text-align: right;
    @include break(middle-bear) {
      float: none;
      width: 100%;
      text-align: center;
    }
  }
}



// Posts and Pages
// =============================================================================

.rtl {
  .entry-title {
    &:before {
      display: none;
    }
  }

  .x-landmark {
    padding-right: 0;
    padding-left: 9.92611%;
  }

  .entry-footer a {
    float: right;
    margin: 0.615em 0 0 0.615em;
  }
}



// Portfolio
// =============================================================================

.rtl {
  .option-set {
    right: auto;
    left: 10px;
  }
}



// Comments
// =============================================================================

.rtl {
  .h-comments-title {
    small {
      left: -40px;
      right: auto;
    }
  }

  .x-comment-img {
    float: right;
  }

  article.comment {
    margin: 0 80px 25px 0;
  }

  .comment-edit-link {
    top: 5px;
    left: 5px;
    right: auto;
  }
}



// Widgets
// =============================================================================

.rtl {
  .widget ul,
  .widget ol {
    margin: 0 -20px;
  }

  .widget_text .textwidget ul,
  .widget_text .textwidget ol {
    margin: 0 1.655em 1.313em 0;
  }

  .widget_categories,
  .widget_nav_menu,
  .widget_pages {
    ul li li a {
      margin-left: 0;
      margin-right: 42px;
    }

    ul li li li a {
      margin-left: 0;
      margin-right: 63px;
    }

    ul li li li a {
      margin-left: 0;
      margin-right: 84px;
    }
  }

  .widget_categories .cat-item a {
    margin-left: 0;
    margin-right: 0;
  }

  .widget_nav_menu .current-menu-item > a {
    &:after {
      content: "\f054";
      margin-left: 0;
      margin-right: 0.45em;
    }
  }

  .x-flickr-widget ul.x-slides,
  .x-dribbble-widget ul.dribbbles {
    margin-left: 0;
    margin-right: 0;
  }
}