/*
Theme Name: bahr

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

*/
@font-face {
    font-family: "Greta";
    src: url("fonts/Greta_Arabic_Regular.eot"), url("fonts/Greta_Arabic_Regular.otf"), url("ffonts/Greta_Arabic_Regular.woff") format("woff"), url("fonts/Greta_Arabic_Regular.ttf") format("truetype");
    font-display: swap;
}
.page-content, .entry-content, .entry-summary {
    font-family: 'Greta';
    font-size:  1.2em;
}
ul,
ol {
    margin: 0 0 1.5em 3em;
}

li > ul,
li > ol {
    margin-left: 1.5em;
    margin-right: auto;
}
.article-content ul, 
.article-content ol {
    margin: 0;
    padding-right: 25px;
}

#main-nav {
    float: right;
}

#main-nav li {
    margin-left: 15px;
    margin-right: auto;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
}


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

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

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

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

#header-search {
    right: 50%;
    margin-right: -225px;
    left: auto;
    margin-left: auto;
}

#header-search .search-input {
    padding: 0 15px 0 45px;
}

.site-branding {
    margin-right: 30px;
    margin-left: auto;
    float: right;
}
.centered-navigation,
.centered-navigation .menu-item {
    float: right;
}

.menu-item{
    float: right;
}

.sub-menu-wrapper{
    right: 0;
    left: auto;
}

.sub-menu-wrapper:before{
    right: 0;
    left: auto;
}

.sub-menu{
    left: 0;
    right: auto;
}

.sub-menu-wrapper .menu-links.inside-menu .sub-meni{
    float: right;
    right: 0;
    left: auto;
}

.sub-meni{
    float: right;
}

.menu-links.inside-menu .sub-meni{
    right: 218px;
    left: auto;
}

.menu-links.inside-menu .menu-item{
    float: right;
}

.centered-navigation .menu-links.inside-menu {
    float: right;
}

.menu-link{
    float: right;
}

.sub-menu-wrapper .six-menu li{
    float: right;
}

.sub-menu-wrapper .five-menu li{
    float: right;
}

.sub-menu-wrapper .small-category .small-text{
    float: right;
}

.small-image:before{
    right: 0;
    left: auto;
}

.nav-toggle {
    right: 0;
    left: auto;
}

.toggle-user {
    left: 0;
    right: auto;
}

.toggle-user .user-icon {
    text-align: left;
}

.user-login {
    left: -30px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    right: auto;
}

.column {
    float: right;
}

.hero-image {
    left: 0;
    right: 0;
}

.hero-image:after {
    right: 0;
    left: auto;
}

#search-cat-page {
    right: 50%;
    margin-right: -225px;
    left: auto;
    margin-left: auto;
}
.main-area #search-cat-page {
    right: auto;
}
#search-cat-page .search-input {
    padding: 0px 20px 0 70px;
}

#search-cat-page .search-icon {
    float: left;
}

.entry-content blockquote:before,
.entry-content q:before {
    right: 50%;
    margin-right: -40px;
    left: auto;
    margin-left: auto;
}

.page .content-area,
.single .content-area,
.archive .content-area {
    float: right;
}
.sub-cats-list.only-cats li {
    float: right;
}
.widget-area {
    margin-right: 1%;
    float: left;
    margin-left: auto;
}

.post-image:after {
    right: 0;
    left: auto;
}

.post-cat .fa {
    margin-left: 5px;
    margin-right: auto;
}

.post-meta span {
    margin-left: 5px;
    float: right;
    margin-right: auto;
}

.post-meta i:before {
    margin-left: 4px;
    margin-right: auto;
}

.entry-meta .entry-author,
.entry-meta .entry-date,
.entry-meta .entry-comments,
.entry-meta .entry-views {
    border-left: 1px solid #fff;
    border-right: none;
}
.entry-meta .entry-date time {
    padding-right: 5px;
}
.entry-meta .fa {
    margin-left: 5px;
    margin-right: auto;
}

.related-content {
    float: right;
    padding-right: 20px;
    padding-left: 0;
}

.article-content {
    float: left;
}
.inline-thumbnail {
    float: right;
}
.inline-title {
    padding-left: 80px;
    padding-right: 10px;
}
.inline-action {
    padding-top: 0;
    padding-left: 5px;
    font-style: italic;
}
.inline-button {
    right: auto;
    left: 10px;
}
.inline-button .fa:before{  
    content: "\f053";
}
.post-tags a,
.tagcloud a {
    padding: 5px 6px 6px 3px;
    margin: 0 0 5px 25px;
}

