/*
Theme Name: RONMI RTL

Adding support for languages 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.

https://codex.wordpress.org/Right-to-Left_Language_Support

*/

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

/* Menu rtl */
.main-navigation > ul > li:first-child{
	margin-right: 0;
}
.main-navigation > ul > li.menu-item-has-children{
	margin-left: 42px;
}
.main-navigation > ul > li:last-child{
	margin-left: 0;
	margin-right: 42px;
}
.main-navigation ul > li.menu-item-has-children > a:after{
	left: -15px;
	right: auto;
}
.main-navigation ul ul.sub-menu{
	right: 0;
}
.main-navigation ul ul.sub-menu:before{
	right: 28px;
	left: auto;
}
.main-navigation ul li ul.sub-menu ul.sub-menu{
	right: 100%;
	left: auto;
}
.main-navigation ul li li.menu-item-has-children > a:after{
	left: 30px;
    right: auto;
}
.main-navigation ul li li a{
	text-align: right;
}
.main-navigation > ul > li > a > span:after, 
.vertical-main-navigation > ul > li > a > span:not(.arrow):after{
	right: 0;
    left: auto;
    transform-origin: left;
}
.main-navigation > ul > li > a:hover > span:not(.arrow):after, 
.main-navigation > ul > li.current-menu-item > a > span:not(.arrow):after, 
.main-navigation > ul > li.current-menu-ancestor > a > span:not(.arrow):after, 
.vertical-main-navigation > ul > li > a:hover > span:not(.arrow):after, 
.vertical-main-navigation > ul > li.current-menu-item > a > span:not(.arrow):after, 
.vertical-main-navigation > ul > li.current-menu-ancestor > a > span:not(.arrow):after{
	transform-origin: right;
}
.woocommerce .widget_shopping_cart ul.cart_list li, 
.woocommerce.widget_shopping_cart ul.cart_list li{
	text-align: right;
}
.woocommerce .widget_shopping_cart .total, 
.woocommerce.widget_shopping_cart .total{
	text-align: right;
}
.site-header-cart{
	color: #5f6160;
}
/* Blog list */
.post-box .post-cat a{
	margin-left: 10px;
	margin-right: 0;
}
.post-box .entry-media.post-cat-abs .post-cat{
	right: 20px;
	left: auto;
}
.post-box .entry-meta > span{
	margin-right: 0;
	margin-left: 35px;
}
.post-box .entry-meta > span:last-child{
	margin-left: 0;
}
.related-posts .post-box .entry-meta > span:not(:last-child), 
.blog-grid .post-box .entry-meta > span:not(:last-child){
	margin-right: 0;
}
.post-box .entry-meta a{
	padding-left: 0;
	padding-right: 25px;
}
.post-box .entry-meta a:before{
	left: auto;
	right: 0;
}
.post-box .link-box{
	padding-right: 40px;
	padding-left: 0;
}
.post-box .link-box:before,
.post-box .quote-box .quote-text:before{
	right: 0;
	left: auto;
}
.post-box .quote-box .quote-text{
	padding-right: 60px;
	padding-left: 0;
}
.ot-slider .owl-nav{
	flex-direction: row-reverse;
}
.page-pagination{
	padding-right: 0;
	padding-left: 40px;
}
.page-pagination li a.next{
	margin-left: 0;
	margin-right: 20px;
}
.page-pagination li a.prev{
	margin-right: 0;
	margin-left: 20px;
}
@media only screen and (min-width: 768px){
	.blog-list .entry-media:not(.post-cat-abs) .posted-in,
	.single-post .page-header .entry-media .posted-in {
	    margin-left: 20px;
	    margin-right: 0;
	}
}

/* Sidebar widgets */
.widget ul, .widget ol{
	padding-right: 0;
	padding-left: 40px;
}
.widget-area .widget_categories ul li a, 
.widget-area .widget_product_categories ul li a, 
.widget-area .widget_archive ul li a{
	padding-right: 20px;
	padding-left: 0;
}
.widget-area .widget_categories ul li a:before, 
.widget-area .widget_product_categories ul li a:before, 
.widget-area .widget_archive ul li a:before{
	right: 0;
	left: auto;
}
.search-form .search-submit{
	left: 0;
	right: auto;
}
.search-form .search-field{
	padding: 0 30px 0 60px;
}
.woocommerce .widget_shopping_cart ul.cart_list li img, 
.woocommerce.widget_shopping_cart ul.cart_list li img{
	float: right;
	margin-left: 20px;
    margin-right: 0;
}
.woocommerce .widget_shopping_cart ul.cart_list li a.remove, 
.woocommerce.widget_shopping_cart ul.cart_list li a.remove{
	left: 0px;
    right: auto;
}

/* Single post */
.blog-post .author-bio .author-info .author-socials a{
	margin-right: 0;
	margin-left: 18px;
}
.blog-post .author-bio .author-info .author-socials a:last-child{
	margin-left: 0;
}
.blog-post .tagcloud{
	float: right;
}
.blog-post .share-post{
	float: left;
}
.comments-area .comment-list{
	padding-right: 0;
	padding-left: 40px;
}
.comments-area .comment-item .gravatar{
	float: right;
}
.comments-area .comment-item .comment-content:not(.pingback){
	padding-left: 0;
	padding-right: 80px;
}
.comments-area .comment-item .comment-text{
	margin-left: 0;
	margin-right: 20px;
}
.comments-area .comment-item .comment-text:before{
	right: -20px;
	left: auto;
	border-left: 20px solid #fff9f5;
    border-bottom: 17px solid transparent;
    border-top: none;
}
.comments-area .comment-item .comment-reply-link{
	margin-left: 0;
	margin-right: 20px;
}
.comments-area ul.children{
	padding-right: 100px;
	padding-left: 0;
}
.post-nav .post-prev{
	float: right;
	text-align: left;
}
.post-nav .post-next{
	float: left;
	text-align: right;
}
.post-nav a{
	flex-direction: row-reverse;
}

@media only screen and (min-width: 768px){
	.related-posts > div{
		display: flex;
	}
}