/*
Theme Name: cshero

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

http://codex.wordpress.org/Right_to_Left_Language_Support

*/

body.rtl {
	direction: rtl;
	unicode-bidi: embed;
}
.rtl .left{
    float: right;
}
.rtl .right{
    float: left;
}
.rtl [class^="col-lg-"], .rtl [class*="col-lg-"],
.rtl [class^="col-md-"], .rtl [class*="col-md-"],
.rtl [class^="col-sm-"], .rtl [class*="col-sm-"],
.rtl [class^="col-xs-"], .rtl [class*="col-xs-"] {
    float: right;
}

/* ==========================================================================
   Block Content LTR
========================================================================== */
.rtl .ww-carousel-latest-work .ww-content,
.rtl .ww-carousel-client .ww-content,
.rtl .cs-latest-twitter .bx-wrapper,
.rtl .ww-nav {
  direction: ltr;
}
/* ==========================================================================
   Main Menu
========================================================================== */
.rtl .cshero-menu-dropdown ul {
  float: left;
}

/* ==========================================================================
   Header Top
========================================================================== */
.rtl #cshero-header .logo a {
  text-align: right;
}


/* ==========================================================================
   Shortcode
========================================================================== */
/*accordion*/
.rtl .wpb_accordion_section .wpb_accordion_header a:before {
  content: "";
  padding-right: 0;
}
.rtl .wpb_accordion_section .wpb_accordion_header a:after {
  content: "\f055";
  font-family: FontAwesome;
  padding-right: 0;
  padding-left: 15px;
}

/*carousel*/
.rtl .cs-carousel .carousel-control {
  line-height: 1;
}
.rtl .cs-carousel .carousel-caption {
  text-align: right;
}
.rtl .cs-carousel .carousel-control.left {
  right: inherit;
  left: 40px;
}
.rtl .cs-carousel .carousel-control.right {
  right: inherit;
  left: 12px;
}

/*Tabs*/
.rtl .wpb_tabs .wpb_tabs_nav li {
  float: right;
}
.rtl .wpb_tabs.style3 ul.wpb_tabs_nav {
    float: right;
    margin-left: 30px;
    margin-right: 0;
}
.rtl .wpb_tabs.style3 ul li {
  border-radius: 0 4px 4px 0;
}
/* ==========================================================================
   Team Single Style
========================================================================== */
.rtl .cs-item-team .cs-team-meta {
  padding: 28px 28px 0 0;
}

/* ==========================================================================
  Blog Page
========================================================================== */
.rtl .cs-blog .cs-blog-info li i {
  margin: 0 0 0 5px;
}
/*--- Comment ---*/
.rtl .comment-body .fn, 
.rtl #comments .comment-list .comment-meta, 
.rtl .comment-body .comment-meta + p {
  padding: 0 100px 0 0;
}
.rtl .comment-author img.avatar {
  left: inherit;
  right: 20px;  
}
.rtl #comments .comment-list .reply {
  right: inherit;
  left: 20px;
}
/* ==========================================================================
   End Blog Page
========================================================================== */


/* ==========================================================================
   Nav
========================================================================== */
.rtl .ww-carousel-latest-work.style-1 .ww-nav, 
.rtl .ww-carousel-latest-work.style-2 .ww-nav {
  right: inherit;
  left: 0;
}

/* ==========================================================================
   Footer Top 
========================================================================== */
/*** Social Fooeter ***/
.rtl .cs-social li {
  margin-left: 15px;
}
.rtl .newsletter form:before {
  right: inherit;
  left: 5px;
}
.rtl .newsletter .newsletter-submit {
  right: inherit;
  left: 0;
}

/*** getTouch Fooeter ***/
.rtl .getTouch > li, .rtl .getTouchSidebar > li {
  padding: 0 35px 0 0;
}
.rtl .getTouch > li i {
  left: inherit;
  right: 0;
}
.rtl #footer-bottom ul.menu, 
.rtl #footer-bottom ul.obtheme_mega_menu {
  text-align: left;
}