/*
Theme Name: Rara Journal

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;
}

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

.header-top .social-networks {
    float: left;
}

.header-top ul li {
    float: right;
}

.header-top .social-networks li {
    float: right;
    margin-right: 15px;
    margin-left: 0;
}

.header-top .top-menu ul li {
    border-right: 1px solid #b7b7b7;
    border-left: 0;
}

.header-top .top-menu ul li:first-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

.header-top .top-menu ul li:first-child a {
    padding-left: 17px;
    padding-right: 0;
}

.main-navigation li {
    margin-left: 0;
    margin-right: 35px;
}

.main-navigation li:first-child {
    margin-right: 0;
}

.main-navigation ul ul,
.main-navigation ul ul ul {
    display: none;
    text-align: right;
}

.main-navigation ul ul li {
    margin-right: 0;
}

.main-navigation ul li:hover > ul {
    left: auto;
    right: 0;
    display: block;
}

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

.site-content #primary .post .entry-meta .byline,
.site-content #primary .post .entry-meta .comments-link,
.site-content #primary .post .entry-meta .category,
.site-content #primary .post .entry-meta .comments-link,
.site-content #primary .post .entry-meta .posted-on {
    background-position: calc(100% - 18px) 7px;
    padding-left: 18px;
    padding-right: 44px;
}

.site-content #primary .post .entry-meta span:first-child {
    border-right: 0;
    padding-right: 44px;
}

.site-content #primary .post .entry-meta span {
    padding-left: 13px;
    padding-right: 44px;
    border-right: 1px solid #a3a3a3;
    border-left: 0;
}

.site-content .nav-previous a::after {
    display: inline-block;
    left: auto;
    right: 5%;
    transform: rotateY(180deg);
}

.site-content .nav-next a::after {
    left: auto;
    right: 86%;
    transform: rotateY(180deg);
}

.site-content .nav-previous {
    margin-right: 0 !important;
    margin-left: 15px !important
}

.site-footer .widget-area .column {
    float: right;
}

.widget-area .post .post-thumbnail {
    float: right;
    margin-right: 0;
    margin-left: 11px;
}

.widget-area .post .entry-header {
    text-align: right;
}

.widget-area ul li::after {
    display: inline-block;
    left: auto;
    right: 0;
    transform: rotateY(180deg);
}

.widget-area ul li {
    padding-left: 0;
    padding-right: 15px;
}

.page .site-content .post .entry-header,
.post .site-content .post .entry-header {
    text-align: right;
}

.widget-area .widget.widget_search form input[type="search"] {
    float: right;
}

.widget-area .widget.widget_search form input[type="submit"] {
    float: left;
    background-position: 100% 18px;
}

.gallery-item {
    float: right;
}

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

.comments-area ol {
    padding-right: 0;
}

.comment-metadata a {
    display: inline-block;
    background-position: 100% 0;
    padding-left: 0;
    padding-right: 20px;
}

.comment-metadata .comment-edit-link {
    background: none;
}

.comments-area ol ol li {
    padding-left: 0;
    padding-right: 40px;
}

.error404 .site-content form input[type="search"], .search .page-header form input[type="search"]{
	float: right;
}

.error404 .site-content form input[type="submit"]::after, .search .page-header form input[type="submit"]::after{
	float: left;
}

#secondary ul li a{
	display: inline-block;
}

.single-post .site-content .post .entry-content blockquote{
	background-position: 100% 0;
}