/*
Theme Name: My Custom Theme - RTL
Description: Right-to-Left (RTL) Stylesheet
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - General RTL Styles
2.0 - Typography
3.0 - Navigation
4.0 - Content
5.0 - Widgets
6.0 - Forms
7.0 - Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - General RTL Styles
--------------------------------------------------------------*/
body {
    direction: rtl;
    text-align: right;
}

/*--------------------------------------------------------------
2.0 - Typography
--------------------------------------------------------------*/
blockquote {
    border-right: 4px solid #ddd;
    border-left: none;
    padding-right: 1.5rem;
    padding-left: 0;
}

ul, ol {
    margin-right: 1.5rem;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

/*--------------------------------------------------------------
3.0 - Navigation
--------------------------------------------------------------*/
.navbar-nav {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.navbar-brand {
    margin-left: 1rem;
    margin-right: 0;
}

.navbar-toggler {
    margin-left: 0;
    margin-right: auto;
}

.dropdown-menu {
    text-align: right;
}

.nav-previous {
    float: right;
}

.nav-next {
    float: left;
}

/*--------------------------------------------------------------
4.0 - Content
--------------------------------------------------------------*/
.alignleft {
    float: right;
    margin-left: 1.5rem;
    margin-right: 0;
}

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

.entry-meta .posted-on,
.entry-meta .byline {
    margin-left: 1rem;
    margin-right: 0;
}

.entry-meta .posted-on:before,
.entry-meta .byline:before {
    margin-left: 0.5rem;
    margin-right: 0;
}

/*--------------------------------------------------------------
5.0 - Widgets
--------------------------------------------------------------*/
.widget ul {
    list-style: none;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

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

/*--------------------------------------------------------------
6.0 - Forms
--------------------------------------------------------------*/
input[type="checkbox"],
input[type="radio"] {
    margin-left: 0.5rem;
    margin-right: 0;
}

.search-form .search-submit {
    right: auto;
    left: 0;
}

/*--------------------------------------------------------------
7.0 - Media
--------------------------------------------------------------*/
.wp-caption-text {
    text-align: right;
}

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

/*--------------------------------------------------------------
Bootstrap RTL Overrides
--------------------------------------------------------------*/
.me-1, .mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
}

.me-2, .mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

.me-3, .mx-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

.me-4, .mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
}

.me-5, .mx-5 {
    margin-left: 3rem !important;
    margin-right: 0 !important;
}

.ms-1, .mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
}

.ms-2, .mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
}

.ms-3, .mx-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

.ms-4, .mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 0 !important;
}

.ms-5, .mx-5 {
    margin-right: 3rem !important;
    margin-left: 0 !important;
}

.text-start {
    text-align: right !important;
}

.text-end {
    text-align: left !important;
}

.float-start {
    float: right !important;
}

.float-end {
    float: left !important;
}

/*--------------------------------------------------------------
Custom RTL Styles
--------------------------------------------------------------*/
.social-icon {
    margin-right: 0.5rem;
    margin-left: 0;
}

.back-to-top {
    left: 20px;
    right: auto;
}

.comment-author .avatar {
    margin-left: 1rem;
    margin-right: 0;
}

.post-navigation .nav-previous {
    text-align: right;
}

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