.post-nav-older,
.post-nav-newer {
    float: right;
}

.post-nav-older {
    border-left: 2px solid #f5f7f7;
    padding-left: 10px;
    padding-right: 0;
    border-right: none;
}
.post-nav-older  .fa-angle-left:before {
    content: "\f105";
}
.post-nav-newer {
    padding-right: 10px;
    padding-left: 0;
}
.post-nav-newer .fa-angle-right:before {
    content: "\f053";
}

.prev-next-title{
    left: 80px;
    right: 80px;
}

.prev-next-posts .page-link {
    line-height: 65px;
}
.prev-next-posts .pre{
    float: right;
}

.prev-next-posts .next{
    float: left;
}
.prev-next-posts .pre .fa:before {
    content: "\f105";
}

.prev-next-posts .next .fa:before {
    content: "\f053";
}
a[data-readmore-toggle]:after{
    left: 40px;
    right: auto;
    content: "\f053";
}
.random-post-inner {
    float: right;
    margin-right: 1%;
    margin-left: auto;
}

.random-post-inner:first-child {
    margin-right: 0;
    margin-left: auto;
}

.related-post-inner:last-child {
    margin-left: 0;
    margin-right: auto;
}

.random-post-inner .post-cover {
    right: 0;
    left: auto;
}

.related-posts .single-entry {
    float: right;
}

.related-post-wrap .single-entry:nth-child(3n) {
    clear: left;
}

.related-post-wrap .single-entry:nth-child(3n+1) {
    clear: right;
}

.crunchify-social .title {
    float: right;
}

.crunchify-social .social-buttons {
    float: left;
}

a.crunchify-link .fa {
    float: right;
}

.comment-list .children {
    margin-left: 50px;
    margin-right: auto;
}

.comments-title {
    float: right;
    text-align: right;
}

.comments-title .fa {
    margin-right: 5px;
    margin-left: auto;
}

.comments-subtitle {
    float: left;
}

.comment-meta {
    margin-right: 100px;
    margin-left: auto;
}

.comment-author {
    padding-right: 100px;
    padding-left: 0;
}

.comment-body .comment-content {
    margin-right: 100px;
    margin-left: auto;
}

.comment-author .avatar {
    margin-right: -90px;
    margin-left: auto;
}

.comment-body .reply {
    margin: 20px 100px 0 20px;
}

#cancel-comment-reply-link {
    float: right;
}

.comment-awaiting-moderation {
    float: right;
}

.comment-form-author {
    margin-right: 0;
    margin-left: auto;
}

.comment-form-email {
    margin-left: 0;
    margin-right: auto;
}

.comment-form-author {
    float: left;
    margin-right: 2%;
    margin-left: auto;
}

.comment-form-email {
    float: right;
    margin-left: 2%;
    margin-right: auto;
}


.home section.widget  .widget-title:after,
.recent-posts-title:after {
    right: 50%;
    margin-right: -35px;
    left: auto;
    margin-left: auto;
}

.cat-box .cat-icon {
    float: right;
    margin-left: 10px;
    margin-right: auto;
}

.cat-box .cat-title {
    float: right;
}

a.sub-cat {
    padding-right: 15px;
    padding-left: 0;
}

a.sub-cat:before {
    right: 0;
    left: auto;
}

a.sub-cat:hover {
    padding-right: 22px;
    padding-left: 0;
}

a.sub-cat:hover:before {
    right: 7px;
    left: auto;
}

.cats-style-image .cat-icon {
    right: 0;
    left: auto;
}

.cats-style-image .cat-icon:after {
    right: 0;
    left: 0;
}

#social li:first-child a {
    margin-right: 0;
    margin-left: auto;
}

#social li:last-child a {
    margin-left: 0;
    margin-right: auto;
}

#social a:before {
    left: 0;
    right: auto;
}

.widget-area #social a {
    padding: 0 15px 0 0;
    text-align: right;
}

.widget-area #social a:before,
.widget-area #social a.ytb:before {
    left: 7px;
    right: auto;
}

.posts-list .single-post {
    float: right;
    margin-right: 2.7%;
    margin-left: auto;
}

.posts-list .single-post:nth-child(3n) {
    clear: left;
}

.posts-list .single-post:nth-child(3n+1) {
    margin-right: 0;
    clear: right;
    margin-left: auto;
}

.single-post.image .post-image {
    right: 0;
    left: 0;
}

