rtl.css

/*
Theme Name: Independent Publisher 2
*/

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

ul,
ol {
	margin: 0 2em 1.75em 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-right: 2em;
	margin-left: auto;
}

blockquote {
	border-width: 0 3px 0 0;
	margin: 1.75em -1.9em 1.75em .875em;
	padding: 0 1.75em 0 0;
}

blockquote blockquote {
	margin-right: 1.75em;
	margin-left: auto;
}

blockquote.alignleft,
blockquote.alignright {
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

blockquote cite:before {
	margin-left: .21875em;
	margin-right: 0;
}

textarea {
	padding-right: 3px;
	padding-left: 0;
}

caption,
th,
td {
	text-align: right;
}

/*--------------------------------------------------------------
3.0 - Forms
--------------------------------------------------------------*/

input + button:not(.menu-toggle),
input + input[type="button"],
input + input[type="reset"],
input + input[type="submit"],
input + .posts-navigation .nav-links a,
input + #content #infinite-handle span button,
label + button:not(.menu-toggle),
label + input[type="button"],
label + input[type="reset"],
label + input[type="submit"],
label + .posts-navigation .nav-links a,
label + #content #infinite-handle span button {
	margin-right: .21875em;
	margin-left: auto;
}

input[type="checkbox"],
input[type="radio"] {
	margin-left: .1em;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 - Navigation
--------------------------------------------------------------*/

.site-content .nav-previous {
	float: right;
}

.site-content .nav-next {
	float: left;
	text-align: left;
}

/*--------------------------------------------------------------
4.1 - Mobile Menu Button
--------------------------------------------------------------*/

.toggled .menu-toggle:before {
	margin-left: 3px;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.3 - Posts Navigation
--------------------------------------------------------------*/

.posts-navigation .nav-links .nav-previous a:before {
	margin-left: .4375em;
	margin-right: auto;
}

.posts-navigation .nav-links .nav-next a:after {
	margin-right: .4375em;
	margin-left: auto;
}

/*--------------------------------------------------------------
4.4 - Post Navigation
--------------------------------------------------------------*/

.post-navigation .nav-links .nav-previous {
	margin: 0 -.21875em 0 0;
}

.post-navigation .nav-links .nav-previous a:before {
	margin-left: .21875em;
	margin-right: auto;
	content: "\f432";
}

.post-navigation .nav-links .nav-next a:after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.post-navigation .nav-links .nav-next {
	margin: 0 0 0 -.21875em;
}

.post-navigation .nav-links .nav-next a:after {
	margin-right: .21875em;
	margin-left: auto;
}

/*--------------------------------------------------------------
4.5 - Comment Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.6 - Menu
--------------------------------------------------------------*/

.main-navigation {
	text-align: right;
}

.main-navigation ul {
	padding-right: 0;
	padding-left: 0;
}

/* Small menu. */

.menu-toggle:before {
	margin-left: 5px;
	margin-right: auto;
}

.main-navigation ul a {
	padding-right: 1.75em;
	padding-left: 1.75em;
}

.main-navigation ul ul a {
	padding-right: 3.5em;
	padding-left: 0;
}

.main-navigation ul ul ul a {
	padding-right: 5.25em;
	padding-left: 0;
}

.main-navigation ul ul ul ul a {
	padding-right: 7em;
	padding-left: 0;
}

.main-navigation ul ul ul ul ul a {
	padding-right: 8.75em;
	padding-left: 0;
}

.main-navigation ul ul ul ul ul ul a {
	padding-right: 10.5em;
	padding-left: 0;
}

/*--------------------------------------------------------------
5.0 - Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */

.screen-reader-text:focus {
	left: auto;
	right: 5px;
}

/*--------------------------------------------------------------
6.0 - Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.0 - Content
--------------------------------------------------------------*/

.alignright {
	float: right;
	margin-left: 1.75em;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right: 1.75em;
	margin-left: auto;
}

img.alignright {
	margin: 5px 0 10px 20px;
}

img.alignleft {
	margin: 5px 20px 10px 0;
}

/*--------------------------------------------------------------
9.0 - Media
--------------------------------------------------------------*/

/* Make sure embeds and iframes fit their containers */

/*--------------------------------------------------------------
10.0 - Galleries
--------------------------------------------------------------*/

.gallery-item {
	float: right;
	margin: 1.75em 4px 0 0;
}

.gallery-columns-1 .gallery-item:nth-of-type(1n+1),
.gallery-columns-2 .gallery-item:nth-of-type(2n+1),
.gallery-columns-3 .gallery-item:nth-of-type(3n+1),
.gallery-columns-4 .gallery-item:nth-of-type(4n+1),
.gallery-columns-5 .gallery-item:nth-of-type(5n+1),
.gallery-columns-6 .gallery-item:nth-of-type(6n+1),
.gallery-columns-7 .gallery-item:nth-of-type(7n+1),
.gallery-columns-8 .gallery-item:nth-of-type(8n+1),
.gallery-columns-9 .gallery-item:nth-of-type(9n+1) {
	clear: right;
	margin-right: 0;
	margin-left: auto;
}

/*--------------------------------------------------------------
11.0 - Comments
--------------------------------------------------------------*/

ol.comment-list li.comment,
ol.comment-list ol.children li.comment {
	margin-right: -1px;
	margin-left: auto;
}

.pingback,
.trackback {
	border-right: solid 1px #e8e8e8;
	border-left: none;
}

ol.comment-list .pingback,
ol.comment-list .trackback {
	padding-right: .875em;
	padding-left: 0;
}

.pingback:before,
.trackback:before {
	float: right;
}

.pingback a:first-child,
.trackback a:first-child {
	margin: 0 .21875em 0 0;
}

.pingback span.edit-link,
.trackback span.edit-link {
	margin-right: .21875em;
	margin-left: auto;
}

.pingback span.edit-link:before,
.trackback span.edit-link:before {
	margin: 0 0 0 .109375em;
}

.comment .comment-body {
	padding: 1.75em 1.75em 0 0;
}

.comment .comment-reply-link:before {
	margin-left: .25em;
	margin-right: auto;
}

.comment .comment-meta {
	padding-right: 63px;
	padding-left: 0;
}

.comment .comment-meta .comment-author .avatar {
	right: 0;
	left: auto;
}

.comment-awaiting-moderation {
	margin: 1.2em -63px -5px 0;
}

.comment-awaiting-moderation:before {
	margin-left: .4375em;
	margin-right: auto;
}

.comment-awaiting-moderation:after {
	margin-right: .4375em;
	margin-left: auto;
}

.comment > .comment-respond {
	margin-right: 1.75em;
	margin-left: auto;
}

/*--------------------------------------------------------------
12.0 - Widgets
--------------------------------------------------------------*/

/* =Footer Widgets */

.widget ul,
.widget ol {
	margin-left: auto;
}

.widget ul ul,
.widget ol ul,
.widget ul ol,
.widget ol ol {
	margin-right: .875em;
	margin-left: auto;
}

.widget ul ul,
.widget ol ul,
.widget ul ol,
.widget ol ol {
	margin-right: 1.75em;
	margin-left: auto;
}

.widget_calendar #next {
	text-align: left;
}

/* Using root level selector to increase specificity */

.widget_authors img {
	margin-left: .4375em;
	margin-right: auto;
}

/*--------------------------------------------------------------
13.0 - Layout
--------------------------------------------------------------*/

.light-text > span,
.light-text > a {
	margin-left: .875em;
	margin-right: auto;
}

.light-text > span:last-child,
.light-text > a:last-child {
	margin-left: 0;
	margin-right: auto;
}

.light-text > span:before,
.light-text > a:before {
	margin-left: .21875em;
	margin-right: auto;
}

.light-text span.author.vcard + a[rel="author"] {
	margin-right: .4375em;
	margin-left: auto;
}

.light-text span.cat-links {
	margin-right: 0;
	margin-left: auto;
}

.light-text a[rel="author"]:first-child {
	margin-left: 0;
	margin-right: auto;
}

.sticky-label {
	left: auto;
	right: 0;
}

.hentry > .sticky-label {
	float: right;
}

.hentry > .sticky-label + .entry-content {
	clear: right;
}

.entry-meta > span {
	margin-left: 1.3125em;
	margin-right: 0;
}

.entry-meta > span:last-child {
	margin-left: 0;
}

.post-details span.author.vcard + span.cat-links {
	margin-right: .4375em;
	margin-left: auto;
}

.post-tags li {
	float: right;
}

.post-tags li:first-child:after {
	margin-left: .875em;
	margin-right: 0;
}

.post-tags li:nth-child(n+2):not(:last-child):after {
	margin-left: .4375em;
	margin-right: 0;
}

.page-links {
	text-align: right;
}

.page-links > span:first-child,
.page-links > a:first-child {
	margin-left: 0;
	margin-right: .4375em;
}

.post-edit-link a:before {
	margin: -.109375em -.21875em 0 .21875em;
}

/*--------------------------------------------------------------
13.2 - Hero Header
--------------------------------------------------------------*/

.has-header-image #hero-header:before {
	right: 0;
	left: auto;
}

