rtl.css

/*
Theme Name: zillah

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

*/

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

body,
button,
input,
select,
textarea {
	text-align: right;
}

/* Header */
.dropdown-toggle {
	right: initial;
	left: 0;
	margin: 0 0 0 5px;
}

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

.main-navigation ul ul {
	float: right;
	padding-right: 30px;
	padding-left: 0;
	text-align: right;
}

.header-search form {
	float: left;
}

.header-search label:before {
	right: 0;
	left: initial;
	padding-right: 0;
	padding-left: 20px;
	content: "\f002";
}

.header-search input {
	padding-left: 50px;
}

.header-search input[type="submit"] {
	right: 0;
	left: initial;
}

.header-search label {
	padding-right: 20px;
	padding-left: 0;
}

.menu-toggle-button-wrap {
	text-align: right;
}

.header-social-icons ul {
	float: left;
}

/* Footer */
.site-footer {
	text-align: right;
}

.quick-contact .fa {
	margin: 0 0 15px 20px;
}

/* Ribbon itnro [Homepage two] */
.homepage-two .site-main {
	padding-left: 0;
}

/* Recently posted [homepage two] */
.recently-item .entry-header {
	float: right;
	width: 100%;
}

.recently-item h2.entry-title a {
	float: none;
}

.recently-content-wrap .entry-content {
	width: 100%;
}

/* Page */
.taxonomy-description {
	padding-right: 0;
	padding-left: 315px;
	text-align: right;
}

blockquote {
	margin-right: 0;
	padding: 0 20px;
	border-right: 5px solid #7fcaad;
	border-left: none;
}

/* Single page */
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	margin-right: -1px;
	margin-left: 0;
	text-align: left;
}

.comment-body {
	padding: 30px 124px 30px 15px;
}

.comment-author {
	right: 0;
	left: initial;
}

.comment-list .children {
	padding: 0 30px 0 0;
}

.author-details-img-wrap {
	float: right;
	margin-right: 0;
	margin-left: 35px;
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 600px) {
	/* Sidebar */
	.widget_search input[type="submit"] {
		right: initial;
		left: 0;
	}

	.widget_search label:before {
		right: initial;
		left: 0;
		padding-right: 0;
		padding-left: 20px;
		content: "\f002";
	}

	.widget_search input {
		padding-left: 50px;
	}

/* Header */
	.menu-toggle-button-wrap {
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	/* Header */
	.main-navigation ul ul {
		padding: 0;
	}

/* Footer */
	.footer-content-bottom,
	.quick-contact {
		text-align: right;
	}

	.quick-contact,
	.footer-widget-wrap {
		float: right;
	}

	.footer-content-bottom-btn {
		padding-right: 25px;
		padding-left: 0;
	}

/* About us */
	.about-us-page .recently-posted-title {
		float: right;
	}

	.see-all-posts {
		float: left;
	}

	.recently-posted-wrap .recently-posted-about {
		float: right;
	}

	.recently-posted-wrap .recently-posted-about:nth-child(3n+1) {
		clear: right;
		padding-right: 0;
		padding-left: 16.6px;
	}

	.recently-posted-wrap .recently-posted-about:nth-child(3n+3) {
		padding-right: 16.6px;
		padding-left: 0;
	}
}

@media screen and (min-width: 992px) {
	.site-main {
		padding: 0 0 0 60px;
	}

/* header */
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		right: 100%;
		left: initial;
	}

	.main-navigation li.menu-item-has-children {
		padding-right: 0;
		padding-left: 10px;
	}

/* Footer */
	.footer-video-wrap {
		margin-right: 0;
		margin-left: 60px;
	}

/* Ribbon [Homepage One] */
	.home-ribbon-text {
		margin-right: 0;
		margin-left: 20px;
		text-align: right;
	}

/* Tree videos [Homepage Two] */
	.home-three-videos-item {
		float: right;
	}

/* Ribbon intro [Homepage Two] */
	.home-ribbon-intro-inner {
		float: right;
		text-align: right;
	}

/* Recently posted [homepage two] */
	.recently-image-wrap {
		margin-right: 0;
		margin-left: 50px;
	}

/* Contact */
	.search-page .site-main,
	.contact-page .site-main {
		padding-left: 0;
	}

	.contact-block-item-wrap .contact-block-item {
		float: right;
	}

	.contact-block-content-wrap .contact-block-content:nth-child(even) {
		padding-right: 15px;
		padding-left: 0;
	}

	.contact-block-content-wrap .contact-block-content:nth-child(odd) {
		padding-right: 0;
		padding-left: 15px;
	}

	.contact-block {
		text-align: right;
	}

	.contact-link .fa {
		text-align: right;
	}

/* About us */
	.info-block {
		text-align: right;
	}
}

@media screen and (min-width: 1200px) {
	/* Recently posted */
	.recently-posted-wrap .recently-posted-item:nth-child(2n+1) {
		clear: right;
	}

	.recently-posted-item {
		float: right;
	}

	.recently-posted-wrap .recently-posted-item:nth-child(odd) {
		padding-right: 0;
		padding-left: 10px;
	}
	.recently-posted-wrap .recently-posted-item:nth-child(even) {
		padding-right: 10px;
		padding-left: 0;
	}
}