.widget_posts_list .widget-title .fa {
    margin-left: 5px;
    margin-right: auto;
}

.widget_twocol_cats ul {
    text-align: left;
}

.widget_twocol_cats .left {
    float: right;
}

.widget_twocol_cats .right {
    float: left;
}

.widget_twocol_cats li a,
.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.widget_recent_entries a {
    text-align: right;
    padding-right: 15px;
    padding-left: 0;
}

.widget_twocol_cats li a:before,
.widget_archive li a:before,
.widget_categories li a:before,
.widget_meta li a:before,
.widget_recent_entries a:before,
a.sub-cat:before {
    content: "\f053";
    right: 0;
    left: auto;
    top: 40;
}

.widget_twocol_cats li:hover a,
.widget_archive li:hover a,
.widget_categories li:hover a,
.widget_meta li:hover a,
.widget_recent_entries li:hover {
    padding-right: 22px;
    padding-left: 0;
}

.widget_twocol_cats li:hover a:before,
.widget_archive li:hover a:before,
.widget_categories li:hover a:before,
.widget_meta li:hover a:before,
.widget_recent_entries li:hover a:before {
    right: 7px;
    left: auto;
}

#entries-list .single-entry {
    float: right;
    padding: 0 0 0 10px;
    clear: right;
}

#entries-list .single-entry:nth-child(2n) {
    padding: 0 10px 0 0;
    clear: left;
}

.comments_list .post-icon {
    right: 0;
    left: auto;
}

.comments_list .inner {
    padding-right: 65px;
    padding-left: 0;
}

#smoothup {
    left: 15px;
    right: auto;
}

.author-info  .author-avatar,
.author-info  .author-description {
    float: right;
    text-align: right;
}

.author-social .fa {
    padding: 5px 0 5px 10px;
    float: right;
}

.footnotes-title i {
    margin-left: 10px;
    margin-right: 0;
}

.footnotes-list {
    padding: 10px 40px 10px 10px;
}
@media screen and (max-width: 1239px) {
    .site-branding {
        margin-right: 35px;
    }
    .nav-toggle {
        right: 20px;
        left: auto;
    }

    .toggle-user {
        left: 20px;
        right: auto;
    }

    .user-login {
        left: 0;
        right: auto;
    }

    .widget_social_profiles,
        .widget_posts_list .widget-title {
        margin-left: 2%;
        margin-right: 2%;
    }

}
@media screen and (max-width: 1039px) {
    .posts-list .single-post {
        margin-right: 2%;
        margin-left: auto;
    }

    .posts-list .single-post:nth-child(3n+1) {
        margin-right: 2%;
        clear: left;
        margin-left: auto;
    }

    .posts-list .single-post:nth-child(2n+1) {
        margin-right: 0;
        margin-left: auto;
    }
}
@media screen and (max-width: 768px) {
    a.crunchify-link .fa {
        float: none;
    }
    #header-search {
        right: 15%;
        left: auto;
        margin-right: auto;
        margin-left: auto;

    }
    #search-cat-page {
        right: auto;
        left: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .random-post-inner {
        margin-right: 1%;
        margin-left: auto;
    }

    .random-post-inner:first-child {
        margin-right: 0;
        margin-left: auto;
    }

    .entry-content blockquote,
    .entry-content q {
        margin: 10px 10px 10px 25px;
    }

    .related-post-wrap .single-entry:nth-child(3n) {
        clear: right;
    }
    .related-post-wrap .single-entry:nth-child(2n) {
        clear: left;
    }

    .entry-footer a.crunchify-link {
        float: right;
    }
    .author-info .author-avatar,
    .author-info .author-description {
        float: none;
        text-align: center;
    }
    .author-social .fa {
        float: none;
        padding: 5px;
    }
    .related-entry .title:before {
        padding-right: 0;
        padding-left: 10px;
    }

}

@media screen and (max-width: 568px) {
    .post-nav-older,
    .post-nav-newer {
        padding-right: 0;
        border-right: none;
        padding-left: 0;
        border-left: none;
    }

    #social a {
        padding: 0 15px 0 0;
        text-align: right;
    }

    #social a:before,
        #social li.ytb a:before {
        left: 7px;
        right: auto;
    }
}
@media screen and (max-width: 400px) {
    .site-branding {
        margin-right: 30px;
    }
    .nav-toggle {
        right: 10px;
        left: auto;
    }

    .toggle-user {
        left: 10px;
        right: auto;
    }

    #entries-list .single-entry {
        padding-left: 0;
        padding-right: 0;
    }
}