/* 108 of 1000 CSS properties converted by rtl.daskhat.ir 
 These properties should be override originals. 
 just load rtl css file after original css file.*/ 

/* body {direction:rtl;} */

body *{
}

caption{
    text-align: right;
}


.footer li,.footer ul{
    margin-right: 10px;
}

.scroll-top{
    left: 10px;
    right:auto;
}

.scroll-sidebar{
    left: 10px;
    right:auto;
}

.list-inline{
    padding-right: 0;
}

.list-inline li:not(:last-child){
    margin-left: 0.5rem;
}

.commentlist .children{
    margin-right: 10px;
}

.commentlist .avatar{
    float: right;
    margin-left: 10px;
}

.comment-body .comment-meta{
    text-align: right;
}

#pings, #comments{
    text-align: right;
}

/* Navigation: https://github.com/piotr-kmita/dropdown-menu*/

.nav__menu .menu-item-has-children > a:after  {
    /*        down*/
    padding-right: 5px;
    padding-left: auto;
}

.nav__menu .menu-item-has-children .menu-item-has-children > a:after {
    /*        down*/
    padding-right: 5px;
    padding-left: auto;
}

@media screen and (min-width: 800px) {

    .nav__menu .menu-item-has-children ul {
        /*right: -30px;*/
        /*transition: right .4s ease ;*/   
    }
    .nav__menu .menu-item-has-children:hover > ul { 
        right: 0;
    }

    .nav__menu .menu-item-has-children > a:after  {
        /*        down*/
        padding-right: 5px;
        padding-left: auto;
    }
    .nav__menu .menu-item-has-children:hover > a:after {
        /*        up*/
        padding-right: 5px;
        padding-left: auto;
    }
    .nav__menu .menu-item-has-children .menu-item-has-children > a:after {
        /*        up*/
        padding-right: 10px;
        padding-left: auto;
    }
    .nav__menu .menu-item-has-children .menu-item-has-children:hover > a:after  {
        /*        left*/
        padding-right: 10px;
        padding-left: auto;
    }
    /* 2nd level dropdown */
    .nav__menu .menu-item-has-children .menu-item-has-children:hover > ul {
        right: auto; 
        left: calc(100% - 17px);
    }
    .nav__menu .menu-item-has-children .menu-item-has-children ul  {
        right: auto; 
        left: calc(100% - 17px);
    }
}
/*wc-accordion*/
.wc-accordion-btn {
  text-align: right;
}

.wc-accordion-btn:after {
  float: left;
  margin-right: 5px;
  margin-left: auto;
}
/*decorared ordered list*/
.wc-ol::before {
	left: 0;
	right: 8%;
}