/*
Theme Name: rosalie
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See http://codex.wordpress.org/Right_to_Left_Language_Support
*/

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


/**
 * 02. TIPOGRAPHY
 *
 * -------------------------------------------------------------------------------------------------------------------------------------------------------
 */

blockquote p {
	padding-left: 0px;
	border-left: none;
	margin-left: 0px;
	padding-right: 20px;
	border-right: 4px solid #d3b062;
	margin-right: 30px;
}
blockquote blockquote {
	margin-left: 0px;
	margin-right: 20px;
}
menu,
ol,
ul {
	padding: 0 40px 0 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
	padding-left: 2px; /* Don't cut off the webkit search cancel button */
}
caption,
th,
td {
	text-align: right;
}
th {
	padding: 8px 0px 8px 10px;
}
td {
	padding: 6px 0 6px 10px;
}

/**
 * 03. PATTERNS
 * --------------------------------------------------------------------------------------------------------------------------------------------
 */

.assistive-text:hover,
.assistive-text:active,
.assistive-text:focus {
	right: 5px;
}

/* Images */
.alignleft {
	float: right;
}
.alignright {
	float: left;
}
blockquote.alignleft,
img.alignleft {
	margin: 7px 0 7px 24px;
}
.wp-caption.alignleft {
	margin: 7px 0 7px 14px;
}
blockquote.alignright,
img.alignright {
	margin: 7px 24px 7px 0;
}
.wp-caption.alignright {
	margin: 7px 14px 7px 0;
}

/* text aligns */
.textleft-xs {
	text-align: right;
}
.textright-xs {
	text-align: left;
}
.textcenter-xs {
	text-align: center;
}
@media (min-width: 576px) {
	.textleft-sm {
		text-align: right;
	}
	.textright-sm {
		text-align: left;
	}
	.textcenter-sm {
		text-align: center;
	}
}
@media (min-width: 768px) {
	.textleft-md {
		text-align: right;
	}
	.textright-md {
		text-align: left;
	}
	.textcenter-md {
		text-align: center;
	}
}
@media (min-width: 992px) {
	.textleft-lg {
		text-align: right;
	}
	.textright-lg {
		text-align: left;
	}
	.textcenter-lg {
		text-align: center;
	}
}
@media (min-width: 1200px) {
	.textleft-xl {
		text-align: right;
	}
	.textright-xl {
		text-align: left;
	}
	.textcenter-xl {
		text-align: center;
	}
}


/**
 * 06. NAVIGATION STYLES
 *
 * ----------------------------------------------------------------------------------------------------------------------------
 */

/* Main Menu */
.main-navigation {
	float: left;
}
.nav-menu li a,
.main-navigation li,
.main-navigation .children {
	text-align: right;
}
.nav-menu li > ul {
	margin-right: 0;
	right: auto;
	padding-right: 0;
}
.container-fluid .menu-rtl {
	right: 0;
}
.container-fluid .social-rtl {
	left: 0;
}


/**
 * 07.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.entry-header {
	text-align: right;
}


/**
 * 07.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-header .entry-meta span.byline,
.entry-header .entry-meta span.line-author {
	padding-right: 10px;
}
.entry-header .entry-meta span.line-author:after {
	right: 0px;
}
.entry-meta span {
	margin-left: 0px;
}
.entry-meta span.comments-link {
	margin-left: 20px;
	margin-right: 0;
}
.entry-meta > span:last-child {
	margin-left: 0;
}
.entry-meta .genericon {
	margin-left: 3px;
	margin-right: 0;
}
.entry-summary a.more-link {
	padding: 10px 50px 10px 25px;
}
.entry-summary a.more-link:after {
	content: '\f430';
	right: 0;
}
.entry-summary a.more-link:hover:after {
	right: 20px;
}
 /**
 * 07.5 Body Classes
 * ----------------------------------------------------------------------------
 */
/* home page */

/* blog template page */

/* single template page */

/* page template page */

/* archive template page */

/* category template page */

/* wp-admin bar */

/* tag template page */


/* Image Galleries */
.gallery-item {
	float: right;
	margin: 0 0 4px 4px;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-left: 0;
}
.gallery-caption {
	right: 0;
	text-align: right;
}
.gallery-caption:before {
	right: 0;
}

/* Flexislider Fix */
.flex-viewport {
	direction: ltr;
}
.flexslider .slides {
	direction: rtl;
}


/**
 * 07.7 Attachments
 * ----------------------------------------------------------------------------
 */

.image-navigation .nav-previous {
	right: 0;
}

