/*
Theme Name: Echoes

Adding support for languages 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;
    text-align: right;
}


/* Elements */

ul {
    padding: 0;
}


/*Grid*/

.grid {
    margin-left: 0;
    margin-right: -128px;
}

.grid>* {
    padding-left: 0;
    padding-right: 128px;
}


/* Layout */

@media (min-width: 992px) {
    .site-content .widget-area {
        margin-right: auto;
    }
}

header .entry-meta span:not(:last-child) {
    margin-left: 40px;
}

header .entry-meta span:not(:last-child) {
    margin-right: 0;
}


/* Menu */

.main-navigation ul ul {
    left: 0;
    text-align: left;
}

.main-navigation ul ul ul {
    right: -100%;
    width: 100%;
}


/* Menu widget */

.widget_nav_menu ul>li>a {
    padding: 18px 27px 18px 0;
}

.widget_nav_menu .sub-menu>li>a {
    padding-right: 4.5em;
}

.widget_nav_menu .sub-menu .sub-menu>li>a {
    padding-right: 7.5em;
}

.dropToggle {
    left: 0;
    right: initial;
}


/* Social menu */

.footer-info .jetpack-social-navigation li a {
    margin-right: 10px;
}


/* Recent posts */

.widget_echoes-recent-posts .recent-post__image {
    margin-right: 0;
    margin-left: 20px;
}

.widget_echoes-recent-posts ul {
    padding: 0;
}


/* Widget */

.sidebar-area .widget-title {
    padding-right: 0;
    padding-left: 24px;
}

.widget ul>li:before,
.entry-content ul>li:before {
    margin: 0 0 0 20px;
}


/* Others */

.custom-logo-link {
    margin: 0 0 0 15px;
}

blockquote {
    padding: 20px 26px 20px 0;
}

ol.comment-list .children .comment>article {
    padding: 20px 30px 20px 0;
}

#wp-calendar #prev {
    text-align: right;
}

#wp-calendar #next {
    text-align: left;
}

.nav-next {
    text-align: left;
}

.comment-edit-link {
    float: right;
}

.entry-meta .author .fn {
    float: right;
}

.more-link i {
    float: right;
}

body:not(.single) .format-quote>p,
.format-quote .jetpack-the-excerpt>p {
    padding: 43px 26px 43px 0;
}

.site-content article.format-quote>a {
    margin-right: 26px;
}

.main-navigation li .sub-menu>li.menu-item-has-children>a:after {
    top: 7px;
    transform: rotate(-90deg);
}