/**
Theme Name: WP Moose

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
*/

/* Reset */
body {
    direction: rtl;
    unicode-bidi: embed;
}

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

/* Text align */
.text-left {
    text-align: right;
}

.text-right {
    text-align: left;
}

/* Float */
.float-right {
    float: left;
}

.float-left {
    float: right;
}

/* Wordpress alignment */
.alignleft {
    float: right;
    margin-left: 24px;
    margin-right: 0;
}

.alignright {
    float: left;
    margin-right: 24px;
    margin-left: 0;
}

.entry-content .alignfull {
    margin-left: auto !important;
    margin-right: calc(50% - 50vw) !important;
}

/* Navbar Menu */
.menu-horizontal .sub-menu .menu-item {
    text-align: right;
}

/* Hero Shape Divider */
.wp-moose-hero-shape-divider {
    direction: ltr;
}

/* Entry Meta */
.card-metas .meta-item,
.entry-meta .meta-item {
    display: inline-block;
    margin-right: 0;
    margin-left: 0.75rem;
}

.card-metas .meta-item i,
.entry-meta .meta-item i {
    margin-right: 0;
    margin-left: 0.375rem;
}

/* Post navigation */
.navigation.post-navigation .nav-links .fa-angle-double-left::before {
    content: "\f101";
}

.navigation.post-navigation .nav-links .fa-angle-double-right::before {
    content: "\f100";
}