themes-wordpress/rebalance/rtl.css

/*
 * Theme Name: rebalance
 *
 * 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.
 *
 * http://codex.wordpress.org/Right_to_Left_Language_Support
 *
 */

/*--------------------------------------------------------------*/
/* !# TABLE OF CONTENTS */
/*--------------------------------------------------------------*/
/*----------------------------------------------------------------
# Normalize
	## Typography
	## Elements
	## Links
	## Forms
# Theme Globals
# Layout
# Accessibility
# Alignments
# Clearings
# Header
# Navigation
	## Toggle Navigation
	## Main Navigation
	## Social Navigation
# Widgets
# Content
	## Featured Project
	## Posts and Pages
	## Author Meta
	## Single Post
	## Single Jetpack Portfolio
	## Page
	## Archive
	## Masonry
	## Infinite scroll
	## 404 Error
	## Asides
# Media
	## Captions
	## Galleries
# Pagination
# Comments
	## Comments Respond
## Widgets
## Secondary
# Footer
# Extras
----------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !# Normalize */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Typography */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Elements */
/*--------------------------------------------------------------*/

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

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

/*--------------------------------------------------------------*/
/* !## Links */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Forms */
/*--------------------------------------------------------------*/

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

/*--------------------------------------------------------------*/
/* !# Theme Globals */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !# Layout */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !# Accessibility */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !# Alignments */
/*--------------------------------------------------------------*/

.alignleft {
	float: right;
	margin-left: 1.5em;
	margin-right: inherit;
}

.alignright {
	float: left;
	margin-left: inherit;
	margin-right: 1.5em;
}

/*--------------------------------------------------------------*/
/* !# Clearings */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !# Header */
/*--------------------------------------------------------------*/

/* Large Screen Styles */
@media screen and (min-width: 881px) {

	.site-branding {
		text-align: right;
	}

	.site-logo-link {
		margin-left: 20px;
		margin-right: inherit;
	}

	.site-description {
		float: right;
		text-align: right;
	}

	.main-navigation {
		float: left;
		clear: left;
	}

}

/*--------------------------------------------------------------*/
/* !# Navigation */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Toggle Navigation */
/*--------------------------------------------------------------*/

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

.menu-toggle:after {
	margin: 0 5px 0 0;
}

/*--------------------------------------------------------------*/
/* !## Main Navigation */
/*--------------------------------------------------------------*/

.main-navigation .sub-menu,
.main-navigation .children {
	padding-left: inherit;
	padding-right: 1.5em;
}

.main-navigation .sub-menu li:before,
.main-navigation .children li:before {
	padding-left: inherit;
	padding-right: 8px;
}

.main-navigation ul > li li a {
	padding-left: inherit;
	padding-right: 26px;
}

/* Large Screen Styles */
@media screen and (min-width: 881px) {

	.header-menu-wrap {
		float: right;
	}

	.main-navigation {
		float: left;
	}

	.main-navigation div > ul {
		float: right;
		text-align: right;
	}

	.main-navigation .sub-menu,
	.main-navigation .children {
		padding-left: inherit;
		padding-right: 0;
		left: inherit;
		right: 0;
	}

	.main-navigation ul > li a {
		text-align: right;
	}

	.main-navigation .sub-menu a,
	.main-navigation .children a {
		padding-left: 8px;
		padding-right: 26px;
	}

	.main-navigation .sub-menu .sub-menu,
	.main-navigation .children .children {
		margin: -2px 0 -2px -2px;
		left: calc(100% + 2px);
		right: inherit;
	}

	.main-navigation .page_item_has_children > a:after,
	.main-navigation .menu-item-has-children > a:after {
		margin: 0 5px 0 0;
	}
	.main-navigation .sub-menu li.page_item_has_children:before,
	.main-navigation .sub-menu li.page_item_has_children:before,
	.main-navigation .sub-menu li.menu-item-has-children:before,
	.main-navigation .children li.menu-item-has-children:before {
		content: '\f105';
		margin-left: 5px;
		margin-right: inherit;
	}

	.main-navigation .page_item_has_children .page_item_has_children > a:after,
	.main-navigation .menu-item-has-children .menu-item-has-children > a:after {
		content: '\f107';
		float: left;
		margin: 0 0 0 5px;
	}

}

