/*
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See: https://codex.wordpress.org/Right_to_Left_Language_Support
*/

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

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

.rtl .pix-header-abs-content.pix-text-right {
    right: auto;
    left: 0;
}

.rtl .rtd ul:not([class]) li:not([dir="ltr"]):before{
    margin-right: -13px;
    margin-left: 3px;
}

.rtl .pix-header.pix-header-info .pix-info-container li:last-child,
.rtl .pix-header.pix-levels nav ul.main-menu-elements li:last-child {
    padding-left: 0;
}

.rtl .fixed li.pix-fixed-content {
    margin-right: 20px;
    margin-left: 0;
}

.rtl .pix-header nav ul.nav > li.arrow {
    margin-left: 15px;
    margin-right: auto;
}

.rtl .pix-header nav ul.nav > li.arrow:after {
    left: -3px;
    right: auto;
}

.rtl .pix-header.pix-levels nav ul li ul.submenu {
    right: -25px;
    left: auto;
}

.rtl .pix-header nav ul li ul.submenu {
    text-align: right;
}

.rtl .pix-header nav ul li ul.submenu li:hover {
    padding-right: 25px;
}

.rtl .menu-mobile__list li.js-mobile-menu i {
    left: 15px;
    right: auto;
}

.rtl .isotope .isotope-item {
  -webkit-transition-property: right, top, -webkit-transform, opacity;
     -moz-transition-property: right, top, -moz-transform, opacity;
      -ms-transition-property: right, top, -ms-transform, opacity;
       -o-transition-property: right, top, -o-transform, opacity;
          transition-property: right, top, transform, opacity;
}

.rtl .menu-mobile__header i.js-search-toggle {
    float: left;
    margin-left: 15px;
}

.rtl .menu-mobile__header .cart-container {
    float: left;
    margin-left: 20px;
    margin-right: auto;
}

.rtl .hamburger--4{
    float: left;
    margin-left: 5px;
}

.rtl .menu-mobile__list .overlay{
    left: -30px;
}

.rtl .menu-mobile__list {
    right: -800px;
}

.rtl .menu-mobile__list.show {
    right: 0;
}


.rtl .news-card__image .label-date{
    right: auto;
    left: 0;
}

.rtl #news-card-latest-nav .owl-prev {
    margin-right: auto;
    margin-left: 20px;
}


.rtl .blog-list__article .article-head,
.rtl .blog-article .article-head{
    padding: 15px 100px 0 0;
}
.rtl .blog-list__article .post__date,
.rtl .blog-article .post__date{
    left: auto;
    right: 0;
}
.rtl .post__meta > span {
    display: inline-block;
}
.rtl .post__meta > span > i {
    top: 0;
    left: auto;
    right: -20px;
}

.rtl .post__meta > span:not(:last-child),
.rtl .post__meta > a:not(:last-child){
    margin-left: 3em;
    margin-right: auto;
}
.rtl .post__meta > span:first-child{
    margin-right: 20px;
}

.rtl .blog-article__related .pix-news-next {
    padding-right: 0;
    text-align: left;
}
.blog-article__related .pix-news-next h4:before {
    left: -15px;
    right: auto;
}
.rtl .blog-article__related .pix-news-prev h4:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rtl .side-menu__item,
.rtl .sidebar-type-2 .side-menu__item {
    margin-left: auto;
    margin-right: 30px;
}

.rtl .side-menu__item-news .news-text a:before,
.rtl .side-menu__item li a:before,
.rtl .blog-article__related h4:before {
    left: auto;
    right: -15px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.rtl .blog-list__article-text {
    overflow: hidden;
}

.rtl .pix-mc4wp input[type="submit"],
.rtl .pix-question-form input[type="submit"]{
    right: auto;
    left: 0;
}
.rtl .pix-question-form input[type="submit"]:active {
    transform: translate3d(-2px, 0, 0);
}
.rtl .pix-mc4wp .icon{
    right: auto;
    left: 14px;
}