rtl.css

/*
Theme Name: Shoreditch

Adding support for language 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

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Layout
# Navigation
	## Main Menu
	## Pagination
# Accessibility
# Widgets
# Content
	## Posts & Pages
	## Featured Content
	## Comments
# Media
# Jetpack
	## Infinite Scroll
	## Recipes
	## Social Menu
	## Widgets
# Responsive
	## x >= 600px
	## x >= 768px
	## x >= 896px
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
	direction: rtl;
	unicode-bidi: embed;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
blockquote {
    border-left-width: 0;
    border-right-width: 2px;
    padding-left: 0;
	padding-right: 1.5rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
ul,
ol {
	margin-left: 0;
	margin-right: 1.25em;
}

li > ul,
li > ol {
	margin-left: 0;
	margin-right: 1.5em;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* Search */
.search-form .search-field {
	padding-left: 2.625em;
	padding-right: 0.375em;
}

.search-form .search-submit {
	left: 0;
	right: auto;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site-branding {
	margin-left: auto;
	margin-right: 0;
	padding-left: 1.5em;
	padding-right: 0;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Main Menu
--------------------------------------------------------------*/
.main-navigation .menu-item-has-children > a {
	margin-left: 3.5em;
	margin-right: 0;
}

.main-navigation .menu-item-has-children > a:after {
	left: 0;
	right: auto;
}

.main-navigation ul ul .menu-item-has-children > a:after {
	left: 0.75em;
	right: auto;
}

.main-navigation ul ul {
	margin-left: 0;
	margin-right: 1.5em;
}

/* Dropdown Toggle */
.dropdown-toggle {
	left: 0;
	right: auto;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.comment-navigation .nav-previous,
.posts-navigation .nav-previous {
	float: right;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next {
	float: left;
	text-align: left;
}

.comment-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after,
.posts-navigation .nav-next a:after {
	content: "\f432";
	margin-left: 0.25em;
	margin-right: 0;
}

.comment-navigation .nav-next a:after,
.posts-navigation .nav-next a:after {
	content: "\f431";
	margin-left: 0;
	margin-right: 0.25em;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text:focus {
	left: auto;
	right: 5px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/* Lists */
.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
	margin-right: 0;
}

.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
	padding-left: 0;
	padding-right: 1.5em;
}

/* Tag Cloud */
.widget_tag_cloud .tagcloud a {
	margin-left: 0.25em;
	margin-right: 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts & Pages
--------------------------------------------------------------*/
/* Entry Hero & Has Post Tumbnail */
.site-content-wrapper .has-post-thumbnail .entry-header {
	margin-left: 0;
	margin-right: -1.5em;
}

/* Entry Author */
.author-avatar {
	float: left;
}

.author-heading {
	float: right;
	max-width: calc(100% - 4.5em);
}

/* Page Links & More Link */
.page-links a,
.page-links > span {
	float: right;
	margin-left: 0.25rem;
	margin-right: 0;
}

/*--------------------------------------------------------------
## Featured Content
--------------------------------------------------------------*/
.featured-content {
	direction: ltr;
}

.featured-content .flex-control-paging,
.featured-content .hentry {
	direction: rtl;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/* Comment List */
.comment-author .avatar {
	float: right;
	margin-left: 0.375em;
	margin-right: 0;
}

.comment-metadata .edit-link:before {
	padding-left: 0.5em;
	padding-right: 0.25em;
}

.comment-reply-link:after {
	content: "\f431";
	margin-left: 0;
	margin-right: 0.25em;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.mejs-offscreen {
	left: auto !important;
	right: -999em;
}

/*--------------------------------------------------------------
# Jetpack
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Infinite Scroll
--------------------------------------------------------------*/
/* Infinite Handle */
.site-main #infinite-handle span:before {
	display: none;
}

/* Infinite Loader */
.infinite-loader .spinner {
	left: auto !important;
	right: 50% !important;
}

/*--------------------------------------------------------------
## Recipes
--------------------------------------------------------------*/
.site-content .jetpack-recipe blockquote {
	margin-right: 0;
}

/*--------------------------------------------------------------
## Social Menu
--------------------------------------------------------------*/
.site .jetpack-social-navigation li {
	float: right;
}

.site .jetpack-social-navigation li:first-child {
	margin-left: 0.25em;
	margin-right: 0;
}

.site .jetpack-social-navigation li:last-child {
	margin-left: 0;
	margin-right: 0.25em;
}

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
/* RSS Links */
.widget_rss_links ul {
	margin-right: 0;
}

.widget_rss_links p a + a {
	margin-left: 0;
	margin-right: 0.1865em;
}

/* Social Media Icons */
.site .widget_wpcom_social_media_icons_widget ul {
	margin-left: 0;
	margin-right: -0.25em;
}

.site .widget_wpcom_social_media_icons_widget li {
	float: right;
}

.site .widget_wpcom_social_media_icons_widget li:last-child {
	margin-left: 0;
	margin-right: 0.25em;
}

/* Top Posts & Pages */
.widget_top-posts ul {
	margin-right: 0;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## x >= 600px
--------------------------------------------------------------*/
@media screen and (min-width: 600px) {

	/* Content */
	.site-content-wrapper .has-post-thumbnail .entry-header {
		margin-left: 0;
		margin-right: -3em;
	}

	/* Jetpack */
	.site .testimonial-entry-column-2.testimonial-entry-first-item-row {
		margin-left: 0.75em;
		margin-right: 0;
	}

	.site .testimonial-entry-column-2.testimonial-entry-last-item-row {
		margin-left: 0;
		margin-right: 0.75em;
	}

}

/*--------------------------------------------------------------
## x >= 768px
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {

	/* Typography */
	blockquote {
		padding-left: 0;
		padding-right: 1.875rem;
	}

	.widget-small blockquote {
		padding-left: 0;
		padding-right: 1.40625rem;
	}

	/* Elements */
	.widget-small li > ul,
	.widget-small li > ol {
		margin-left: 0;
		margin-right: 1.40625em;
	}

	/* Forms */
	.widget-small .search-form .search-field {
		padding-left: 3.515625em;
		padding-right: 0.703125em;
	}

	/* Layout */
	.widget-footer-area.column-2 .widget {
		float: right;
	}

	.widget-footer-area.column-2 .widget:nth-child(odd) {
		clear: right;
		padding-left: 1.5em;
		padding-right: 0;
	}

	.widget-footer-area.column-2 .widget-small:nth-child(odd) {
		padding-left: 1.875em;
		padding-right: 0;
	}

	.widget-footer-area.column-2 .widget:nth-child(even) {
		padding-left: 0;
		padding-right: 1.5em;
	}

	.widget-footer-area.column-2 .widget-small:nth-child(even) {
		padding-left: 0;
		padding-right: 1.875em;
	}

	/* Navigation */
	.main-navigation .menu-item-has-children > a {
		margin-left: 3em;
		margin-right: 0;
	}

	/* Content */
	.page-links a,
	.page-links > span {
		margin-left: 0.3125em;
		margin-right: 0;
	}

	/* Jetpack */
	.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		float: right;
		padding-left: 1.25rem;
	}

	.hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(2) {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
	}

	.hentry div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:last-of-type {
		padding-left: 0;
		padding-right: 1.25rem;
	}

	.site .testimonial-entry-first-item-row {
		clear: right;
	}

	.site .testimonial-entry-column-3.testimonial-entry-first-item-row {
		margin-left: 1em;
		margin-right: 0;
	}

	.site .testimonial-entry-column-3.testimonial-entry-last-item-row {
		margin-left: 0;
		margin-right: 1em;
	}

	/* Extra Classes */
	.column-1-2 {
		float: right;
		width: 50%;
	}

	.column-1-2.column-first {
		padding-left: 0.75em;
		padding-right: 0;
	}

	.column-1-2.column-last {
		padding-left: 0;
		padding-right: 0.75em;
	}

	.column-last + * {
		clear: right;
	}

}

/*--------------------------------------------------------------
## x >= 896px
--------------------------------------------------------------*/
@media screen and (min-width: 896px) {

	/* Layout */
	body:not(.no-sidebar) .content-area {
		padding-left: 1em;
		padding-right: 0;
	}

	.site-content-wrapper .widget-area {
		padding-left: 0;
		padding-right: 2em;
	}

	.site-info {
		margin-left: auto;
		margin-right: 0;
	}

	.widget-footer-area.column-3 .widget {
		float: right;
	}

	.widget-footer-area.column-3 .widget:nth-child(3n+1) {
		clear: right;
		padding-left: 2em;
		padding-right: 0;
	}

	.widget-footer-area.column-3 .widget-small:nth-child(3n+1) {
		padding-left: 2.5em;
		padding-right: 0;
	}

	.widget-footer-area.column-3 .widget:nth-child(3n+2) {
		padding-left: 1em;
		padding-right: 1em;
	}

	.widget-footer-area.column-3 .widget-small:nth-child(3n+2) {
		padding-left: 1.25em;
		padding-right: 1.25em;
	}

	.widget-footer-area.column-3 .widget:nth-child(3n+3) {
		padding-left: 0;
		padding-right: 2em;
	}

	.widget-footer-area.column-3 .widget-small:nth-child(3n+3) {
		padding-left: 0;
		padding-right: 2.5em;
	}

	/* Navigation */
	.main-navigation li {
		margin-left: 0.75em;
		margin-right: 0.75em;
	}

	.main-navigation .primary-menu > li:first-child {
		margin-left: 0.75em;
		margin-right: 0;
	}

	.main-navigation .primary-menu > li:last-child {
		margin-left: 0;
		margin-right: 0.75em;
	}

	.main-navigation .menu-item-has-children > a {
		margin-left: 0;
		padding-left: 20px;
		padding-right: 0;
	}

	.main-navigation ul ul .menu-item-has-children > a {
		padding-left: 28px;
		padding-left: calc(0.75em + 20px);
		padding-right: 0.75em;
	}

	.main-navigation ul ul .menu-item-has-children > a:after {
		content: "\f432";
	}

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

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

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

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

	/* Content */
	.site-content-wrapper .has-post-thumbnail .entry-header {
		margin-left: 0;
		margin-right: 0;
	}

	/* Jetpack */
	.infinite-loader .spinner {
		left: auto !important;
		right: 12px !important;
	}

	.site .testimonial-entry-column-4.testimonial-entry-first-item-row {
		margin-left: 1.25em;
		margin-right: 0;
	}

	.site .testimonial-entry-column-4:nth-of-type(4n+2) {
		margin-left: 0.75em;
		margin-right: 0.25em;
	}

	.site .testimonial-entry-column-4:nth-of-type(4n+3) {
		margin-left: 0.25em;
		margin-right: 0.75em;
	}

	.site .testimonial-entry-column-4.testimonial-entry-last-item-row {
		margin-left: 0;
		margin-right: 1.25em;
	}

	/* Extra Classes */
	.column-1-3 {
		float: right;
	}

	.column-1-3.column-first {
		padding-left: 1em;
		padding-right: 0;
	}

	.column-1-3.column-last {
		padding-left: 0;
		padding-right: 1em;
	}

}