/*--------------------------------------------------------------
13.3 - Post Author Card
--------------------------------------------------------------*/

.entry-author .author-avatar {
	float: left;
	margin-right: .875em;
	margin-left: auto;
}

.entry-author .author-avatar img {
	float: left;
}

.site-posted-on {
	margin-right: 100px;
	margin-left: auto;
}

.site-posted-on strong {
	clear: left;
}

@media screen and (min-width: 32.375em) {
	.main-navigation {
		text-align: center;
	}
	.main-navigation ul a,
	.main-navigation ul ul a,
	.main-navigation ul ul ul a,
	.main-navigation ul ul ul ul a,
	.main-navigation ul ul ul ul ul a,
	.main-navigation ul ul ul ul ul ul a {
		padding: .4835em .209375em;
	}
	.main-navigation ul ul {
		right: -999em;
		margin-right: -.4em;
		float: right;
		text-align: right;
		left: auto;
		margin-left: auto;
	}

	.main-navigation ul ul ul {
		right: -999em;
		left: auto;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		right: 100%;
		left: auto;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		right: auto;
		left: auto;
	}

	.main-navigation li.menu-item-has-children > a:after,
	.main-navigation li.page_item_has_children > a:after {
		margin-right: 6px;
		margin-left: auto;
	}

	.main-navigation li.menu-item-has-children > a:after,
	.main-navigation li.page_item_has_children > a:after {
		-webkit-transform: rotate(-90deg);
				transform: rotate(-90deg);
	}

	.post-navigation .nav-links .nav-previous {
		margin: 0 -.21875em 0 0;
	}

	blockquote.alignright {
		margin-left: 1.75em;
		margin-right: auto;
	}

	blockquote.alignleft {
		margin-right: 1.75em;
		margin-left: auto;
	}
}

