/*
Theme Name: Happy and Meaningful Life
*/

/*
 * WordPress automatically loads rtl.css for RTL languages.
 * The main theme CSS is already written RTL-first, so this file should only
 * contain RTL-specific overrides and compatibility fixes.
 */

/* ==========================================================================
   Base RTL safety
   ========================================================================== */

html,
body {
    direction: rtl;
}

body {
    text-align: right;
}

/* ==========================================================================
   WordPress content alignment
   ========================================================================== */

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

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

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/* ==========================================================================
   WordPress captions
   ========================================================================== */

.wp-caption {
    text-align: right;
}

.wp-caption-text {
    text-align: right;
}

/* ==========================================================================
   WordPress galleries
   ========================================================================== */

.gallery {
    direction: rtl;
}

/* ==========================================================================
   Forms and search
   ========================================================================== */

input,
textarea,
select {
    direction: rtl;
    text-align: right;
}

input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="password"] {
    direction: ltr;
    text-align: left;
}

input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder {
    direction: rtl;
    text-align: right;
}

/* ==========================================================================
   Admin bar front-end compatibility
   ========================================================================== */

.admin-bar .site-header {
    top: 0;
}