/*
Theme Name: Just Read

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;
}
blockquote {
	padding-left: 0;
	padding-right: 2.5em;
}
blockquote:before {
	content: "\201D";
	left: auto;
	right: 0;
}
blockquote cite:before {
	content: '\2014';
	margin-right: 0;
	margin-left: .5rem;
}

/* Main navigation */
.main-navigation ul ul {
	left: auto;
	right: 0;
}
.main-navigation ul ul ul {
	left: auto;
	right: 100%;
}
.main-navigation .menu-item-has-children > a::after,
.main-navigation .page_item_has_children > a::after {
	right: auto;
	left: 0;
}
.main-navigation li .menu-item-has-children > a::after,
.main-navigation li .page_item_has_children > a::after {
	right: auto;
	left: .75rem;
	background-image: url(images/angle-left.svg);
}
.menu-toggle {
	margin-right: 4px;
	margin-left: 0;
}
.main-navigation.toggled ul ul a {
	padding-left: 0;
	padding-right: 2rem;
}
.main-navigation.toggled ul ul ul a {
	padding-left: 0;
	padding-right: 4rem;
}
.main-navigation ul {
	padding-right: 0;
}

/* Widgets */
.widget ul {
	padding-right: 0;
}
/* Calendar widget */
#next {
	text-align: left;
}

/* Form search */
.form-wrapper .search-close {
	right: auto;
	left: 0;
}
@media (min-width: 768px) {
	.form-wrapper .search-close {
		left: 2rem;
	}
}

/* Header */
.social-icons .jetpack-social-navigation ul {
	margin-right: 0;
	margin-left: 12px;
}
.site-branding {
	margin-right: 0;
	margin-left: 1.5rem;
}

/* Posts and pages */
.card__subtitle.cat-links {
	float: right;
}
.sticky .icon-bookmark {
	right: auto;
	left: 1rem;
}
.cat-links {
	padding-right: 0;
	padding-left: 20px;
}
.tags-links {
	padding-left: 0;
	padding-right: 20px;
}
.tag-cloud-link,
.tags-links a {
	margin-right: 0;
	margin-left: .25rem;
}

/* Comments */
.comment > .children {
	padding-left: 0;
	padding-right: 1.6rem;
}
.comment-author .avatar {
	margin-left: 8px;
	margin-right: 0;
	float: right;
}
.comment-metadata {
	margin-left: 0;
	margin-right: 48px;
}
.comment-metadata .edit-link {
	margin-right: .25rem;
	margin-left: 0;
}