@media screen and (min-width: 48.9375em) {

	.comments-area li.comment {
		padding: 1.75em 1.75em 0 0;
	}

	.comments-area li.comment .comment-respond {
		margin-right: 0;
		margin-left: auto;
	}

	.comments-area li.comment .comment {
		margin-right: 0;
		margin-left: auto;
	}

	.entry-author .author-avatar {
		margin-right: 0;
	}

	.entry-author .author-avatar,
	.entry-author .author-avatar img {
		float: right;
	}

	.entry-author .author-bio,
	.entry-author .author-heading {
		margin-right: 100px;
		margin-left: auto;
	}

	.site-posted-on {
		left: 0;
		right: auto;
		margin-right: 0;
		text-align: left;
		margin-left: auto;
	}

}

@media screen and (min-width: 62em) {
	.has-sidebar .content-area {
		float: right;
		margin: 0 0 0 -26%;
	}

	.has-sidebar .site-main {
		margin: 0 0 0 26%;
	}

	.has-sidebar .site-content .widget-area {
		float: left;
	}

	.footer-widgets .widget-area {
		float: right;
	}

	.footer-widgets .widget-area:nth-child(1):nth-last-child(2),
		.footer-widgets .widget-area:nth-child(2):nth-last-child(1) {
		margin-left: 4%;
		margin-right: auto;
	}

	.footer-widgets .widget-area:nth-child(1):nth-last-child(2):last-of-type,
		.footer-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
		margin-left: 0;
		margin-right: auto;
	}

	.footer-widgets .widget-area:nth-child(1):nth-last-child(3),
		.footer-widgets .widget-area:nth-child(2):nth-last-child(2),
		.footer-widgets .widget-area:nth-child(3):nth-last-child(1) {
		margin-left: 5%;
		margin-right: auto;
	}

	.footer-widgets .widget-area:nth-child(1):nth-last-child(3):last-of-type,
		.footer-widgets .widget-area:nth-child(2):nth-last-child(2):last-of-type,
		.footer-widgets .widget-area:nth-child(3):nth-last-child(1):last-of-type {
		margin-left: 0;
		margin-right: auto;
	}

}

@media screen and (min-width: 68.75em) {
	/* Large tiled galleries */
	body:not(.has-sidebar) .tiled-gallery-wrapper,
	body:not(.has-sidebar) .jetpack-video-wrapper,
	body:not(.has-sidebar) img.size-big,
	body:not(.has-sidebar) .wp-caption.size-big img {
		margin-left: auto;
		margin-right: -180px;
	}

	body:not(.has-sidebar) .jetpack-slideshow img.size-big {
		margin-right: auto;
	}
}