/*--------------------------------------------------------------*/
/* !## Mobile Navigation */
/*--------------------------------------------------------------*/

@media screen and (max-width: 880px) {

	/*
	 * Sub-menu dropdown buttons
	 */
	.dropdown-toggle {
		right: inherit;
		left: 8px;
	}

}

/*--------------------------------------------------------------*/
/* !## Social Navigation */
/*--------------------------------------------------------------*/

.social-navigation li {
	padding-left: inherit;
	padding-right: 5px;
}

/* Icons aren't shown in small screen layouts */
@media screen and (min-width: 881px) {

	.social-menu-wrap {
		float: left;
	}

	.social-navigation {
		left: 0;
		right: inherit;
	}

	.social-navigation > * {
		text-align: left;
	}

}

/*--------------------------------------------------------------*/
/* !# Content */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Featured Project */
/*--------------------------------------------------------------*/

/* Large Screen Styles */
@media screen and (min-width: 881px) {

	.site-feature .has-thumbnail .entry-header {
		left: inherit;
		right: 0;
		padding: 0 2em 2em 0;
	}

}

/*--------------------------------------------------------------*/
/* !## Posts and Pages */
/*--------------------------------------------------------------*/

.entry-image .entry-image-caption span {
	margin-left: 10px;
	margin-right: inherit;
}

.entry-content blockquote,
.comment-content blockquote {
	border-left: none;
	border-right: 6px solid #F35029;
	margin: 0 -40px 0 0;
	padding-left: inherit;
	padding-right: 40px;
}

.entry-content blockquote blockquote,
.comment-content blockquote blockquote {
	margin-right: 0;
}

.entry-content q,
.comment-content q {
	border-left: none;
	border-right: 6px solid #F35029;
	padding-left: inherit;
	padding-right: 20px;
}

.entry-content table th,
.entry-content table tr,
.entry-content table td,
.comment-content th,
.comment-content tr,
.comment-content td {
	text-align: right;
}

/*--------------------------------------------------------------*/
/* !## Author Meta */
/*--------------------------------------------------------------*/

.author-box {
	float: left;
}

.author-avatar {
	float: left;
	margin: 0 20px 20px 0;
}

.author-description {
	padding-left: 25%;
	padding-right: inherit;
}

/* Large Screen Styles */
@media screen and (min-width: 881px) {

	.author-box {
		float: left;
	}

	.author-avatar .avatar {
		left: calc(100% + 40px);
		right: inherit;
	}

}

/*--------------------------------------------------------------*/
/* !## Single Post */
/*--------------------------------------------------------------*/

/* Large Screens */
@media screen and (min-width: 881px) {

	.single .hentry .entry-header {
		float: left;
	}

	.single .hentry .entry-title {
		margin-left: inherit;
		margin-right: calc(33.333%);
	}

	.single .entry-header .entry-meta {
		margin-left: inherit;
		margin-right: calc(33.333%);
	}

	.single .hentry .entry-content {
		float: left;
	}

	.single .hentry .entry-footer {
		float: left;
	}

}

/*--------------------------------------------------------------*/
/* !## Single Jetpack Portfolio */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Page */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Archive & Search */
/*--------------------------------------------------------------*/

/* Large Screens */
@media screen and (min-width: 881px) {
	.archive .page-header,
	.search .page-header {
		text-align: right;
	}
}

/*--------------------------------------------------------------*/
/* !## Masonry */
/*--------------------------------------------------------------*/

.js .infinite-scroll .card,
.card {
	float: right;
}

/*--------------------------------------------------------------*/
/* !## Infinite Scroll */
/*--------------------------------------------------------------*/

#infinite-handle span:before {
	display: none;
}

/*--------------------------------------------------------------*/
/* !## 404 Error */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Asides */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !# Media */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !## Captions */
/*--------------------------------------------------------------*/

.wp-caption.alignleft {
	margin-left: 1.5em;
	margin-right: 0;
}

.wp-caption.alignright {
	margin-left: 0;
	margin-right: 1.5em;
}

