/*
Theme Name: Lucienne

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

*/

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

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

li > ul,
li > ol {
	margin-right: 1.5em;
	margin-left: auto;
}
input[type="search"].search-field {
	padding-right: 2em;
	padding-left: 0;
}

.search-form label:before {
	right: .75em;
	left: auto;
}

textarea {
	padding-right: .75em;
	padding-left: 0;
}
.main-navigation > div:first-of-type {
	float: right;
}

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

.main-navigation li {
	margin-left: 1.5em;
	margin-right: auto;
}

.main-navigation .menu li:last-of-type {
	margin-left: 0;
	margin-right: auto;
}

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

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

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

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

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

.main-navigation ul ul li.menu-item-has-children > a:after,
.main-navigation ul ul li.page_item_has_children > a:after {
	content: "\f053";
	margin-right: 10px;
	margin-left: auto;
}

/* Social Links */

.social-links {
	float: left;
}

.social-links li {
	margin-left: 15px;
	margin-right: auto;
}

.social-links li:last-of-type {
	margin-left: 0;
	margin-right: auto;
}

/* Small menu. */

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

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

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

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

.alignright {
	float: right;
	margin: .75em 0 .75em 1.5em;
}

.alignleft {
	float: left;
	margin: .75em 1.5em .75em 0;
}

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

.footer-widgets .widget-area {
	margin-left: 5%;
	float: right;
	margin-right: auto;
}

.footer-widgets .widget-area:last-of-type {
	margin-left: 0;
	margin-right: auto;
}

.footer-widgets .social-links li {
	padding-left: 2.5%;
	padding-right: 0;
}

.footer-widgets .social-links li:last-of-type {
	padding-left: 0;
	padding-right: 0;
}

.widget_authors strong {
	margin-right: 5px;
	margin-left: auto;
}
.entry-summary {
	float: left;
}

.entry-meta {
	float: right;
}

/* Single posts */

.entry-footer > span {
	margin-left: 1.5em;
	margin-right: auto;
}

.entry-footer > span:before,
.comment-list .edit-link:before,
.comment-reply-link:before {
	margin-left: 7px;
	margin-right: auto;
}

.entry-footer .edit-link {
	float: left;
	margin-left: 0;
	margin-right: auto;
}

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

.comment .edit-link {
	margin-right: .75em;
	margin-left: auto;
}

.comment-list .avatar {
	float: right;
	margin-left: 1.5em;
	margin-right: auto;
}

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

.site-main {
	float: right;
}

.page-template-nosidebar-page-php .site-main,
.error404 .site-main {
	margin-right: auto;
	margin-left: auto;
}

.sidebar-right {
	margin-right: 3.75%;
	float: right;
	margin-left: auto;
}

.sidebar-left {
	margin-right: 3.75%;
	float: left;
	margin-left: auto;
}

/*=Media Queries
---------------------------------------------------------------------------*/

@media screen and (min-width: 1101px) and (max-width: 1200px) {
	.entry-meta > span {
		padding-left: .75em;
		padding-right: 0;
	}

	.entry-meta > span:last-of-type {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 1100px) {
	.sidebar-left {
		margin-right: 0;
		margin-left: 0;
	}

	.sidebar-left .widget {
		margin-left: 5%;
		float: right;
		margin-right: auto;
	}

	.sidebar-left .widget:nth-of-type(3n+1) {
		clear: right;
	}

	.sidebar-left .widget:nth-of-type(3n) {
		clear: left;
		margin-left: 0;
		margin-right: auto;
	}
}

@media screen and (min-width: 751px) and (max-width: 950px) {
	.entry-meta > span {
		padding-left: 1.5em;
		padding-right: 0;
	}

	.entry-meta > span:last-of-type {
		padding-left: 0;
		padding-right: 0;
	}

	.entry-meta ul li {
		padding-left: 15px;
		padding-right: 0;
	}

	.entry-meta ul li:last-of-type {
		padding-left: 0;
		padding-right: 0;
	}

}
@media screen and (max-width: 750px) {
	.sidebar-right {
		margin-right: 0;
		margin-left: 0;
	}

	.sidebar-left .widget:nth-of-type(3n) {
		margin-left: 4%;
		margin-right: auto;
	}

	.sidebar-right .widget,
		.sidebar-left .widget {
		margin-left: 4%;
		float: right;
		margin-right: auto;
	}

	.sidebar-right .widget:nth-of-type(2n+1),
	.sidebar-left .widget:nth-of-type(2n+1) {
		clear: right;
	}

	.sidebar-right .widget:nth-of-type(2n),
	.sidebar-left .widget:nth-of-type(2n) {
		clear: left;
		margin-left: 0;
		margin-right: auto;
	}

	.footer-widgets .widget-area {
		margin-left: 4%;
		margin-right: auto;
	}

	.footer-widgets .widget-area:nth-of-type(2n) {
		clear: left;
		margin-left: 0;
		margin-right: auto;
	}

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

}
@media screen and (max-width: 650px) {
	.entry-meta > span {
		padding-left: 1.5em;
		padding-right: 0;
	}

	.entry-meta > span:last-of-type {
		padding-left: 0;
		padding-right: 0;
	}

	.entry-footer > span {
		margin-left: 0;
		margin-right: auto;
	}
}
@media screen and (max-width: 550px) {
	.site-content,
	.footer-widgets,
	.site-info {
		padding-right: 5%;
		padding-left: 5%;
	}

	.social-links {
		float: right;
	}

	.entry-meta > span {
		padding-left: 1.5em;
		padding-right: 0;
	}

	.entry-meta > span:last-of-type {
		padding-left: 0;
		padding-right: 0;
	}

	.footer-widgets .widget-area {
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 37.5em) {
	.main-navigation > div:first-of-type ul ul a {
		padding-right: 2em;
		padding-left: 0;
	}

	.main-navigation > div:first-of-type ul ul ul a {
		padding-right: 2.75em;
		padding-left: 0;
	}

	.main-navigation > div:first-of-type ul ul ul ul a {
		padding-right: 3.5em;
		padding-left: 0;
	}

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

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