/*
Theme Name: cosimo

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;
}
.spaceRight {
	padding-right: 0;
	padding-left: 5px;
}
.spaceLeft {
	padding-left: 0;
	padding-right: 5px;
}
.main-navigation ul {
	float: right;
	direction: ltr;
}
.main-navigation li {
	float: right;
}
.closeSearch, .main-search-box {
	left: 4.5em;
	right: inherit;
}
.main-sidebar-box {
	left: 1.5em;
	right: inherit;
}
.hfeed.site {
	left: 0;
	right: inherit;
}
body.sidebar-open .hfeed.site, body.sidebar-open .whiteSpace {
	left: 330px;
	right: inherit;
}
.whiteSpace {
	left: 8%;
	right: inherit;
}
.widget-area {
	left: -330px;
	right: inherit;
}
.main-sidebar-box span, .main-sidebar-box span:before, .main-sidebar-box span:after {
	right: 13px;
	left: inherit;
}
.main-sidebar-box span:before, .main-sidebar-box span:after {
	right: 0;
	left: inherit;
}
.main-sidebar-box.sidebar-open span:before {
    -webkit-transform: rotate3d(0,0,1,140deg);
    -ms-transform: rotate3d(0,0,1,140deg);
    transform: rotate3d(0,0,1,140deg);
}
.main-sidebar-box.sidebar-open span:after {
    -webkit-transform: rotate3d(0,0,1,-140deg);
    -ms-transform: rotate3d(0,0,1,-140deg);
    transform: rotate3d(0,0,1,-140deg);
}
.main-sidebar-box.sidebar-open span:before, .main-sidebar-box.sidebar-open span:after {
	right: -13px;
}
.widget-area.sidebar-open {
	left: 0;
	right: inherit;
}
.nano > .nano-content {
	left: -17px !important;
	right: 0 !important;
}
.sticky .entry-title {
    padding-right: 20px;
    padding-left: 0;
}
.sticky .entry-header .entry-title:before {
	left: inherit;
	right: 0;
}
.widget_archive li a, .widget_categories li a {
	float: right;
}
.widget_archive li, .widget_categories li {
	text-align: left;
}
span.read-more {
    float: left;
}
.post-navigation .nav-previous {
    text-align: left;
}
#comments .reply {
    position: absolute;
    right: inherit;
	left: 0;
}
#comments article footer img {
    float: right;
    margin-right: 0;
	margin-left: 1em;
}
#comments ol ol {
    padding-left: 0;
	padding-right: 5%;
}
span.read-more i.fa-caret-right:before {
	content: "\f0d9";
}
@media (max-width: 767px) {
	.widget-area {
		top: inherit;
		left: inherit;
		right: inherit;
	}
	.whiteSpace {
		left: 0;
	}
	.menu-toggle {
		text-align: right;
	}
	.main-navigation ul {
		direction: rtl;
		padding: 0;
	}
	.main-navigation a {
		text-align: right;
	}
	.main-navigation ul li .indicator {
		left: 0;
		right: inherit;
		border-right: 1px solid rgba(0,0,0,.05);
		border-left: none;
	}
	.main-navigation ul ul a {
		text-align: right;
	}
	.main-navigation ul ul, .main-navigation ul ul ul {
		padding-right: 3%;
		padding-left: inherit;
	}
	.main-search-box, .closeSearch {
		left: 1.5em;
		right: inherit;
	}
}