/* Large Screen Styles */
@media screen and (min-width: 881px) {

	/* Only posts with non-floating/fullwidth images can have hanging captions */
	.post .wp-caption.aligncenter .wp-caption-text,
	.post .wp-caption.alignnone .wp-caption-text {
		text-align: left;
	}

}

/*--------------------------------------------------------------*/
/* !## Galleries */
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* !# Pagination */
/*--------------------------------------------------------------*/

.posts-navigation .nav-previous {
	float: right;
}

.posts-navigation .nav-next {
	float: left;
}

/* Responsive Navigation */
@media screen and (min-width: 881px) {

	.site-main .post-navigation {
		text-align: left;
	}

	.site-main > .post-navigation .nav-next {
		float: left;
		padding-left: inherit;
		padding-right: 20px;
		text-align: right;
	}

	.site-main > .post-navigation .nav-previous {
		float: right;
		padding-left: 20px;
		padding-right: inherit;
		text-align: left;
	}

	.site-main .comment-navigation {
		float: left;
	}

}

/*--------------------------------------------------------------*/
/* !# Comments */
/*--------------------------------------------------------------*/

.comment-list {
	float: left;
	margin-left: 0;
	padding-left: 0;
	margin-right: 0;
	padding-right: 0;
	width: 100%;
}

.comment .avatar {
	left: inherit;
	right: 0;
}

.comment .comment-author .fn {
	margin-left: inherit;
	margin-right: 70px;
}

.bypostauthor .fn:before {
	margin-left: 10px;
	margin-right: 0;
}

.comment .comment-metadata {
	float: right;
	margin-left: inherit;
	margin-right: 70px;
	text-align: right;
}

.comment .reply {
	text-align: left;
}

.comment .comment-reply-link:before {
	margin: 0 0 0 5px;
}

.comment .children {
	margin-left: 0;
	margin-right: 1.5em;
}

/* Responsive Comments */
@media screen and (min-width: 881px) {

	.comments-area {
		padding: 50px 33.333% 50px 11.111%;
	}

	.comment .comment-author {
		float: right;
		margin-right: inherit;
	}

	.comment .comment-author .fn {
		margin-left: inherit;
		margin-right: 0;
	}

	.comment .comment-metadata {
		float: left;
		margin-left: inherit;
		margin-right: 0;
		text-align: left;
	}

	.comment .avatar {
		margin-left: 0;
		margin-right: inherit;
		left: calc(100% + 40px);
		right: inherit;
	}

	.comment .comment-content {
		margin-left: inherit;
		margin-right: 0;
	}

}

/*--------------------------------------------------------------*/
/* !## Comment Respond */
/*--------------------------------------------------------------*/

.comment-respond p label {
	text-align: right;
}

.comment-respond p.form-submit {
	text-align: left;
}

.comment .comment-reply-title small {
	left: 0;
	right: inherit;
}

.comment .comment-reply-title a:before {
	margin: 0 0 0 5px;
}

/* Responsive Comments */
@media screen and (min-width: 881px) {

	.comment-respond p label {
		left: calc(100% + 40px);
		right: inherit;
		text-align: left;
	}

	.comment .comment-respond p.form-submit {
		padding-left: inherit;
		padding-right: 50%;
	}

}

/*--------------------------------------------------------------*/
/* !# Widgets */
/*--------------------------------------------------------------*/

.widget_calendar {
	text-align: right;
}

.widget_calendar caption {
	text-align: right;
}

.widget_calendar table th,
.widget_calendar table tr,
.widget_calendar table td {
	text-align: right;
}

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

/* Large Screen Styles */
@media screen and (min-width: 881px) {

	.widget,
	.widget:nth-child(2n) {
		margin: 0 30px 60px 0;
	}

}

/*--------------------------------------------------------------*/
/* !## Secondary */
/*--------------------------------------------------------------*/

/* Large Screen Styles */
@media screen and (min-width: 881px) {

	#secondary {
		float: left;
	}

}

/*--------------------------------------------------------------*/
/* !# Footer */
/*--------------------------------------------------------------*/

.site-footer {
	clear: right;
}

/*--------------------------------------------------------------*/
/* !# Extras */
/*--------------------------------------------------------------*/

.sd-social-official .sd-content ul>li {
	float: right !important;
}