.image-navigation .nav-next {
	left: 0;
}

 /**
 * 08. PAGE NAVI STYLES
 *
 * -------------------------------------------------------------------------------------------------------------------------------------------------------
 */

.navigation .nav-previous {
	float: right;
}
.nav-links .nav-previous a:before {
	content: "\f432";
}
.navigation .nav-next {
	float: left;
}
.nav-links .nav-next a:after {
	content: "\f431";
}

/**
 * 09. COMMENT STYLES & 10. COMMENT FORM STYLES
 * ----------------------------------------------------------------------------
 */

/* General Styles */
.comments-title,
.comment-reply-title,
.no-comments {
	text-align: right;
}

.comment-list .children {
	list-style-type: none;
	margin-right: 15px;
	padding-right: 15px;
}
.comment-author .avatar {
	margin-right: 0;
	margin-left: 15px;
	float: right;
}
.comment-list .edit-link {
	margin-right: 20px;
}
.comments-title, .comment-reply-title, .no-comments {
	text-align: right;
}
.comment-awaiting-moderation:before {
	margin-left: 5px;
}
.comment-list > li > .comment:before {
	right: 0;
}

/* Comment form */
#reply-title small a {
	float: left;
}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
	margin-left: 0%;
}
#commentform label[for="author"],
#commentform label[for="email"],
#commentform label[for="url"],
#commentform label[for="comment"] {
	float: right;
}




/**
 * 11. SIDEBARS & ASIDES
 * ----------------------------------------------------------------------------
 */

/* Secondary Sidebar */
.widget li > ul,
.widget li > ol {
	margin-right: 20px;
}

/* Search widget */
#searchform .submit {
	left: 0;
}
#searchform .submit:after {
	content: '\f430';
	padding-left: 0;
	padding-right: 15px;
}

/* Calendar Widget */
.widget_calendar caption {
	text-align: right;
}
.widget_calendar #prev {
	padding-right: 5px;
}
.widget_calendar #next {
	padding-left: 5px;
	text-align: left;
}

/* Tagcloud Widget */
.widget .tagcloud a,
.wp_widget_tag_cloud a,
.widget_tag_cloud a {
	margin: 0 0 10px 10px !important;
	float:right;
}

/**
 * 12. FOOTER STYLES
 * ----------------------------------------------------------------------------
 */

.widget [class^="fa-"] {
	margin-left: 5px;
}

/* Footer Social Nav */
.screen-reader-text {
	right: -9999em;
	left: 0;
}
.comment-list > li > .comment-body:before {
	right: 0;
}

/**
 * 13. MEDIA QUERIES
 * ----------------------------------------------------------------------------
 */

@media (min-width: 550px) {
}

@media (min-width: 576px) {

/* Comment form */
	#commentform .comment-form-author,
	#commentform .comment-form-email{
		float:right;
		margin-left:2%;
	}
	#commentform .comment-form-url {
		float:right;
	}
	.entry-meta span {
		margin-left: 10px;
		margin-right: 0px;
	}
	.comment-list .children {
		margin-right: 30px;
		padding-right: 30px;
	}
	.comment-list li {
		padding-left: 0;
		padding-right: 50px;
	}
	.comment-list li article:before, .comment-list > li > .comment-body:before, .comment-list > li:first-child > .comment-body:before {
		right: -50px;
	}
	.comment-list li article:after {
		left: 0;
		right: -10px;
		width: 4px;
		border: 4px solid #ececec;
		border-color: transparent #ececec;
		border-left: none;
		content: "";
	}
	.comment-list li.parent > ol.children > li:before {
		right: -90px;
	}
	.comment-list li.parent:after {
		right: 20px;
	}
}

@media (min-width: 992px) {
	.main-navigation {
		text-align: right;
	}
	.nav-menu > li.menu-item-has-children > a:after,
	.nav-menu > ul > li.page_item_has_children > a:after {
		content: none;
	}
	.nav-menu > li.menu-item-has-children > a:before,
	.nav-menu > ul > li.page_item_has_children > a:before {
		position: relative;
		padding-right: 8px;
		content: '\f431';
		font-family: 'Genericons';
		line-height: 10px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 15px;
		vertical-align: sub;
	}
	.nav-menu > li:first-child > .sub-menu,
	.nav-menu > ul > li:first-child > .children {
		left: initial;
		right: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.nav-menu .sub-menu ul, .nav-menu .children ul {
		left: 0;
		right: 100%;
	}
	.nav-menu .sub-menu ul:after,
	.nav-menu .children ul:after {
		right: -6px;
	}
}